:root{color:#0f172a;background:#f3f4f6;font-family:Pretendard,Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}main{max-width:720px;margin:0 auto;padding:16px 12px}input,select,textarea,button{background:#fff;border:1px solid #d1d5db;border-radius:10px;width:100%;margin:6px 0;padding:10px 12px}button{cursor:pointer;font-weight:600}.layout{min-height:100vh;padding-bottom:88px}.layout-has-bottom-dock main{padding-bottom:calc(92px + env(safe-area-inset-bottom,0px))}.topbar{background:#fff;border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.topbar nav{color:#6b7280;gap:12px;font-size:.86rem;display:flex}.brand{color:#1a7f4b;font-size:1.2rem;font-weight:700}.nav-highlight{color:#1a7f4b;font-weight:700}.feed-wrap{gap:12px;display:grid}.hot-ticker-bar{white-space:nowrap;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;gap:10px;padding:8px 10px;font-size:.8rem;display:flex;overflow-x:auto}.ticker-title{color:#92400e;font-weight:700}.story-row{gap:12px;padding:2px 0 4px;display:flex;overflow-x:auto}.story-item{background:0 0;border:0;width:64px;margin:0;padding:0}.story-item.active .story-ring{box-shadow:0 0 0 3px #1a7f4b24}.story-ring{border:2px solid #94a3b8;border-radius:999px;place-items:center;width:58px;height:58px;display:grid}.story-ring.up{border-color:#1a7f4b}.story-ring.down{border-color:#e24b4a}.story-inner{color:#334155;background:#fff;border-radius:999px;place-items:center;width:52px;height:52px;font-size:.95rem;font-weight:700;display:grid}.story-avatar{object-fit:cover;border-radius:999px;width:100%;height:100%}.story-label{color:#475569;margin-top:4px;font-size:.72rem;display:block}.feed-tabs{background:#fff;border:1px solid #e2e8f0;border-radius:10px;grid-template-columns:repeat(4,1fr);display:grid;overflow:hidden}.feed-tab{color:#64748b;border:0;border-radius:0;margin:0;padding:10px 8px;font-size:.82rem}.feed-tab.active{color:#1a7f4b;border-bottom:2px solid #1a7f4b}.post-card,.card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:12px}.post-card{background:0 0;border:0;border-radius:0;padding:0}.post-head{justify-content:space-between;align-items:start;gap:10px;padding:12px 12px 0;display:flex}.post-author-wrap{align-items:center;gap:10px;display:flex}.post-author-avatar{object-fit:cover;background:#e5e7eb;border-radius:50%;flex-shrink:0;width:36px;height:36px}.post-author-avatar-placeholder{color:#475569;justify-content:center;align-items:center;font-size:.8rem;font-weight:700;display:inline-flex}.post-author{margin:0;font-size:.92rem;font-weight:700}.badge-verified{color:#854f0b;background:#faeeda;border-radius:999px;margin-left:6px;padding:2px 6px;font-size:.72rem;font-weight:700;display:inline-block}.post-meta{color:#64748b;margin:4px 0 0;font-size:.78rem}.ghost-button{color:#94a3b8;background:0 0;border:0;width:auto;margin:0;padding:2px 6px}.delete-post-button{color:#dc2626;font-weight:700}.delete-post-button:disabled{color:#94a3b8}.post-head-actions{flex-shrink:0;align-items:center;gap:6px;display:flex}.btn-follow{color:#fff;cursor:pointer;background:#0f172a;border:1px solid #0f172a;border-radius:8px;margin:0;padding:4px 10px;font-size:.75rem;font-weight:700}.btn-follow:hover:not(:disabled){opacity:.92}.btn-follow:disabled{opacity:.55;cursor:not-allowed}.btn-follow.following{color:#0f172a;background:#fff;border-color:#cbd5e1}a.btn-follow{box-sizing:border-box;justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.feed-section-divider{color:#94a3b8;letter-spacing:.02em;border:0;border-top:1px solid #e2e8f0;margin:0 12px;padding:10px 0 4px;font-size:.72rem;font-weight:700}.profile-popup-backdrop{z-index:1000;background:#0f172a73;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.profile-popup-panel{background:#fff;border-radius:16px;width:100%;max-width:380px;max-height:min(85vh,520px);padding:20px 20px 18px;position:relative;overflow:auto;box-shadow:0 20px 50px #0f172a33}.profile-popup-close{color:#475569;cursor:pointer;background:#f1f5f9;border:0;border-radius:10px;width:36px;height:36px;margin:0;font-size:1.35rem;line-height:1;position:absolute;top:10px;right:10px}.profile-popup-close:hover{background:#e2e8f0}.profile-popup-header{text-align:center;flex-direction:column;align-items:center;gap:10px;padding-right:28px;display:flex}.profile-popup-avatar{object-fit:cover;background:#e5e7eb;border-radius:50%;width:72px;height:72px}.profile-popup-avatar-ph{color:#475569;justify-content:center;align-items:center;font-size:1.5rem;font-weight:700;display:inline-flex}.profile-popup-name{margin:0;font-size:1.1rem;font-weight:800}.profile-popup-bio{color:#334155;white-space:pre-wrap;word-break:break-word;margin:14px 0 0;font-size:.9rem;line-height:1.55}.profile-popup-actions{justify-content:center;margin-top:18px;display:flex}.post-author-wrap-button{cursor:pointer;text-align:left;min-width:0;font:inherit;color:inherit;background:0 0;border:0;flex:1;align-items:center;gap:10px;margin:0;padding:0;display:flex}.post-author-wrap-button:focus-visible{outline-offset:2px;border-radius:8px;outline:2px solid #0f172a}.chart-image{background:#0d1117;border-radius:10px;margin-top:10px;padding:14px 12px 12px}.chart-pill{color:#86efac;background:#1f2937;border-radius:8px;margin-bottom:8px;padding:4px 8px;font-size:.76rem;display:inline-block}.chart-svg{width:100%;height:140px}.chart-svg path{stroke:#2ecc71;stroke-width:3px;fill:none}.video-thumb{color:#fff;text-align:center;background:#101530;border-radius:10px;place-items:center;min-height:180px;margin-top:10px;padding:16px;display:grid;position:relative}.play-button{color:#1a7f4b;background:#ffffffe6;border-radius:999px;place-items:center;width:58px;height:58px;margin-bottom:6px;font-size:1.4rem;display:grid}.duration-badge{background:#111827;border-radius:6px;padding:2px 6px;font-size:.7rem;position:absolute;bottom:8px;right:8px}.post-actions{color:#475569;flex-wrap:wrap;align-items:center;gap:8px;margin-top:10px;padding:0 12px;font-size:.82rem;display:flex}.action-btn{color:#475569;background:#fff;border:1px solid #e5e7eb;border-radius:999px;width:auto;margin:0;padding:4px 8px;font-size:.78rem}.action-btn.active{color:#be123c;background:#ffe4e6;border-color:#fecdd3}.action-label{font-size:.78rem}.comment-box{margin-top:8px;padding:0 12px 12px}.comment-item{color:#334155;margin:4px 0;font-size:.82rem}.comment-input-row{grid-template-columns:1fr auto;gap:8px;margin-top:8px;display:grid}.comment-input-row input{margin:0}.comment-submit-btn{color:#fff;background:#1a7f4b;border:1px solid #1a7f4b;border-radius:8px;width:auto;margin:0;padding:8px 12px}.post-media{object-fit:cover;background:#e5e7eb;border-radius:10px;width:100%;max-height:480px;margin-top:10px}.post-media-carousel{margin-top:10px;margin-left:0;margin-right:0;position:relative}.post-media-track{scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;touch-action:auto;background:#000;border-radius:0;display:flex;overflow-x:auto}.post-media-track::-webkit-scrollbar{display:none}.post-media-slide{object-fit:contain;scroll-snap-align:start;background:#000;flex:0 0 100%;width:100%;height:auto;max-height:78vh;display:block}@media (width<=768px){.post-media-carousel{margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw)}}.carousel-indicator{color:#fff;background:#0f172aa6;border-radius:999px;padding:3px 8px;font-size:.72rem;position:absolute;top:10px;right:10px}.post-text{margin:8px 0;padding:0 12px;font-size:.9rem;line-height:1.45}.tag-row{flex-wrap:wrap;gap:6px;padding:0 12px;display:flex}.stock-tag{color:#1a7f4b;background:#eafaf1;border-radius:999px;padding:3px 8px;font-size:.74rem}.stock-tag.danger{color:#b91c1c;background:#fde8e8}.login-cta-card h2{margin:0 0 8px;font-size:.95rem}.cta-link{color:#fff;background:#1a7f4b;border-radius:8px;padding:8px 12px;font-size:.84rem;font-weight:700;display:inline-block}.sns-bottom-dock{z-index:100;max-width:720px;padding:6px 8px calc(8px + env(safe-area-inset-bottom,0px));background:#fff;border-top:1px solid #e5e7eb;grid-template-columns:repeat(5,1fr);align-items:end;margin:0 auto;display:grid;position:fixed;bottom:0;left:0;right:0}.dock-item{text-align:center;color:#64748b;font-size:.68rem}.dock-item.active{color:#1a7f4b;font-weight:700}.dock-icon{margin-bottom:2px;font-size:1rem;display:block}.dock-upload{text-align:center}.dock-upload-circle{color:#fff;background:#1a7f4b;border-radius:12px;place-items:center;width:44px;height:44px;font-size:1.6rem;line-height:1;display:inline-grid}.form-error{color:#b91c1c;margin:8px 0 0;font-size:.875rem}.form-success{color:#166534;background:#f0fdf4;border:1px solid #86efac;border-radius:10px;margin:8px 0 0;padding:8px 10px;font-size:.875rem}.hint-muted{color:#64748b;margin:8px 0 0;font-size:.82rem;line-height:1.4}.center-text{text-align:center;margin-top:40px}.auth-mode-switch{grid-template-columns:1fr 1fr;gap:8px;margin:12px 0 8px;display:grid}.btn-auth-tab{color:#334155;background:#f1f5f9;border:1px solid #cbd5e1}.btn-auth-tab.active,.btn-primary{color:#fff;background:#1a7f4b;border-color:#1a7f4b}.btn-oauth{background:#fff}.btn-google{color:#111827;border-color:#d1d5db;justify-content:center;align-items:center;gap:8px;display:inline-flex}.google-mark{color:#4285f4;background:#fff;border:1px solid #d1d5db;border-radius:999px;place-items:center;width:20px;height:20px;font-size:.82rem;font-weight:700;line-height:1;display:inline-grid}.btn-danger{color:#b91c1c;background:#fff1f2;border:1px solid #fda4af}.profile-editor{margin-top:10px}.profile-avatar{object-fit:cover;background:#fff;border:1px solid #e2e8f0;border-radius:999px;width:88px;height:88px}.profile-avatar-placeholder{color:#94a3b8;place-items:center;font-size:.75rem;display:grid}.post-detail-cta-row{padding:2px 12px 0}.detail-link-btn{color:#0f766e;background:#ecfeff;border:1px solid #99f6e4;border-radius:8px;padding:6px 10px;font-size:.8rem;font-weight:700;display:inline-block}.story-block-adders{gap:8px;margin:8px 0 12px;display:flex}.story-block-adders button{width:auto;margin:0}.story-block-editor-list{gap:8px;margin-bottom:12px;display:grid}.story-block-editor{border:1px solid #e2e8f0;border-radius:10px;padding:10px}.story-block-editor-head{align-items:center;gap:8px;display:flex}.story-block-editor-head .ghost-button{margin-left:auto}.story-detail-page{gap:14px;display:grid}.story-detail-header h1{margin:0;font-size:1.35rem}.story-detail-body h2{margin:0 0 8px;font-size:1.1rem}.story-detail-body p{color:#334155;margin:0 0 10px;line-height:1.65}.story-detail-image-wrap{margin:0 0 12px}.story-detail-image{border-radius:10px;width:100%;display:block}.ad-slot{text-align:center;color:#64748b;background:#f8fafc;border:1px dashed #cbd5e1;border-radius:10px;padding:12px;font-size:.82rem}.explore-search-card .explore-title{margin:0 0 6px;font-size:1.15rem}.explore-search-card .explore-sort-hint{margin:0 0 12px;font-size:.82rem;line-height:1.45}.explore-search-row{align-items:stretch;gap:8px;display:flex}.explore-search-row input{flex:1;margin:0}.explore-search-btn{color:#fff;background:#1a7f4b;border-color:#166a3f;flex:none;width:auto;min-width:72px;margin:0;padding:10px 14px}.profile-follow-stats{color:#475569;margin:0 0 14px;font-size:.9rem}.profile-follow-stats strong{color:#0f172a;font-weight:700}.profile-follow-stats-sep{color:#94a3b8;margin:0 8px}