@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Noto+Sans+KR:wght@400;500;600;700;800&display=swap";:root{--bg-base:#fff;--bg-surface:#f9fafb;--bg-hover:#f3f4f6;--border-light:#f3f4f6;--border-normal:#e5e7eb;--text-main:#111827;--text-secondary:#4b5563;--text-muted:#9ca3af;--brand-orange:#f97316;--brand-orange-hover:#ea580c;--brand-orange-light:#ffedd5;--action-blue:#3b82f6;--action-red:#ef4444;--action-green:#10b981;--font-sans:"Inter","Noto Sans KR",sans-serif;--transition:all .15s ease}*{box-sizing:border-box;margin:0;padding:0}html,body{overflow-x:hidden}body{background-color:var(--bg-base);color:var(--text-main);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;line-height:1.5}a{color:inherit;text-decoration:none}button,input{background:0 0;border:none;outline:none;font-family:inherit}ul,ol{list-style:none}.app-shell{justify-content:center;width:100%;min-height:100vh;display:flex;overflow-x:hidden}.mobile-header,.mobile-fab{display:none}.layout{grid-template-columns:275px minmax(auto,600px) 350px;gap:0;width:100%;max-width:1265px;display:grid}.left-nav{padding:0 12px}.sticky-sidebar{flex-direction:column;height:100vh;padding:12px 0;display:flex;position:sticky;top:0}.brand{width:-moz-fit-content;width:fit-content;transition:var(--transition);border-radius:99px;align-items:center;gap:12px;padding:12px;display:inline-flex}.brand:hover{background-color:var(--brand-orange-light)}.brand-icon{width:32px;height:32px;display:flex}.brand-text{color:var(--text-main);font-size:1.25rem;font-weight:800}.nav-menu{flex-direction:column;gap:8px;margin-top:16px;display:flex}.nav-item{color:var(--text-main);width:-moz-fit-content;width:fit-content;transition:var(--transition);border-radius:99px;align-items:center;gap:16px;padding:12px 16px 12px 12px;font-size:1.25rem;font-weight:400;display:inline-flex}.nav-item:hover{background-color:var(--bg-hover)}.nav-item.active{font-weight:700}.write-btn{width:90%;margin-top:16px;padding:16px 32px;font-size:1.1rem;box-shadow:0 4px 12px #f9731633}.mini-profile{cursor:pointer;transition:var(--transition);border-radius:99px;align-items:center;gap:12px;margin-top:auto;padding:12px;display:flex}.mini-profile:hover{background-color:var(--bg-hover)}.avatar{background:var(--text-main);width:40px;height:40px;color:var(--bg-base);border-radius:50%;justify-content:center;align-items:center;font-size:1rem;font-weight:700;display:flex}.mini-profile-text{flex-direction:column;display:flex}.mini-profile-text strong{font-size:.95rem;font-weight:700}.mini-profile-text span{color:var(--text-muted);font-size:.9rem}.btn-primary{background-color:var(--brand-orange);color:#fff;cursor:pointer;transition:var(--transition);border-radius:99px;font-weight:700}.btn-primary:hover{background-color:var(--brand-orange-hover)}.btn-primary.small{padding:8px 16px;font-size:.95rem;font-weight:600}.feed-column{border-left:1px solid var(--border-normal);border-right:1px solid var(--border-normal);min-width:0;min-height:100vh}.feed-header{-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border-normal);z-index:10;background:#ffffffd9;padding:16px;position:sticky;top:0}.feed-header h2{font-size:1.25rem;font-weight:700}.composer-area{border-bottom:1px solid var(--border-normal);gap:16px;padding:16px;display:flex}.composer-avatar{background:var(--text-main);width:48px;height:48px;color:var(--bg-base);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:1.1rem;font-weight:700;display:flex}.composer-body{flex-direction:column;flex:1;min-width:0;display:flex}.composer-input-row{align-items:center;gap:12px;display:flex}.auto-expand-input{min-width:0;min-height:24px;color:var(--text-main);cursor:text;word-break:break-word;white-space:pre-wrap;outline:none;flex:1;padding:12px 0;font-size:1.15rem}.auto-expand-input:empty:before{content:attr(data-placeholder);color:var(--text-muted);pointer-events:none;display:block}.submit-btn{flex-shrink:0}.composer-tools{border-top:1px solid var(--border-light);align-items:center;gap:12px;margin-top:12px;padding-top:12px;display:flex}.chip-group{-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-wrap:nowrap;flex:1;gap:8px;min-width:0;display:flex;overflow-x:auto}.chip-group::-webkit-scrollbar{display:none}.chip{color:var(--brand-orange);background-color:var(--bg-base);border:1px solid var(--brand-orange-light);cursor:pointer;white-space:nowrap;transition:var(--transition);border-radius:99px;flex-shrink:0;padding:4px 10px;font-size:.8rem;font-weight:600}.chip:hover{background-color:var(--brand-orange-light)}.post-card{border-bottom:1px solid var(--border-normal);transition:var(--transition);cursor:pointer;gap:12px;padding:16px;display:flex}.post-card:hover{background-color:var(--bg-surface)}.post-avatar{background:var(--bg-hover);width:48px;height:48px;color:var(--text-secondary);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-weight:700;display:flex}.post-content{flex:1;min-width:0}.post-meta{align-items:baseline;gap:6px;margin-bottom:4px;display:flex}.post-meta strong{font-size:.95rem;font-weight:700}.post-meta .handle,.post-meta .time,.post-meta .dot{color:var(--text-muted);font-size:.9rem}.post-meta strong:hover{text-decoration:underline}.post-body h3{word-break:keep-all;overflow-wrap:break-word;margin-bottom:4px;font-size:1.05rem;font-weight:600;line-height:1.4}.post-body p{color:var(--text-main);word-break:break-word;margin-bottom:12px;font-size:.95rem;line-height:1.5}.post-badge{background-color:var(--brand-orange-light);color:var(--brand-orange-hover);border-radius:6px;margin-bottom:6px;padding:2px 8px;font-size:.75rem;font-weight:700;display:inline-block}.taste-box{border-radius:var(--radius-lg);border:1px solid var(--border-normal);background-color:var(--bg-base);align-items:center;gap:16px;margin-bottom:12px;padding:12px 16px;display:flex}.taste-metric{flex-direction:column;display:flex}.taste-metric span{color:var(--text-muted);font-size:.75rem;font-weight:600}.taste-metric strong{color:var(--brand-orange);font-size:1.25rem;font-weight:800}.taste-desc{color:var(--text-secondary);border-left:1px solid var(--border-normal);padding-left:16px;font-size:.9rem}.post-tags{gap:8px;margin-bottom:12px;display:flex}.post-tags span{color:var(--action-blue);font-size:.9rem}.post-actions{justify-content:space-between;width:100%;max-width:425px;margin-top:12px;display:flex}.action-btn{color:var(--text-muted);cursor:pointer;transition:var(--transition);border-radius:99px;align-items:center;gap:8px;padding:6px;font-size:.85rem;display:flex}.action-btn svg{transition:var(--transition)}.action-btn:hover{background-color:var(--bg-hover)}.action-btn.comment:hover{color:var(--action-blue);background-color:#3b82f61a}.action-btn.retweet:hover{color:var(--action-green);background-color:#10b9811a}.action-btn.like:hover{color:var(--action-red);background-color:#ef44441a}.action-btn.share:hover{color:var(--action-blue);background-color:#3b82f61a}.right-widgets{padding:12px 24px}.search-bar{background-color:var(--bg-hover);transition:var(--transition);border:1px solid #0000;border-radius:99px;align-items:center;gap:12px;margin-bottom:24px;padding:12px 24px;display:flex}.search-bar:focus-within{background-color:var(--bg-base);border-color:var(--brand-orange)}.search-bar svg{color:var(--text-muted)}.search-bar input{flex:1;font-size:.95rem}.widget{background-color:var(--bg-surface);border-radius:var(--radius-lg);margin-bottom:16px;overflow:hidden}.widget h3{padding:16px 16px 12px;font-size:1.15rem;font-weight:800}.trend-list{flex-direction:column;display:flex}.trend-item{cursor:pointer;transition:var(--transition);flex-direction:column;gap:4px;padding:12px 16px;display:flex}.trend-item:hover{background-color:var(--bg-hover)}.trend-item span{color:var(--text-muted);font-size:.8rem}.trend-item strong{color:var(--text-main);font-size:.95rem;font-weight:700}.widget-header{padding:16px 16px 0}.widget-header h3{padding:0 0 12px}.tab-nav{border-bottom:1px solid var(--border-normal);display:flex}.tab-btn{color:var(--text-muted);cursor:pointer;transition:var(--transition);flex:1;padding:12px 0;font-size:.9rem;font-weight:600;position:relative}.tab-btn:hover{background-color:var(--bg-hover)}.tab-btn.active{color:var(--text-main);font-weight:700}.tab-btn.active:after{content:"";background-color:var(--brand-orange);border-radius:3px 3px 0 0;width:100%;height:3px;position:absolute;bottom:0;left:0}.rank-list{flex-direction:column;display:flex}.rank-item{transition:var(--transition);cursor:pointer;align-items:center;gap:12px;padding:12px 16px;display:flex}.rank-item:hover{background-color:var(--bg-hover)}.rank-num{color:var(--text-muted);width:16px;font-size:.9rem;font-weight:700}.rank-info{flex-direction:column;flex:1;display:flex}.rank-info strong{font-size:.95rem;font-weight:700}.rank-info span{color:var(--text-secondary);font-size:.8rem}.rank-trend{justify-content:center;align-items:center;width:20px;display:flex}.trend-same{color:var(--text-muted);font-weight:700}.widget-footer{flex-wrap:wrap;gap:12px;padding:0 16px;display:flex}.widget-footer a,.widget-footer p{color:var(--text-muted);font-size:.8rem}.widget-footer a:hover{text-decoration:underline}@media (max-width:1100px){.layout{grid-template-columns:88px minmax(auto,600px) 350px}.brand-text,.nav-item span,.mini-profile-text{display:none}.write-btn{border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;padding:12px;font-size:0;display:flex}.write-btn:after{content:"+";font-size:1.5rem}.nav-item{padding:12px}}@media (max-width:990px){.layout{grid-template-columns:88px minmax(auto,600px)}.right-widgets{display:none}}@media (max-width:600px){.layout{padding-bottom:calc(80px + env(safe-area-inset-bottom));grid-template-columns:1fr}.mobile-header{-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border-normal);z-index:100;background:#ffffffe6;justify-content:space-between;align-items:center;width:100%;height:56px;padding:0 16px;display:flex;position:fixed;top:0;left:0}.mobile-brand{color:var(--text-main);align-items:center;gap:8px;font-size:1.15rem;font-weight:800;display:flex}.mobile-user-avatar{background:var(--text-main);width:32px;height:32px;color:var(--bg-base);border-radius:50%;justify-content:center;align-items:center;font-size:.8rem;font-weight:700;display:flex}.mobile-fab{bottom:calc(76px + env(safe-area-inset-bottom));background-color:var(--brand-orange);color:#fff;z-index:100;cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;transition:transform .15s;display:flex;position:fixed;right:16px;box-shadow:0 4px 12px #f973164d}.mobile-fab:active{transform:scale(.95)}.feed-column{border:none;margin-top:56px}.feed-header{display:none}.post-card{padding:16px 12px}.left-nav{width:100%;height:calc(60px + env(safe-area-inset-bottom));padding:0;padding-bottom:env(safe-area-inset-bottom);-webkit-backdrop-filter:blur(12px);border-top:1px solid var(--border-normal);z-index:100;background:#fffffff2;position:fixed;bottom:0;left:0}.sticky-sidebar{flex-direction:row;height:60px;padding:0}.nav-menu{flex-direction:row;justify-content:space-around;width:100%;margin-top:0;padding:0 16px}.nav-item{gap:0;padding:8px}.nav-item span,.brand,.write-btn,.mini-profile{display:none}}