:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f4f8fc;--bg-translucent:#f4f8fcf5;--surface:#fff;--surface-2:#f8fafc;--surface-3:#f1f5f9;--surface-translucent:#fffffff5;--surface-blue:#edf6ff;--line:#dfe8f2;--line-strong:#cbdced;--line-translucent:#dfe8f2e0;--text:#182a3d;--text-soft:#536b82;--text-faint:#64748b;--text-inverse:#fff;--overlay-scrim:#0f172a75;--primary:#5a9eff;--primary-deep:#245fae;--sky:#71cfff;--mint:#46c7b1;--orange:#ff9c62;--pink:#ff86a7;--lilac:#9a88e8;--shadow:0 8px 24px #182a3d0e;--shadow-hover:0 14px 34px #3775b81f;--radius-md:16px;--radius-lg:20px;--ease:cubic-bezier(.2, .75, .25, 1)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0c121c;--bg-translucent:#0c121cf5;--surface:#141c28;--surface-2:#1a2431;--surface-3:#223040;--surface-translucent:#141c28f0;--surface-blue:#17273a;--line:#2b3a4c;--line-strong:#3d4f64;--line-translucent:#2b3a4ce0;--text:#e8eef7;--text-soft:#b4c2d3;--text-faint:#8494a8;--text-inverse:#fff;--overlay-scrim:#0000009e;--primary:#6da8ff;--primary-deep:#8fbcff;--sky:#4fb0e4;--mint:#3bb5a1;--orange:#f08a4d;--pink:#f06f92;--lilac:#8a78e0;--shadow:0 8px 24px #0006;--shadow-hover:0 14px 34px #0000008c}}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0c121c;--bg-translucent:#0c121cf5;--surface:#141c28;--surface-2:#1a2431;--surface-3:#223040;--surface-translucent:#141c28f0;--surface-blue:#17273a;--line:#2b3a4c;--line-strong:#3d4f64;--line-translucent:#2b3a4ce0;--text:#e8eef7;--text-soft:#b4c2d3;--text-faint:#8494a8;--text-inverse:#fff;--overlay-scrim:#0000009e;--primary:#6da8ff;--primary-deep:#8fbcff;--sky:#4fb0e4;--mint:#3bb5a1;--orange:#f08a4d;--pink:#f06f92;--lilac:#8a78e0;--shadow:0 8px 24px #0006;--shadow-hover:0 14px 34px #0000008c}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html{background:var(--bg);scroll-behavior:smooth;min-width:320px}body{background:var(--bg);min-height:100vh;color:var(--text);-webkit-font-smoothing:antialiased;margin:0;font-family:Noto Sans SC Variable,Noto Sans SC,Inter,PingFang SC,Microsoft YaHei UI,Microsoft YaHei,sans-serif}button,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer;border:0}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline-offset:2px;outline:3px solid #2563eb61}.site-header{z-index:20;background:var(--surface-translucent);border-bottom:1px solid var(--line-translucent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);height:72px;position:sticky;top:0}.header-inner{align-items:center;gap:34px;width:min(1440px,100% - 40px);height:100%;margin:0 auto;display:flex}.brand{flex:none;align-items:center;gap:10px;display:inline-flex}.auth-mark,.coming-icon{color:var(--primary);background:linear-gradient(145deg, var(--surface), var(--surface-blue));border:1px solid #dcecff;border-radius:50%;place-items:center;display:grid}.brand-mark{background:var(--surface);width:48px;height:48px;transition:transform .2s var(--ease), box-shadow .2s var(--ease);border:1.5px solid #dcecff;border-radius:14px;flex:0 0 48px;place-items:center;display:grid;overflow:hidden;box-shadow:0 4px 14px #3b82f629}.brand:hover .brand-mark{transform:scale(1.05)rotate(-2deg);box-shadow:0 6px 18px #3b82f63d}.brand-icon-img{object-fit:contain;width:100%;height:100%;display:block;transform:scale(1.1)}.brand-word{letter-spacing:.05em;background:linear-gradient(135deg,#1d4ed8 0%,#2563eb 55%,#38bdf8 100%);-webkit-text-fill-color:transparent;filter:drop-shadow(0 2px 4px #2563eb29);transition:transform .2s var(--ease), filter .2s var(--ease);-webkit-background-clip:text;align-items:center;font-family:ZCOOL KuaiLe,YouYuan,幼圆,PingFang SC,Microsoft YaHei,sans-serif;font-size:26px;font-weight:400;line-height:1.1;display:inline-flex}.brand:hover .brand-word{filter:drop-shadow(0 4px 8px #38bdf859);transform:translateY(-1px)scale(1.02)}.brand-dot{background:#38bdf8;border-radius:50%;flex-shrink:0;align-self:flex-start;width:6px;height:6px;margin-top:5px;margin-left:-5px;box-shadow:0 0 8px #38bdf8d9}.desktop-nav{white-space:nowrap;flex-shrink:0;align-items:stretch;gap:30px;height:100%;display:flex}.nav-link{color:#38536e;transition:color .2s var(--ease);align-items:center;padding:0 1px;font-size:16px;font-weight:600;display:flex;position:relative}.nav-link:hover,.nav-link.active{color:#245fae}.nav-link.active:after{background:var(--primary);content:"";border-radius:3px 3px 0 0;height:3px;position:absolute;bottom:0;left:0;right:0}.header-search{color:#8aa4bd;background:var(--surface-2);border:1px solid var(--line);width:min(410px,31vw);min-width:220px;height:44px;transition:border-color .2s var(--ease), box-shadow .2s var(--ease);border-radius:24px;align-items:center;gap:10px;margin-left:auto;padding:0 14px 0 16px;display:flex}.header-search:focus-within{background:var(--surface);border-color:#a8cdf9;box-shadow:0 0 0 4px #5a9eff1a}.search-submit{color:inherit;background:0 0;flex:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.search-submit:hover{color:var(--primary-deep)}.header-search input{width:100%;color:var(--text);background:0 0;border:0;outline:0;font-size:14px}.header-search input::placeholder{color:#99aabd}.header-search-kbd{color:#5f7388;background:var(--surface);-webkit-user-select:none;user-select:none;border:1px solid #d8e4ef;border-radius:6px;flex-shrink:0;align-items:center;padding:2px 7px;font-size:11px;font-weight:700;line-height:1.2;display:inline-flex;box-shadow:0 1px 2px #182a3d0a}.header-actions{flex:none;align-items:center;gap:14px;display:flex}.publish-button,.primary-submit,.reply-submit{color:var(--text-inverse);background:linear-gradient(135deg, var(--primary), #438ef0);transition:transform .2s var(--ease), box-shadow .2s var(--ease), background .2s var(--ease);justify-content:center;align-items:center;gap:8px;display:inline-flex;box-shadow:0 8px 16px #5a9eff33}.publish-button{border-radius:21px;height:42px;padding:0 18px;font-size:14px;font-weight:700}.publish-button:hover,.primary-submit:hover,.reply-submit:hover{transform:translateY(-1px);box-shadow:0 12px 22px #5a9eff45}.icon-button,.more-button,.text-button,.discovery-heading button,.filter-button,.sort-comments,.comment-more{color:var(--text-soft);background:0 0;justify-content:center;align-items:center;display:inline-flex}.icon-button{border-radius:50%;width:40px;height:40px;position:relative}.icon-button:hover,.more-button:hover,.filter-button:hover{color:var(--primary-deep);background:var(--surface-blue)}.notification-dot{min-width:17px;height:17px;color:var(--text-inverse);background:var(--pink);border:2px solid #fff;border-radius:10px;place-items:center;padding:0 4px;font-size:10px;line-height:1;display:grid;position:absolute;top:3px;right:2px}.login-link{color:var(--primary-deep);background:0 0;padding:10px 2px;font-size:14px;font-weight:700}.profile-session-placeholder{flex:0 0 42px;width:42px;height:42px;display:block}.profile-menu-wrap{position:relative}.profile-menu{background:var(--surface);border:1px solid var(--line);width:190px;box-shadow:var(--shadow-hover);border-radius:15px;padding:15px;position:absolute;top:50px;right:0}.profile-menu-name{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:750;overflow:hidden}.profile-menu-meta{color:var(--text-faint);margin:4px 0 12px;font-size:12px}.profile-menu button{text-align:left;width:100%;color:var(--text-soft);background:0 0;border-radius:8px;padding:9px 8px;font-size:13px}.profile-menu button:hover{color:var(--primary-deep);background:var(--surface-blue)}.settings-list{gap:10px;margin-top:18px;display:grid}.settings-row{width:100%;color:var(--text);text-align:left;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);cursor:pointer;border-radius:14px;justify-content:space-between;align-items:center;gap:16px;padding:17px 20px;display:flex}.settings-row strong,.settings-row small{display:block}.settings-row strong{font-size:14px}.settings-row small{color:var(--text-soft);margin-top:4px;font-size:12px}.settings-row>span:last-child{color:var(--text-faint);font-size:22px}.settings-row.danger strong{color:#c2410c}.page-frame,.home-page-frame{width:min(1440px,100% - 40px);margin:0 auto;padding:24px 0 64px}.auth-page{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f4f7fb;--surface:#fff;--surface-2:#f7f9fc;--surface-3:#eef3f8;--surface-blue:#edf6ff;--line:#dfe8f2;--line-strong:#cbdced;--text:#182a3d;--text-soft:#5d7186;--text-faint:#7b8da0;--primary:#5a9eff;--primary-deep:#245fae;--shadow:0 12px 32px #25486c1a;background:radial-gradient(circle at 4% 4%,#e5f1ff 0,#0000 23%),radial-gradient(circle at 96% 96%,#f0ebff 0,#0000 24%),#f7f8fa;grid-template-columns:minmax(320px,420px) minmax(360px,400px);justify-content:center;place-items:center;gap:clamp(44px,7vw,96px);min-height:calc(100vh - 72px);padding:34px 20px 44px;display:grid;position:relative;overflow:hidden}.auth-intro-panel{z-index:1;max-width:420px;color:var(--text);position:relative}.auth-intro-kicker{color:#d85b7b;letter-spacing:.08em;align-items:center;font-size:13px;font-weight:800;display:inline-flex}.auth-intro-panel h2{color:var(--text);letter-spacing:-.05em;margin:18px 0 17px;font-size:clamp(40px,4.4vw,56px);line-height:1.12}.auth-intro-panel p{max-width:350px;color:var(--text-soft);margin:0;font-size:15px;line-height:1.85}.auth-intro-panel ul{color:var(--text-soft);border-left:1px solid var(--line-strong);gap:14px;margin:38px 0 0;padding:0 0 0 18px;font-size:13px;line-height:1.4;list-style:none;display:grid}.auth-intro-panel li:before{content:"";background:var(--primary);border-radius:50%;width:5px;height:5px;margin:0 9px 2px -12px;display:inline-block}.auth-glow{filter:blur(10px);opacity:.55;pointer-events:none;border-radius:50%;width:300px;height:300px;position:absolute}.auth-glow-one{background:#d7ebff;top:-180px;left:-120px}.auth-glow-two{background:#e8e1ff;bottom:-180px;right:-150px}.auth-card{z-index:1;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffeb;border:1px solid #cfe0f1e6;border-radius:20px;width:min(400px,100%);padding:24px 26px 22px;position:relative;box-shadow:0 16px 42px #36689c1a}.back-link{color:var(--text-soft);background:0 0;align-items:center;gap:4px;margin-bottom:20px;padding:0;font-size:13px;display:inline-flex}.back-link:hover{color:var(--primary-deep)}.auth-card-brand{text-align:center;justify-items:center;display:grid}.auth-mark{border-radius:20px;width:64px;height:64px;overflow:hidden;box-shadow:0 7px 18px #5a9eff2e}.auth-mark-img{object-fit:contain;width:100%;height:100%}.auth-card-brand h1{color:var(--text);margin:12px 0 4px;font-size:22px;line-height:1.25}.auth-lead{color:var(--text-soft);margin:0;font-size:13px}.auth-mobile-top{display:none}.auth-mode-tabs,.auth-method-tabs{background:var(--surface-3);border-radius:12px;gap:4px;padding:4px;display:grid}.auth-mode-tabs{grid-template-columns:repeat(2,1fr);margin:18px 0 8px}.auth-method-tabs{background:0 0;grid-template-columns:repeat(2,1fr);margin-bottom:18px;padding:0}.auth-mode-tabs button,.auth-method-tabs button{min-height:36px;color:var(--text-soft);background:0 0;border-radius:9px;font-size:13px;font-weight:700}.auth-mode-tabs button.active,.auth-method-tabs button.active{color:var(--primary-deep);background:var(--surface);box-shadow:0 2px 8px #3775b81a}.auth-method-tabs button{border-bottom:2px solid #0000;border-radius:0}.auth-method-tabs button.active{color:var(--primary-deep);border-bottom-color:var(--primary);box-shadow:none;background:0 0}.auth-form{gap:12px;display:grid}.auth-field-group{gap:7px;display:grid}.field-label,.field-label-row{color:var(--text);font-size:12px;font-weight:750}.field-label-row{justify-content:space-between;align-items:center;gap:8px;display:flex}.field-hint{color:var(--text-faint);font-size:11px;font-weight:500}.auth-input-shell,.code-field{color:#7890a8;background:var(--surface-2);border:1px solid var(--line);min-height:43px;transition:border-color .18s var(--ease), box-shadow .18s var(--ease);border-radius:11px;align-items:center;gap:9px;padding:0 12px;display:flex}.auth-input-shell:focus-within,.code-field:focus-within{background:var(--surface);border-color:#9bc7f7;box-shadow:0 0 0 4px #5a9eff1a}.text-input{min-width:0;color:var(--text);background:0 0;border:0;outline:0;flex:1;font-size:14px}.text-input::placeholder{color:#9aabba}.auth-input-clear,.auth-input-toggle{color:var(--text-faint);background:0 0;justify-content:center;align-items:center;padding:3px;display:inline-flex}.auth-input-clear:hover,.auth-input-toggle:hover{color:var(--primary-deep)}.email-suggestions{flex-wrap:wrap;gap:6px;display:flex}.email-suggestions button{color:var(--primary-deep);background:var(--surface-blue);border:1px solid #d2e5f8;border-radius:7px;padding:4px 8px;font-size:11px}.code-field{padding-right:6px}.code-button{min-height:34px;color:var(--primary-deep);background:var(--surface-blue);border:1px solid #d2e5f8;border-radius:8px;flex:none;padding:0 9px;font-size:11px;font-weight:700}.code-button:disabled{opacity:.55;cursor:not-allowed}.auth-forgot{color:var(--primary-deep);background:0 0;justify-self:end;padding:0;font-size:11px}.auth-forgot:hover{text-decoration:underline}.dev-code-hint{color:#8d5b0b;background:#fff7df;border:1px solid #f3dfa8;border-radius:9px;padding:8px 10px;font-size:11px}.form-message,.form-error{border-radius:9px;padding:9px 11px;font-size:12px;line-height:1.5}.form-message{color:#137863;background:#e8f8f2;border:1px solid #bdebdc}.form-error{color:#bd4053;background:#fff0f2;border:1px solid #f5cbd2}.primary-submit{border-radius:12px;width:100%;min-height:44px;font-size:14px;font-weight:800}.primary-submit:disabled,.guest-button:disabled{opacity:.58;cursor:not-allowed;transform:none}.auth-divider{color:var(--text-faint);align-items:center;gap:10px;margin:14px 0 10px;font-size:11px;display:flex}.auth-divider:before,.auth-divider:after{background:var(--line);content:"";flex:1;height:1px}.guest-button{width:100%;min-height:39px;color:var(--primary-deep);background:var(--surface-blue);border:1px solid #cfe2f6;border-radius:10px;font-size:12px;font-weight:700}.guest-button:hover{background:#e1f0ff}.auth-footnote{color:var(--text-faint);text-align:center;margin:12px 0 0;font-size:10.5px;line-height:1.55}@media (min-width:761px) and (max-width:960px){.auth-page{grid-template-columns:minmax(360px,460px)}.auth-intro-panel{display:none}}.home-grid{grid-template-columns:240px minmax(0,1fr) 310px;align-items:start;gap:24px;display:grid}.home-left-col,.home-right-col{align-self:start;min-width:0;position:sticky;top:86px}.home-right-col{scrollbar-width:none;-ms-overflow-style:none;max-height:calc(100vh - 100px);overflow-y:auto}.home-right-col::-webkit-scrollbar{display:none}.rail-panel,.detail-article,.comments-section,.aside-panel{background:var(--surface);border:1px solid var(--line-translucent);border-radius:var(--radius-lg);box-shadow:0 4px 18px #182a3d0a}.desktop-sidebar-rail{flex-direction:column;gap:14px;display:flex}.profile-card{background:var(--surface);border:1px solid var(--line-translucent);border-radius:18px;padding:18px 16px;box-shadow:0 4px 18px #182a3d0a}.profile-card-top{transition:opacity .18s var(--ease);align-items:center;gap:12px;display:flex}.profile-card-top:hover{opacity:.88}.profile-avatar-frame{border-radius:14px;flex:0 0 46px;width:46px;height:46px;box-shadow:0 4px 12px #3b82f629}.profile-card-info{flex:1;min-width:0}.profile-card-greeting{align-items:center;gap:6px;display:flex}.profile-greeting-text{color:#52677d;font-size:11px;font-weight:600}.level-badge{color:#245fae;background:#eef6ff;border:1px solid #d7eaff;border-radius:6px;align-items:center;height:18px;padding:0 6px;font-size:10px;font-weight:750;display:inline-flex}.profile-card-name{text-overflow:ellipsis;white-space:nowrap;margin-top:3px;font-size:15px;font-weight:800;display:block;overflow:hidden;color:var(--text)!important}.profile-card-hint{color:#245fae;margin-top:2px;font-size:11px;font-weight:600;display:block}.profile-stats-grid{text-align:center;border-top:1px solid #f0f4f9;grid-template-columns:repeat(3,1fr);margin-top:14px;padding-top:12px;display:grid}.profile-stat-item{transition:transform .15s var(--ease);display:block}.profile-stat-item:hover{transform:translateY(-1px)}.profile-stat-item strong{color:var(--text);font-size:16px;font-weight:800;display:block}.profile-stat-item span{color:#52677d;margin-top:2px;font-size:11px;display:block}.profile-stat-item:hover strong{color:var(--primary-deep)}.profile-guest-card{flex-direction:column;gap:12px;display:flex}.guest-top{align-items:center;gap:11px;display:flex}.guest-avatar-mark{background:var(--surface-blue);width:44px;height:44px;color:var(--primary-deep);border:1px solid var(--line);border-radius:14px;flex:0 0 44px;place-items:center;display:grid}.guest-info{flex:1;min-width:0}.guest-title{color:var(--text);font-size:14px;font-weight:750;display:block}.guest-desc{color:var(--text-faint);margin-top:2px;font-size:11px;display:block}.guest-login-btn{width:100%;height:36px;color:var(--text-inverse);background:linear-gradient(135deg, var(--primary), #2563eb);transition:all .16s var(--ease);border-radius:10px;font-size:13px;font-weight:750}.guest-login-btn:hover{transform:translateY(-1px);box-shadow:0 6px 16px #2563eb40}.sidebar-nav-section{background:var(--surface);border:1px solid var(--line-translucent);border-radius:18px;padding:13px 10px;box-shadow:0 4px 18px #182a3d0a}.sidebar-section-kicker{letter-spacing:.08em;color:var(--text-faint);text-transform:uppercase;padding:2px 8px 8px;font-size:10px;font-weight:800}.sidebar-nav-list{flex-direction:column;gap:3px;display:flex}.sidebar-nav-item{text-align:left;width:100%;min-height:48px;color:var(--text);transition:background .16s var(--ease), border-color .16s var(--ease), transform .16s var(--ease);background:0 0;border:1px solid #0000;border-radius:12px;align-items:center;gap:10px;padding:6px 8px;display:flex;position:relative}.sidebar-nav-item:hover{background:var(--surface-2);border-color:#e5eff9;transform:translate(2px)}.sidebar-nav-item.active{background:var(--surface-blue);color:var(--primary-deep);border-color:#d6e8fc}.sidebar-item-icon{border-radius:10px;flex:0 0 34px;place-items:center;width:34px;height:34px;display:grid}.sidebar-item-icon.blue{color:var(--primary-deep);background:#eef6ff}.sidebar-item-icon.lilac{color:var(--lilac);background:#f2efff}.sidebar-item-icon.orange{color:var(--orange);background:#fff1e7}.sidebar-item-icon.mint{color:var(--mint);background:#eafaf6}.sidebar-item-icon.gold{color:#d97706;background:#fef3c7}.sidebar-item-label{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.sidebar-item-label strong{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:13.5px;font-weight:750;overflow:hidden}.sidebar-item-label small{color:#52677d;text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.sidebar-item-arrow{color:#a2b7cb;opacity:.55;transition:transform .16s var(--ease), opacity .16s var(--ease);flex:none}.sidebar-nav-item:hover .sidebar-item-arrow{opacity:1;color:var(--primary-deep);transform:translate(2px)}.sidebar-badge{min-width:17px;height:17px;color:var(--text-inverse);background:var(--pink);border-radius:9px;place-items:center;margin-left:auto;padding:0 4px;font-size:10px;font-weight:750;display:grid}.sidebar-browse-all{color:var(--primary-deep);transition:background .16s var(--ease), color .16s var(--ease);background:#f3f8fe;border-radius:10px;justify-content:space-between;align-items:center;margin-top:8px;padding:8px 12px;font-size:12px;font-weight:700;display:flex}.sidebar-browse-all:hover{color:#1d4ed8;background:#e6f1fe}.sidebar-compose-button{width:100%;height:46px;color:var(--text-inverse);transition:transform .18s var(--ease), box-shadow .18s var(--ease);background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:14px;justify-content:center;align-items:center;gap:8px;font-size:14px;font-weight:800;display:flex;box-shadow:0 8px 20px #2563eb38}.sidebar-compose-button:hover{transform:translateY(-1px);box-shadow:0 12px 26px #2563eb52}.feed-column{min-width:0}.feed-toolbar{border-bottom:1px solid var(--line);min-height:60px;padding:0 10px 0 18px}.feed-tabs{justify-content:space-between;align-items:center;gap:20px;width:100%;height:100%;display:flex}.feed-tabs .tab-row{align-items:center;gap:20px;display:flex}.feed-tabs .tab,.feed-tab{color:var(--text-soft);white-space:nowrap;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0 2px 10px;font-size:15px;font-weight:650;display:inline-flex;position:relative}.feed-tabs .tab:after,.feed-tab:after{z-index:1;background:var(--primary);opacity:0;height:3px;transition:opacity .2s var(--ease), transform .2s var(--ease);content:"";border-radius:3px 3px 0 0;position:absolute;bottom:-1px;left:0;right:0;transform:scaleX(.3)}.feed-tabs .tab:hover,.feed-tabs .tab.active,.feed-tab:hover,.feed-tab.active{color:var(--text)}.feed-tabs .tab.active:after,.feed-tab.active:after{opacity:1;transform:scaleX(1)}.feed-tools{position:relative}.feed-toolbar-actions{flex:none;align-items:center;gap:8px;display:flex;position:relative}.sort-switch.order-pill{background:var(--bg);border:1px solid #e3edf6;border-radius:9px;align-items:center;gap:2px;padding:3px;display:inline-flex}.sort-switch.order-pill button{height:27px;color:var(--text-soft);white-space:nowrap;background:0 0;border-radius:6px;padding:0 8px;font-size:11px;font-weight:700}.sort-switch.order-pill button.active{color:var(--primary-deep);background:var(--surface);box-shadow:0 2px 7px #3f71a61a}.feed-filter-toggle{height:32px;color:var(--text-soft);background:0 0;border-radius:8px;padding:0 9px;font-size:12px}.feed-filter-toggle:hover,.feed-filter-toggle[aria-expanded=true]{color:var(--primary-deep);background:var(--surface-blue)}.feed-media-filter{z-index:5;min-width:104px;color:var(--text-soft);background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-hover);white-space:nowrap;border-radius:10px;align-items:center;gap:7px;padding:10px 11px;font-size:12px;display:flex;position:absolute;top:38px;right:0}.feed-media-filter input{accent-color:var(--primary)}.feed-publish-link{height:32px;color:var(--text-inverse);background:var(--primary);border-radius:8px;align-items:center;padding:0 10px;font-size:12px;font-weight:700;display:inline-flex}.filter-button{border-radius:8px;gap:6px;padding:8px 9px;font-size:13px}.filter-button.active{color:var(--primary-deep);background:var(--surface-blue)}.filter-count{min-width:16px;height:16px;color:var(--text-inverse);background:var(--primary);border-radius:8px;place-items:center;padding:0 4px;font-size:10px;line-height:1;display:inline-grid}.filter-popover{z-index:4;background:var(--surface);border:1px solid var(--line);width:143px;box-shadow:var(--shadow-hover);border-radius:11px;padding:12px;position:absolute;top:39px;right:0}.filter-popover label{color:var(--text-soft);white-space:nowrap;align-items:center;gap:7px;font-size:12px;display:flex}.filter-popover input{accent-color:var(--primary)}.data-note{color:var(--text-faint);background:var(--surface-2);border:1px solid var(--line);border-radius:11px;margin:14px 0 -2px;padding:10px 14px;font-size:12px}.form-error{color:#b91c1c;overflow-wrap:anywhere;background:#fef2f2;border:1px solid #fecaca;border-radius:10px;margin:10px 0 0;padding:9px 12px;font-size:13px;line-height:1.6}.form-note{color:var(--text-soft);background:var(--surface-blue);border:1px solid var(--line);border-radius:10px;margin:10px 0 0;padding:8px 12px;font-size:12.5px;line-height:1.6}.theme-option .settings-row-copy strong{font-weight:600}.theme-option-check{text-align:center;width:20px;color:var(--primary-deep);flex:none;font-size:14px;font-weight:700}.theme-option.active{background:var(--surface-blue)}.degraded-banner{color:#b45309;background:#fffbeb;border:1px solid #fde68a;border-radius:8px;justify-content:space-between;align-items:center;min-height:34px;margin:8px 0 4px;padding:0 12px;font-size:12px;display:flex}.degraded-banner-content{align-items:center;gap:6px;display:flex}.degraded-banner-icon{font-size:13px;line-height:1}.degraded-banner-text{font-size:12px}.degraded-banner-retry{color:#b45309;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:2px 6px;font-size:12px;font-weight:700;text-decoration:underline;transition:opacity .15s}.degraded-banner-retry:hover{opacity:.8}.feed-refreshing{color:var(--text-faint);text-align:center;margin:13px 0 -2px;font-size:12px}.post-list{gap:16px;padding-top:16px;display:grid}.load-more-button{width:100%;height:42px;color:var(--primary-deep);background:var(--surface);transition:background .2s var(--ease), border-color .2s var(--ease);border:1px solid #cfe2f8;border-radius:12px;margin-top:16px;font-size:13px;font-weight:700}.load-more-button:hover:not(:disabled){background:var(--surface-blue);border-color:#a9cdf8}.load-more-button:disabled{cursor:wait;opacity:.65}.post-card{background:var(--surface);border:1px solid var(--line-translucent);border-radius:var(--radius-lg);transition:transform .22s var(--ease), box-shadow .22s var(--ease);padding:20px 22px 17px;box-shadow:0 4px 18px #182a3d0a}.post-card:hover{transform:translateY(-2px);box-shadow:0 12px 30px #2563eb17}.post-card-head{align-items:center;gap:11px;display:flex}.avatar{color:#4d89d8;background:#eaf3ff;border-radius:50%;flex:0 0 40px;place-items:center;width:40px;height:40px;font-size:13px;font-weight:750;display:grid;overflow:hidden}.avatar img{object-fit:cover;width:100%;height:100%}.avatar-small{flex-basis:30px;width:30px;height:30px;font-size:11px}.avatar-large{flex-basis:46px;width:46px;height:46px;font-size:14px}.avatar-blue{color:#4d89d8;background:#eaf3ff}.avatar-lilac{color:#7566c4;background:var(--surface-blue)}.avatar-mint{color:#35aa97;background:#e8f8f5}.avatar-peach{color:#d77b47;background:#fff0e5}.avatar-header{border:2px solid #e6f1ff;flex-basis:38px;width:38px;height:38px;font-size:12px}.post-author-copy{flex:1;min-width:0}.post-author-name{flex-wrap:wrap;align-items:center;gap:7px;min-width:0;display:flex}.post-author-name strong{max-width:180px;color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:14.5px;font-weight:780;overflow:hidden}.level-label{height:19px;color:var(--primary-deep);background:#eef6ff;border:1px solid #d7eaff;border-radius:5px;flex:none;align-items:center;padding:0 6px;font-size:10px;font-weight:750;display:inline-flex}.post-community-pill{white-space:nowrap;border-radius:10px;align-items:center;height:20px;padding:0 8px;font-size:11px;font-weight:750;display:inline-flex}.post-community-pill.tone-lilac{color:#6348c2;background:#f2efff;border:1px solid #e2dbfc}.post-community-pill.tone-orange{color:#d15c1b;background:#fff1e7;border:1px solid #fedbc4}.post-community-pill.tone-mint{color:#0b8069;background:#eafaf6;border:1px solid #c9eee5}.post-community-pill.tone-blue{color:var(--primary-deep);background:var(--surface-blue);border:1px solid #d5e9fd}.post-meta{color:var(--text-faint);align-items:center;gap:5px;margin-top:4px;font-size:11.5px;display:flex}.meta-separator{opacity:.6}.post-floor{color:#9bb1c6;font-family:ui-monospace,monospace;font-size:11px;font-weight:600}.more-button{border-radius:9px;flex:0 0 31px;width:31px;height:31px}.post-context-meta{color:#3b82f6;background:var(--surface-blue);border-radius:6px;align-items:center;gap:5px;margin-bottom:6px;padding:3px 8px;font-size:11.5px;font-weight:600;display:inline-flex}.post-card-link{padding-top:12px;display:block}.post-title{color:var(--text);letter-spacing:-.015em;transition:color .18s var(--ease);margin:8px 0 5px;font-size:18.5px;font-weight:800;line-height:1.45}.post-card:hover .post-title{color:var(--primary-deep)}.post-excerpt{color:var(--text-soft);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:6px 0 12px;font-size:14px;line-height:1.7;display:-webkit-box;overflow:hidden}.post-media{border-radius:13px;gap:8px;margin-top:8px;display:grid;overflow:hidden}.post-media.media-count-1 .media-frame{aspect-ratio:2.1;max-height:380px}.post-media.media-count-2{grid-template-columns:repeat(2,minmax(0,1fr))}.post-media.media-count-2 .media-frame{aspect-ratio:1.35}.post-media.media-count-3,.post-media.media-count-4{grid-template-columns:repeat(3,minmax(0,1fr))}.post-media.media-count-3 .media-frame,.post-media.media-count-4 .media-frame{aspect-ratio:1.25}.media-frame{background:#eaf1f7;border-radius:10px;min-width:0;position:relative;overflow:hidden}.media-frame img{object-fit:cover;width:100%;height:100%;transition:transform .35s var(--ease)}.post-card:hover .media-frame img{transform:scale(1.02)}.media-more{color:var(--text-inverse);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#182a3dad;border-radius:7px;padding:5px 8px;font-size:12px;font-weight:700;position:absolute;bottom:9px;right:10px}.post-actions{border-top:1px solid #f0f4f9;justify-content:space-between;align-items:center;min-height:38px;margin-top:12px;padding-top:12px;display:flex}.post-action-group{align-items:center;gap:14px;display:flex}.post-actions-right{align-items:center;gap:10px;display:flex}.post-action,.engagement-button{color:#7f97ad;transition:all .16s var(--ease);background:0 0;border-radius:8px;align-items:center;gap:6px;padding:5px 8px;font-size:12.5px;font-weight:600;display:inline-flex}.post-action:hover,.engagement-button:hover{color:var(--primary-deep);background:#f0f6ff}.post-action.selected-like,.engagement-button.selected-like{color:var(--pink)}.post-action.selected-like:hover{background:#fff0f4}.post-action.selected-bookmark,.engagement-button.selected-bookmark{color:var(--primary-deep)}.post-view-discussion{color:var(--primary);transition:all .16s var(--ease);border-radius:8px;align-items:center;gap:3px;padding:5px 8px;font-size:12px;font-weight:750;display:inline-flex}.post-view-discussion:hover{background:var(--surface-blue);color:var(--primary-deep)}.desktop-right-rail{flex-direction:column;gap:16px;width:100%;display:flex}.desktop-right-rail>.rail-panel{width:100%;padding:18px 16px}.rail-head{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.rail-head-title{align-items:center;gap:8px;display:flex}.rail-head-icon{border-radius:8px;place-items:center;width:26px;height:26px;display:grid}.rail-head-icon.orange{color:var(--orange);background:#fff1e7}.rail-head-icon.blue{color:var(--primary-deep);background:var(--surface-blue)}.rail-head h3{color:var(--text);margin:0;font-size:15px;font-weight:800}.rail-head-link{color:var(--text-faint);transition:color .15s var(--ease);align-items:center;gap:2px;font-size:11.5px;font-weight:650;display:inline-flex}.rail-head-link:hover{color:var(--primary-deep)}.live-discussion-list{flex-direction:column;gap:2px;display:flex}.live-row{text-align:left;width:100%;transition:all .15s var(--ease);background:0 0;border-radius:10px;grid-template-columns:24px 1fr;gap:10px;margin:0 -8px;padding:9px 8px;display:grid}.live-row:hover{background:var(--surface-2);transform:translate(2px)}.live-index{color:#a1b5c8;padding-top:1px;font-family:ui-monospace,monospace;font-size:11px;font-weight:850}.live-body{min-width:0;display:block}.live-title{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:700;display:block;overflow:hidden}.live-meta{color:var(--text-faint);margin-top:3px;font-size:11px;display:block}.empty-rail-hint{color:var(--text-faint);text-align:center;margin:0;padding:12px 0;font-size:12px}.rail-error-box{background:#fff8f8;border:1px solid #fee2e2;border-radius:8px;justify-content:space-between;align-items:center;margin:6px 0;padding:8px 12px;display:flex}.rail-error-box .empty-rail-hint{color:#b91c1c;text-align:left;margin:0;padding:0;font-size:12px}.rail-retry-btn{color:var(--primary-deep,#2563eb);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:2px 6px;font-size:12px;font-weight:700}.rail-retry-btn:hover{background:#2563eb14;text-decoration:underline}.rail-discussion-list{flex-direction:column;gap:8px;display:flex}.rail-discuss-item{transition:background .15s var(--ease), transform .15s var(--ease);border-radius:10px;justify-content:space-between;align-items:flex-start;gap:8px;padding:8px 10px;text-decoration:none;display:flex}.rail-discuss-item:hover{background:var(--surface-2);transform:translate(2px)}.rail-discuss-main{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.rail-discuss-tag{color:#2e67b5;background:#eef5fe;border-radius:4px;align-self:flex-start;padding:1px 6px;font-size:11px;font-weight:600;display:inline-block}.rail-discuss-title{color:var(--text);text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:13px;font-weight:700;line-height:1.4;display:-webkit-box;overflow:hidden}.rail-discuss-meta{color:var(--text-faint);align-items:center;gap:6px;font-size:11px;display:flex}.rail-discuss-badge{color:#72879c;background:var(--surface-2);white-space:nowrap;border-radius:6px;align-items:center;gap:3px;padding:2px 6px;font-size:11px;font-weight:700;display:inline-flex}.rank-hero-celestial{color:var(--text-inverse);transition:transform .18s var(--ease);background:radial-gradient(circle at 92% 10%,#71cfff33 0,#0000 40%),linear-gradient(135deg,#183153 0%,#0e1c31 100%);border:1px solid #71cfff47;border-radius:14px;margin-bottom:10px;padding:16px 17px;display:block;position:relative;overflow:hidden;box-shadow:0 10px 24px #0e1c3147,inset 0 1px #ffffff26}.rank-hero-celestial:hover{transform:translateY(-1px)}.rank-hero-celestial:after{content:"";pointer-events:none;border:24px solid #71cfff17;border-radius:50%;width:110px;height:110px;position:absolute;top:-38px;right:-42px}.rank-hero-top{justify-content:space-between;align-items:center;display:flex}.rank-hero-kicker{color:#7dd3fc;letter-spacing:.1em;text-transform:uppercase;font-size:10.5px;font-weight:800}.rank-hero-score{color:#fbbf24;text-shadow:0 2px 10px #fbbf2466;font-size:23px;font-weight:400;line-height:1}.rank-hero-title{color:var(--text-inverse);text-overflow:ellipsis;white-space:nowrap;margin:6px 0 4px;font-size:15px;font-weight:800;display:block;overflow:hidden}.rank-hero-meta{color:#93c5fd;align-items:center;gap:6px;font-size:11px;display:flex}.meta-dot{opacity:.6}.rank-rows-list{flex-direction:column;gap:3px;display:flex}.rank-row-item{transition:all .15s var(--ease);border-radius:10px;grid-template-columns:24px 38px 1fr auto;align-items:center;gap:9px;margin:0 -6px;padding:7px 6px;display:grid}.rank-row-item:hover{background:var(--surface-2);transform:translate(2px)}.rank-num{text-align:center;font-size:12.5px;font-weight:400}.rank-thumb-frame{background:var(--surface-2);border:1px solid #e2ecf6;border-radius:9px;flex:0 0 38px;place-items:center;width:38px;height:38px;display:grid;overflow:hidden}.rank-thumb-img{object-fit:cover;width:100%;height:100%}.rank-thumb-fallback{color:#9bb1c6}.rank-info{flex-direction:column;gap:1px;min-width:0;display:flex}.rank-name{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:12.5px;font-weight:750;overflow:hidden}.rank-meta{color:var(--text-faint);text-overflow:ellipsis;white-space:nowrap;font-size:10.5px;overflow:hidden}.rank-score-val{color:#9a5500;font-size:13px;font-weight:850}.checkin-panel-celestial{background:linear-gradient(145deg, var(--surface) 0%, #f6faff 100%);border:1px solid #dce8f5}.checkin-top-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.checkin-copy{flex:1;min-width:0}.checkin-kicker{color:var(--primary);letter-spacing:.08em;text-transform:uppercase;font-size:10px;font-weight:750;display:block}.checkin-copy strong{color:var(--primary-deep);letter-spacing:-.02em;margin:2px 0;font-size:18px;font-weight:800;display:block}.checkin-copy p{color:var(--text-soft);margin:0;font-size:11.5px;line-height:1.45}.checkin-badge-icon{color:#3b82f6;background:#eaf3fe;border-radius:50%;flex:0 0 52px;place-items:center;width:52px;height:52px;display:grid}.checkin-action-btn{width:100%;height:38px;color:var(--text-inverse);transition:all .16s var(--ease);background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:11px;justify-content:center;align-items:center;margin-top:13px;font-size:13px;font-weight:750;display:flex;box-shadow:0 4px 14px #2563eb33}.checkin-action-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 8px 18px #2563eb4d}.checkin-action-btn.is-checked{color:#3b82f6;box-shadow:none;cursor:default;background:#eaf3fe}.mobile-nav{display:none}.loading-stack{gap:16px;padding-top:16px;display:grid}.skeleton-card{background:linear-gradient(110deg, var(--surface) 8%, #f3f7fb 18%, var(--surface) 33%);border:1px solid var(--line);border-radius:var(--radius-lg);background-size:200% 100%;height:340px;animation:1.45s linear infinite shimmer}.skeleton-card.short{height:220px}@keyframes shimmer{to{background-position-x:-200%}}.empty-state{text-align:center;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);min-height:236px;box-shadow:var(--shadow);align-content:center;justify-items:center;padding:38px 20px;display:grid}.empty-icon,.coming-icon{width:56px;height:56px}.empty-state h1,.empty-state h2{margin:17px 0 7px;font-size:20px}.empty-state p{color:var(--text-soft);margin:0;font-size:14px}.empty-state-actions{justify-content:center;align-items:center;gap:9px;margin-top:17px;display:flex}.empty-state-actions .primary-link,.empty-state-actions .outline-button{margin-top:0}.primary-link{height:40px;color:var(--text-inverse);background:var(--primary);border-radius:10px;justify-content:center;align-items:center;margin-top:20px;padding:0 17px;font-size:13px;font-weight:700;display:inline-flex}.outline-button{color:#2f6aa4;background:var(--surface);cursor:pointer;border:1px solid #cfe0f2;border-radius:10px;justify-content:center;align-items:center;height:38px;padding:0 14px;font-size:13px;font-weight:700;transition:border-color .16s,background .16s,color .16s;display:inline-flex}.outline-button:hover:not(:disabled){color:#1f5a92;background:#f4f9ff;border-color:#9fc5eb}.outline-button:disabled{cursor:not-allowed;opacity:.55}.detail-grid{grid-template-columns:minmax(0,2.7fr) minmax(270px,1fr);align-items:start;gap:20px;display:grid}.detail-main{flex-direction:column;gap:20px;min-width:0;display:flex;box-shadow:none!important;background:0 0!important;border:none!important;padding:0!important}.detail-top-nav{justify-content:space-between;align-items:center;padding:2px;display:flex}.detail-back-btn{color:var(--text-soft);background:var(--surface);border:1px solid var(--line-translucent);cursor:pointer;border-radius:10px;align-items:center;gap:6px;padding:7px 14px;font-size:13.5px;font-weight:600;transition:all .15s;display:inline-flex;box-shadow:0 1px 2px #0f172a0a}.detail-back-btn:hover{color:var(--text);background:var(--surface-2);border-color:#94a3b8;transform:translate(-2px)}.detail-breadcrumbs{color:var(--text-faint);align-items:center;gap:8px;font-size:13px;display:flex}.detail-breadcrumbs a{color:#4b6278;font-weight:500;text-decoration:none;transition:color .15s}.detail-breadcrumbs a:hover{color:var(--primary-deep,#2563eb)}.detail-breadcrumbs .sep{color:#cbd5e1;font-size:11px}.detail-breadcrumbs .current{color:#5b7085}.detail-article{background:var(--surface);border:1px solid var(--line-translucent);border-radius:20px;padding:32px 36px 28px;box-shadow:0 4px 20px -2px #0f172a0a,0 2px 6px -1px #0f172a05}@media (max-width:760px){.detail-article{box-shadow:none;border-left:none;border-right:none;border-radius:0;padding:20px 16px 18px}}.detail-title{color:var(--text);letter-spacing:-.02em;word-break:break-word;margin:0 0 16px;font-size:28px;font-weight:850;line-height:1.36}@media (max-width:760px){.detail-title{margin:0 0 12px;font-size:22px}}.detail-meta-bar{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;gap:12px;margin:0 0 20px;padding-bottom:16px;display:flex}.detail-meta-left{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.detail-author-desktop{color:#5b7085;align-items:center;gap:6px;margin-left:2px;font-size:12px;display:inline-flex}.detail-author-desktop .avatar{border-radius:8px;flex:0 0 24px;width:24px;height:24px}.detail-author-desktop a{color:#334e68;font-weight:700;text-decoration:none}.detail-author-desktop a:hover{color:var(--primary-deep)}.detail-author-level{color:#176b5f;background:#e8f8f4;border-radius:5px;padding:2px 5px;font-size:10px;font-weight:700}.detail-community-badge{background:linear-gradient(135deg, var(--surface-blue), #f0f9ff);color:#1d4ed8;border:1px solid #bfdbfe;border-radius:9999px;align-items:center;gap:6px;padding:4px 14px;font-size:13px;font-weight:650;text-decoration:none;transition:all .15s;display:inline-flex}.detail-community-badge:hover{color:#1e40af;background:#dbeafe;border-color:#93c5fd}.detail-community-badge .badge-icon{font-size:12px}.detail-tag-featured{color:#ea580c;background:#fff7ed;border:1px solid #fed7aa;border-radius:6px;align-items:center;padding:3px 10px;font-size:12px;font-weight:700;display:inline-flex}.detail-author-mobile{color:var(--text-faint);font-size:13px}.detail-author-mobile a{color:inherit;font-weight:600;text-decoration:none}.detail-meta-right{align-items:center;gap:12px;margin-left:auto;display:flex}.detail-pub-time{color:var(--text-faint);white-space:nowrap;font-size:13px}.detail-body{color:var(--text);letter-spacing:.015em;word-break:break-word;min-height:40px;margin:22px 0 28px;font-size:17.5px;line-height:1.92}.detail-body p{color:var(--text);margin:0 0 20px;font-size:17.5px;line-height:1.92}.detail-body p:last-child{margin-bottom:0}@media (max-width:760px){.detail-body,.detail-body p{margin-bottom:16px;font-size:16px;line-height:1.8}}.detail-stats{border-top:1px solid #f1f5f9;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-top:26px;padding-top:22px;display:flex}.detail-actions-group{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.detail-action-btn{border:1px solid var(--line);background:var(--surface-2);color:var(--text-soft);cursor:pointer;border-radius:9999px;align-items:center;gap:7px;padding:8px 16px;font-size:13.5px;font-weight:600;text-decoration:none;transition:all .15s;display:inline-flex}.detail-action-btn:hover{background:var(--surface-3);border-color:var(--line-strong);color:var(--text)}.detail-action-btn.like-btn:hover{color:#ef4444;background:#fef2f2;border-color:#fca5a5}.detail-action-btn.like-btn.active{color:#dc2626;background:#fee2e2;border-color:#f87171;font-weight:700;box-shadow:0 2px 8px #ef444426}.detail-action-btn.bookmark-btn:hover{color:#d97706;background:#fffbeb;border-color:#fde68a}.detail-action-btn.bookmark-btn.active{color:#b45309;background:#fef3c7;border-color:#fcd34d;font-weight:700;box-shadow:0 2px 8px #d9770626}.detail-action-btn.comment-btn:hover{background:var(--surface-blue);color:#2563eb;border-color:#bfdbfe}.detail-stats-meta{color:var(--text-faint);align-items:center;gap:16px;margin-left:auto;font-size:13px;display:flex}.detail-stats-meta .view-count{align-items:center;gap:5px;display:inline-flex}.detail-stats-meta .report-btn{color:var(--text-faint);cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:4px;padding:4px 8px;font-size:13px;transition:all .15s;display:inline-flex}.detail-stats-meta .report-btn:hover{color:#ef4444;background:#fef2f2}.detail-aside{gap:14px;min-width:0;display:grid}.aside-panel{padding:18px}.aside-panel h2{color:var(--text);letter-spacing:-.02em;margin:0 0 14px;font-size:16px}.aside-author{align-items:flex-start;gap:10px;display:flex}.aside-author>a{flex:none}.aside-author .avatar{border-radius:13px;width:42px;height:42px}.aside-author>div{grid-template-columns:minmax(0,auto) auto;align-items:center;gap:4px 6px;min-width:0;display:grid}.aside-author>div>a{min-width:0;color:var(--text);text-overflow:ellipsis;white-space:nowrap;text-decoration:none;overflow:hidden}.aside-author>div>a strong{font-size:14px}.aside-author .level-label{color:#176b5f;background:#e8f8f4;border-radius:5px;padding:2px 5px;font-size:10px;font-weight:700}.aside-author p{color:var(--text-soft);grid-column:1/-1;margin:3px 0 0;font-size:11px;line-height:1.6}.aside-community{align-items:center;gap:10px;display:flex}.aside-community .community-icon{border-radius:10px;flex:0 0 34px;place-items:center;width:34px;height:34px;display:grid}.aside-community .community-icon.lilac{color:#7868c7;background:var(--surface-blue)}.aside-community strong{color:var(--text);font-size:13px;display:block}.aside-community p{color:var(--text-soft);margin:4px 0 0;font-size:11px;line-height:1.5}.aside-community>svg{color:var(--text-faint);flex:none}.related-list{gap:0;display:grid}.related-item{color:var(--text);border-top:1px solid #edf3f8;gap:5px;padding:9px 0;text-decoration:none;display:grid}.related-item:first-child{border-top:0;padding-top:0}.related-item strong{text-overflow:ellipsis;white-space:nowrap;font-size:12px;line-height:1.45;overflow:hidden}.related-item div{color:var(--text-faint);gap:8px;font-size:10px;display:flex}.related-item:hover strong{color:var(--primary-deep)}.detail-gallery{gap:10px;margin:22px 0 4px;display:grid}.detail-gallery-single{justify-items:center;max-width:min(100%,620px)}.detail-gallery-multi{grid-template-columns:repeat(2,minmax(0,1fr));max-width:620px}.detail-media-frame{background:var(--surface-3);border:1px solid var(--line);border-radius:14px;min-width:0;overflow:hidden}.detail-gallery-single .detail-media-frame{width:fit-content;max-width:100%;max-height:520px;margin-inline:auto}.detail-gallery-image{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:520px;display:block}.detail-gallery-multi .detail-gallery-image{aspect-ratio:1;object-fit:cover;width:100%;max-height:none}.comments-wrap{background:var(--surface);border:1px solid var(--line-translucent);border-radius:20px;min-height:380px;padding:28px 36px 36px;box-shadow:0 4px 20px -2px #0f172a0a,0 2px 6px -1px #0f172a05}@media (max-width:760px){.comments-wrap{box-shadow:none;border-left:none;border-right:none;border-radius:0;padding:20px 16px 120px}}.comments-head{justify-content:space-between;align-items:baseline;display:flex}.comm-title{color:var(--text);font-size:16px;font-weight:800}.comm-sub{color:#5b7085;font-size:11px}.comment-tools{border-bottom:1px solid #edf3f9;justify-content:space-between;align-items:center;margin-top:11px;padding-bottom:11px;display:flex}.chips{gap:6px;display:flex}.chip{border:1px solid var(--line);background:var(--surface);color:#4b647c;cursor:pointer;border-radius:9px;height:28px;padding:0 10px;font-size:11.5px;font-weight:600}.chip.active{color:var(--text-inverse);background:#1f6fc9;border-color:#1f6fc9;font-weight:700}.landlord{border:1px solid var(--line);background:var(--surface);color:#4b647c;cursor:pointer;border-radius:9px;height:28px;padding:0 10px;font-size:11.5px;font-weight:600}.landlord.active{border-color:var(--primary-deep);color:var(--primary-deep);background:#eef6ff;font-weight:750}.comment-composer{background:var(--surface-2);border:1px solid var(--line);border-radius:14px;align-items:flex-start;gap:11px;margin:16px 0 8px;padding:12px;display:flex;position:relative}.comment-composer.drag-active{background:#f0f7ff;border-color:#78adf4}.comment-composer .avatar-comment{border-radius:11px;flex:0 0 34px;width:34px;height:34px}.composer-box{background:var(--surface);border:1px solid var(--line);border-radius:11px;flex:1;min-width:0;overflow:hidden}.composer-box textarea{width:100%;min-height:72px;color:var(--text);resize:vertical;font:inherit;background:0 0;border:0;outline:none;padding:11px 12px;font-size:13px;line-height:1.6;display:block}.composer-box textarea::placeholder{color:#9aabba}.composer-box textarea:focus{box-shadow:inset 0 0 0 2px #5294eb1f}.composer-footer{border-top:1px solid #edf3f8;justify-content:space-between;align-items:center;gap:8px;padding:7px 9px 7px 5px;display:flex}.composer-tools-left{align-items:center;gap:3px;min-width:0;display:flex}.composer-tools-left label,.composer-tools-left>button{border-radius:7px}.composer-tools-left label:hover,.composer-tools-left>button:hover{background:#f1f6fb}.reply-submit{border:0;border-radius:8px;min-width:74px;height:30px;padding:0 12px;font-size:12px}.reply-submit:disabled{color:#9aaabd;box-shadow:none;cursor:not-allowed;background:#e8eef5;transform:none}.composer-drop-hint{z-index:2;color:#2d6ebd;background:var(--bg-translucent);border-radius:14px;place-items:center;font-size:13px;font-weight:700;display:grid;position:absolute;inset:0}.comment-card{border-bottom:1px solid #f0f5fa;gap:10px;padding:13px 0;display:flex}.comm-avatar{border-radius:50%;flex-shrink:0;width:40px;height:40px;overflow:hidden}.comm-main{flex:1;min-width:0}.comm-head{align-items:center;gap:8px;display:flex}.comm-name{color:var(--text);font-size:15px;font-weight:750;text-decoration:none}.comm-name:hover{color:var(--primary-deep,#2563eb)}.comm-lv{color:#08765f;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:9999px;padding:1px 6px;font-size:10.5px;font-weight:700;line-height:1.2}.comm-floor{color:var(--text-faint);margin-left:auto;font-size:12.5px}.comm-time{color:var(--text-faint);margin-top:2px;font-size:12px}.comm-text{color:var(--text);white-space:pre-wrap;word-break:break-word;margin:8px 0 10px;font-size:15.5px;line-height:1.72}.content-link{color:var(--primary);text-underline-offset:2px;word-break:break-all;cursor:pointer;text-decoration:underline;transition:color .15s}.content-link:hover{color:var(--primary-deep,#1d4ed8);text-decoration:underline}.nested{background:var(--surface-2);border-left:3px solid var(--primary);color:var(--text);border-radius:0 10px 10px 0;margin:10px 0;padding:10px 14px;font-size:14px;line-height:1.65}.nested-name{color:var(--primary-deep);font-size:14px;font-weight:750}.nested-reply-line{align-items:flex-start;gap:7px;display:flex}.nested-reply-line+.nested-reply-line{margin-top:8px}.nested-reply-content{-webkit-user-select:text;user-select:text;cursor:text;white-space:pre-wrap;word-break:break-word;flex:1;min-width:0}.nested-reply-author{align-items:center;gap:6px;font-size:13.5px;line-height:1.3;display:flex}.nested-reply-level{color:#176b5f;background:#e9f8f3;border-radius:4px;padding:1px 4px;font-size:9px;font-weight:800}.nested .avatar-small{flex:none}.more-nested{color:var(--primary-deep);cursor:pointer;-webkit-user-select:none;user-select:none;margin-top:4px;font-size:11px;font-weight:650;display:inline-block}.more-nested:hover{text-decoration:underline}.comm-actions{align-items:center;gap:16px;margin-top:6px;display:flex}.comm-act{color:#52677a;cursor:pointer;background:0 0;border:none;align-items:center;gap:4px;padding:0;font-size:11px;font-weight:600;display:inline-flex}.comm-act.selected{color:var(--pink)}.composer{z-index:50;background:var(--surface-translucent);border-top:1px solid var(--line);width:min(100%,430px);height:62px;padding:8px 14px calc(8px + env(safe-area-inset-bottom,0px));align-items:center;gap:12px;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%);box-shadow:0 -4px 16px #182a3d08}.composer-trigger{flex:1}.composer-trigger input{background:var(--bg);width:100%;height:38px;color:var(--text);cursor:pointer;border:1px solid #dce7f2;border-radius:14px;outline:none;padding:0 12px;font-size:12.5px}.composer-side{align-items:center;gap:12px;display:flex}.composer-sheet-overlay{z-index:80;background:#0f172a5c;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.composer-sheet{background:var(--surface);width:min(100%,430px);max-height:calc(100dvh - 24px);padding:10px 16px calc(16px + env(safe-area-inset-bottom,0px));border-radius:18px 18px 0 0;overflow-y:auto;box-shadow:0 -12px 32px #0f172a29}.composer-sheet-handle{background:#d5e0eb;border-radius:999px;width:36px;height:4px;margin:0 auto 12px}.mobile-reply-overlay{background:0 0}.mobile-comment-composer{height:auto;min-height:62px;padding:8px 10px calc(8px + env(safe-area-inset-bottom,0px));display:block;overflow:visible;box-shadow:0 -6px 20px #0f172a14}.mobile-reply-sheet{width:min(100%,430px);padding:10px 12px calc(10px + env(safe-area-inset-bottom,0px));border:1px solid var(--line);border-bottom:0;border-radius:16px 16px 0 0;box-shadow:0 -8px 24px #0f172a1a}.mobile-reply-form{flex-direction:column;gap:8px;display:flex}.mobile-reply-extras:empty{display:none}.mobile-reply-previews{flex-wrap:wrap;gap:8px;padding:2px 4px;display:flex}.mobile-reply-message{color:var(--text-faint);margin:0 4px}.mobile-reply-toolbar{align-items:center;gap:7px;display:flex}.mobile-reply-tool{width:34px;height:44px;color:var(--text-faint);cursor:pointer;background:0 0;border:0;flex:0 0 34px;place-items:center;padding:0;display:grid;position:relative}.mobile-reply-tool>span{min-width:16px;height:16px;color:var(--text-inverse);text-align:center;background:#3b82f6;border-radius:999px;padding:0 4px;font-size:10px;line-height:16px;position:absolute;top:2px;right:0}.mobile-reply-input{border:1px solid var(--line-strong);background:var(--surface-2);min-width:0;min-height:44px;max-height:88px;color:var(--text);font:inherit;resize:none;border-radius:14px;outline:none;flex:auto;padding:11px 12px;font-size:14px;line-height:20px;overflow-y:auto}.mobile-reply-input:focus{border-color:#60a5fa;box-shadow:0 0 0 2px #3b82f61f}.mobile-reply-submit{min-width:62px;height:44px;color:var(--text-inverse);white-space:nowrap;cursor:pointer;background:#60a5fa;border:0;border-radius:999px;flex:none;padding:0 14px;font-size:14px;font-weight:700}.mobile-reply-submit:disabled{color:var(--text-faint);cursor:default;background:#e2e8f0}.comp-stat{color:#7b91a6;cursor:pointer;align-items:center;gap:3px;font-size:11px;font-weight:700;display:flex}.comp-stat.selected{color:var(--pink)}.comp-stat.bookmark-btn.selected{color:var(--primary-deep)}.profile-view-container{background:var(--bg);min-height:100vh;padding-bottom:96px}.profile-hero-card{background:var(--surface);border:1px solid var(--line);border-radius:16px;align-items:center;gap:14px;padding:18px 16px;display:flex;box-shadow:0 4px 16px #182a3d08}.profile-big-avatar{border-radius:50%;flex-shrink:0;width:52px;height:52px;overflow:hidden}.profile-hero-meta{flex:1;min-width:0}.profile-hero-name{align-items:center;gap:6px;display:flex}.profile-hero-name h2{color:var(--text);margin:0;font-size:16px;font-weight:800}.profile-hero-sub{color:#8da1b4;margin:2px 0 0;font-size:11px}.profile-stats-grid{grid-template-columns:repeat(3,1fr);gap:10px;margin-top:14px;display:grid}.stat-box{background:var(--surface);border:1px solid var(--line);text-align:center;border-radius:14px;padding:14px 10px}.stat-num{font-size:18px;font-weight:800;display:block}.stat-num.blue{color:var(--primary-deep)}.stat-num.pink{color:var(--pink)}.stat-num.orange{color:#ff9d4f}.stat-label{color:#8da1b4;margin-top:2px;font-size:11px;display:block}.profile-guest-card{background:var(--surface-blue);border:1px solid #cce2ff;border-radius:14px;flex-direction:column;gap:10px;padding:14px;display:flex}.profile-guest-card strong{color:var(--primary-deep);font-size:13px}.profile-guest-card p{color:var(--text-soft);margin:4px 0 0;font-size:11.5px}.profile-section-heading{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.profile-section-heading h3{margin:0;font-size:14px;font-weight:750}.profile-section-heading span{color:#8da1b4;font-size:11px}.profile-post-list{flex-direction:column;gap:9px;display:flex}.profile-post-row{background:var(--surface);border:1px solid var(--line);color:inherit;border-radius:14px;padding:12px 14px;text-decoration:none;display:block}.row-community{color:var(--primary-deep);margin-bottom:4px;font-size:10.5px;font-weight:700;display:inline-block}.row-title{color:var(--text);margin:0 0 4px;font-size:14px;font-weight:750}.row-desc{color:#3f556b;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0 0 8px;font-size:12.5px;line-height:1.45;display:-webkit-box;overflow:hidden}.row-meta{color:var(--text-faint);gap:12px;font-size:10.5px;display:flex}.toast{z-index:9999;left:50%;bottom:calc(72px + 76px + env(safe-area-inset-bottom,0px));max-width:min(92vw,460px);color:var(--text-inverse);opacity:0;pointer-events:none;transition:opacity .2s var(--ease), transform .2s var(--ease);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#182a3deb;border-radius:12px;align-items:center;gap:10px;padding:9px 12px 9px 16px;font-size:12px;font-weight:600;display:flex;position:fixed;transform:translate(-50%,16px);box-shadow:0 8px 24px #0000002e}.toast.show{opacity:1;pointer-events:auto;transform:translate(-50%)}.toast-text{overflow-wrap:anywhere;min-width:0;line-height:1.5}.toast-close{width:22px;height:22px;color:inherit;cursor:pointer;background:#ffffff24;border:0;border-radius:50%;flex:none;place-items:center;font-size:14px;line-height:1;display:grid}.toast-error{background:#7f1d1df0}.confirm-overlay{z-index:10000;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0f172a75;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.confirm-dialog{background:var(--surface);border:1px solid var(--line);border-radius:18px;width:min(420px,100%);padding:22px 22px 18px;box-shadow:0 24px 60px #0f172a38}.confirm-dialog h2{color:var(--text);margin:0;font-size:17px;font-weight:750;line-height:1.4}.confirm-dialog p{color:var(--text-soft);margin:10px 0 0;font-size:14px;line-height:1.65}.confirm-actions{justify-content:flex-end;gap:10px;margin-top:20px;display:flex}.confirm-actions .primary-button.danger{background:#dc2626;border-color:#dc2626}.download-page{flex-direction:column;gap:18px;max-width:780px;padding-bottom:64px;display:flex}.download-hero{flex-direction:column;align-items:flex-start;gap:10px;padding-top:26px;display:flex}.download-app-icon{background:var(--surface);border:1.5px solid #dcecff;border-radius:18px;place-items:center;width:64px;height:64px;padding:4px;display:grid;overflow:hidden;box-shadow:0 8px 24px #3b82f624}.download-icon-img{object-fit:contain;border-radius:14px;width:100%;height:100%;display:block}.download-hero h1{letter-spacing:-.04em;margin:4px 0 0;font-size:clamp(30px,5vw,42px);line-height:1.12}.download-hero p{max-width:560px;color:var(--muted);margin:0;font-size:14px;line-height:1.8}.download-card{background:var(--paper,var(--surface));border:1px solid var(--line);border-radius:22px;flex-direction:column;gap:18px;padding:24px;display:flex;box-shadow:0 18px 44px #182a3d12}.download-metrics{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.download-metric span{color:var(--muted);font-size:11px;display:block}.download-metric strong{letter-spacing:-.01em;margin-top:6px;font-size:15px;display:block}.download-changelog span{color:var(--muted);font-size:11px;font-weight:700}.download-changelog p{white-space:pre-line;margin:8px 0 0;font-size:14px;line-height:1.8}.download-button{background:linear-gradient(135deg, var(--primary), var(--sky));min-height:50px;color:var(--text-inverse);transition:.22s var(--ease);border-radius:14px;justify-content:center;align-items:center;gap:9px;font-size:15px;font-weight:800;display:inline-flex;box-shadow:0 14px 30px #32649138}.download-button:hover{transform:translateY(-2px);box-shadow:0 18px 36px #32649142}.download-button:active{transform:translateY(0)}.download-unavailable{background:var(--soft,#f4f7fa);color:var(--muted);text-align:center;border-radius:12px;padding:14px 16px;font-size:13px}.download-sha{word-break:break-all;color:var(--muted);margin:0;font-family:Consolas,SFMono-Regular,monospace;font-size:11px}.download-notes{gap:14px;display:grid}.download-note{border:1px solid var(--line);background:var(--surface-translucent);border-radius:16px;padding:16px 18px}.download-note strong{font-size:13px;display:block}.download-note p{color:var(--muted);margin:6px 0 0;font-size:12px;line-height:1.7}.download-state{border:1px dashed var(--line);color:var(--muted);text-align:center;border-radius:18px;padding:26px 20px;font-size:14px}.download-retry{border:1px solid var(--line);background:var(--surface);min-height:34px;color:var(--primary);cursor:pointer;border-radius:10px;align-items:center;margin-left:10px;padding:0 14px;font-size:13px;font-weight:700;display:inline-flex}@media (max-width:760px){.download-page{gap:14px;padding-top:8px}.download-hero{padding-top:10px}.download-hero p{font-size:13px}.download-card{border-radius:18px;padding:18px}.download-metrics{grid-template-columns:1fr 1fr}.download-metric:last-child{grid-column:1/-1}.download-button{width:100%}}.admin-ranking-page{max-width:860px;padding-bottom:72px}.admin-ranking-gate{text-align:center;padding:64px 20px}.admin-ranking-gate h1{letter-spacing:-.03em;margin:0 0 8px;font-size:22px}.admin-ranking-gate p{color:var(--muted);margin:0 0 18px;font-size:14px}.admin-ranking-gate-link{background:var(--primary);min-height:40px;color:var(--text-inverse);border-radius:12px;align-items:center;padding:0 18px;font-size:14px;font-weight:700;display:inline-flex}.admin-ranking-head{padding-top:24px}.admin-ranking-head h1{letter-spacing:-.035em;margin:0;font-size:clamp(24px,4vw,32px)}.admin-ranking-head p{color:var(--muted);margin:10px 0 0;font-size:13px;line-height:1.75}.admin-ranking-meta{color:var(--muted);flex-wrap:wrap;gap:8px 18px;margin-top:14px;font-size:12px;display:flex}.admin-ranking-filters{border:1px solid var(--line);background:var(--surface-translucent);border-radius:18px;flex-direction:column;gap:10px;margin-top:20px;padding:14px;display:flex}.admin-ranking-filter{flex-wrap:wrap;gap:8px;display:flex}.admin-ranking-filter button{border:1px solid var(--line);background:var(--surface);min-height:34px;color:var(--ink);cursor:pointer;border-radius:10px;padding:0 14px;font-size:13px;font-weight:600}.admin-ranking-filter button.active{border-color:var(--primary);background:var(--primary);color:var(--text-inverse)}.admin-ranking-modes{border-top:1px dashed var(--line);gap:8px;padding-top:4px;display:flex}.admin-ranking-modes button{border:1px solid var(--line);background:var(--surface);cursor:pointer;border-radius:10px;flex:1;min-height:38px;font-size:13px;font-weight:700}.admin-ranking-modes button.active{border-color:var(--primary);color:var(--primary);background:#eef5fd}.admin-ranking-modes button:disabled{opacity:.55;cursor:not-allowed}.admin-ranking-message{color:var(--primary);background:#eef5fd;border-radius:12px;margin-top:14px;padding:11px 14px;font-size:13px}.admin-ranking-message.error{color:#b23a5b;background:#fdeef2}.admin-ranking-state{border:1px dashed var(--line);color:var(--muted);text-align:center;border-radius:16px;margin-top:20px;padding:30px 18px;font-size:14px}.admin-ranking-list{flex-direction:column;gap:8px;margin:18px 0 0;padding:0;list-style:none;display:flex}.admin-ranking-row{border:1px solid var(--line);background:var(--surface);border-radius:14px;align-items:center;gap:10px;padding:9px 12px;display:flex}.admin-ranking-row.draggable{cursor:grab}.admin-ranking-row.draggable:active{cursor:grabbing}.admin-ranking-order{text-align:center;width:26px;color:var(--primary);flex:none;font-size:13px;font-weight:800}.admin-ranking-grip{color:#b7c2cc;flex:none;font-size:14px}.admin-ranking-cover{object-fit:cover;background:var(--soft,#f4f7fa);border-radius:10px;flex:none;width:42px;height:42px}.admin-ranking-cover.placeholder{color:#9fb2c2;place-items:center;display:grid}.admin-ranking-name{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-size:14px;font-weight:600;overflow:hidden}.admin-ranking-new{color:#178462;vertical-align:1px;background:#e8f6ee;border-radius:8px;margin-left:8px;padding:2px 7px;font-size:10px;font-style:normal;font-weight:800;display:inline-block}.admin-ranking-source{color:var(--muted);flex:none;font-size:11px}.admin-ranking-move{flex:none;gap:5px;display:flex}.admin-ranking-move button{border:1px solid var(--line);background:var(--surface);width:30px;height:30px;color:var(--ink);cursor:pointer;border-radius:9px;place-items:center;font-size:13px;display:grid}.admin-ranking-move button:disabled{opacity:.4;cursor:not-allowed}.admin-ranking-actions{align-items:center;gap:10px;margin-top:18px;display:flex}.admin-ranking-actions button{cursor:pointer;border:0;border-radius:13px;flex:1;min-height:46px;font-size:14px;font-weight:800}.admin-ranking-save{background:linear-gradient(135deg, var(--primary), var(--sky));color:var(--text-inverse);box-shadow:0 12px 26px #32649133}.admin-ranking-hint{color:var(--muted);flex:none;font-size:11px}.admin-ranking-actions button:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.admin-ranking-weekly{background:#fffaf0;border:1px solid #f0d9a8;border-radius:15px;align-items:center;gap:12px;margin-bottom:14px;padding:14px;display:flex;position:relative}.admin-ranking-weekly-badge{color:var(--text-inverse);letter-spacing:.04em;background:#f5b301;border-radius:8px;padding:2px 9px;font-size:10px;font-weight:800;position:absolute;top:-9px;left:12px}.admin-ranking-weekly-info{gap:3px;min-width:0;display:grid}.admin-ranking-weekly-info strong{font-size:14px}.admin-ranking-weekly-info span{color:var(--muted);font-size:11px}.admin-ranking-weekly-note{color:#8a6d1f;flex:1;margin:0;font-size:11px;line-height:1.6}@media (max-width:760px){.admin-ranking-head{padding-top:12px}.admin-ranking-filters{border-radius:15px;padding:12px}.admin-ranking-source,.admin-ranking-hint{display:none}.admin-ranking-weekly{flex-wrap:wrap}.admin-ranking-weekly-note{flex-basis:100%}.admin-ranking-actions{flex-direction:column;align-items:stretch}}.gallery-modal-overlay{z-index:9999;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);-webkit-user-select:none;user-select:none;background:#0a0f19f0;flex-direction:column;animation:.18s ease-out galleryFadeIn;display:flex;position:fixed;inset:0}@keyframes galleryFadeIn{0%{opacity:0}to{opacity:1}}.gallery-modal-header{height:60px;color:var(--text-inverse);justify-content:space-between;align-items:center;padding:0 24px;display:flex}.gallery-counter{color:var(--text-faint);letter-spacing:.04em;font-size:14px;font-weight:700}.gallery-actions{align-items:center;gap:12px;display:flex}.gallery-action-btn{color:#cbd5e1;cursor:pointer;background:#ffffff1a;border:1px solid #ffffff26;border-radius:20px;align-items:center;gap:6px;padding:7px 14px;font-size:12px;font-weight:600;text-decoration:none;transition:all .16s;display:inline-flex}.gallery-action-btn:hover{color:var(--text-inverse);background:#fff3;border-color:#ffffff4d}.gallery-action-btn.close-btn{border-radius:50%;justify-content:center;width:36px;height:36px;padding:0}.gallery-stage{flex:1;justify-content:center;align-items:center;min-height:0;padding:12px 24px;display:flex;position:relative}.gallery-image-container{justify-content:center;align-items:center;max-width:90vw;max-height:75vh;display:flex}.gallery-main-image{object-fit:contain;border-radius:8px;max-width:100%;max-height:75vh;box-shadow:0 20px 50px #00000080}.gallery-nav-btn{width:50px;height:50px;color:var(--text-inverse);cursor:pointer;background:#ffffff1f;border:1px solid #fff3;border-radius:50%;place-items:center;transition:all .16s;display:grid;position:absolute;top:50%;transform:translateY(-50%)}.gallery-nav-btn:hover{background:#ffffff40;transform:translateY(-50%)scale(1.06)}.gallery-nav-btn.prev-btn{left:24px}.gallery-nav-btn.next-btn{right:24px}.gallery-thumbnails{justify-content:center;align-items:center;gap:8px;height:72px;padding:0 16px 12px;display:flex;overflow-x:auto}.gallery-thumb-btn{opacity:.5;background:var(--overlay-scrim);cursor:pointer;border:2px solid #0000;border-radius:8px;width:48px;height:48px;padding:0;transition:all .16s;overflow:hidden}.gallery-thumb-btn img{object-fit:cover;width:100%;height:100%}.gallery-thumb-btn.active,.gallery-thumb-btn:hover{opacity:1;border-color:#3b82f6;transform:scale(1.05)}.post-card-more-wrapper{position:relative}.post-card-menu-popover{z-index:50;background:var(--surface);border:1px solid var(--line);border-radius:14px;flex-direction:column;gap:2px;min-width:140px;margin-top:4px;padding:6px;animation:.14s ease-out popoverFadeIn;display:flex;position:absolute;top:100%;right:0;box-shadow:0 10px 28px #0f172a1f}@keyframes popoverFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.post-card-menu-item{color:var(--text);cursor:pointer;text-align:left;background:0 0;border:0;border-radius:8px;align-items:center;gap:8px;padding:8px 12px;font-size:13px;font-weight:500;transition:all .14s;display:flex}.post-card-menu-item:hover{background:var(--surface-3);color:var(--text)}.post-card-menu-item.danger{color:#ef4444}.post-card-menu-item.danger:hover{color:#dc2626;background:#fef2f2}.post-card-menu-divider{background:var(--line,#e2e8f0);height:1px;margin:4px 0}.report-modal-overlay{z-index:10000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172a99;justify-content:center;align-items:center;padding:16px;animation:.14s ease-out fadeIn;display:flex;position:fixed;inset:0}.report-modal-container{background:var(--surface);border-radius:18px;width:100%;max-width:440px;padding:22px 24px;animation:.16s ease-out popoverFadeIn;box-shadow:0 20px 45px #0f172a33}.report-modal-head{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.report-modal-head h3{color:var(--text);margin:0;font-size:17px;font-weight:700}.report-close-btn{color:var(--text-faint);cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;padding:4px;transition:all .14s;display:grid}.report-close-btn:hover{background:var(--surface-3);color:var(--text)}.report-target-preview{background:var(--surface-2);color:var(--text-faint);text-overflow:ellipsis;white-space:nowrap;border-radius:8px;margin:0 0 14px;padding:8px 12px;font-size:13px;overflow:hidden}.report-target-preview span{color:var(--text);font-weight:600}.report-form{flex-direction:column;gap:14px;display:flex}.report-label{color:var(--text);margin-bottom:6px;font-size:13px;font-weight:600;display:block}.report-reasons-list{flex-direction:column;gap:6px;display:flex}.report-reason-item{border:1px solid var(--line);cursor:pointer;color:var(--text);border-radius:8px;align-items:center;gap:10px;padding:8px 10px;font-size:13px;transition:all .14s;display:flex}.report-reason-item:has(input:checked){background:var(--surface-blue);color:#1d4ed8;border-color:#3b82f6;font-weight:500}.report-desc-wrap{position:relative}.report-desc-wrap textarea{border:1px solid var(--line-strong);resize:none;border-radius:10px;width:100%;padding:8px 10px;font-family:inherit;font-size:13px}.report-desc-wrap textarea:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f626}.report-count{color:var(--text-faint);font-size:11px;position:absolute;bottom:8px;right:8px}.report-error{color:#ef4444;background:#fef2f2;border-radius:6px;padding:6px 10px;font-size:12px}.report-modal-actions{justify-content:flex-end;gap:10px;margin-top:6px;display:flex}.primary-button.danger{color:var(--text-inverse);cursor:pointer;background:#ef4444;border:0;border-radius:10px;padding:8px 16px;font-size:13px;font-weight:600}.primary-button.danger:hover{background:#dc2626}.primary-button.danger:disabled{opacity:.5;cursor:not-allowed}@keyframes commentTargetHighlight{0%{background-color:var(--surface-blue)}to{background-color:#0000}}.comment-card:target,.comment-card.comment-highlight{border-radius:12px;animation:2.5s ease-out commentTargetHighlight}.sidebar-version-footer{text-align:center;margin-top:14px;padding:0 4px}.sidebar-version-footer a{color:#4f6479;opacity:.9;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:11px;text-decoration:none;transition:opacity .16s,color .16s}.sidebar-version-footer a:hover{opacity:1;color:var(--primary,#2563eb);text-decoration:underline}.post-card.post-card-clickable{cursor:pointer;transition:transform .22s var(--ease), box-shadow .22s var(--ease), border-color .18s ease}.post-card.post-card-clickable:hover{border-color:#bcd4f2}.post-card.post-card-clickable:active{transform:translateY(0)}.media-single{background:#eef4fa;border-radius:12px;justify-content:flex-start;align-items:center;width:100%;min-height:0;max-height:480px;margin-top:10px;display:flex;overflow:hidden}.post-media.media-single .media-frame{aspect-ratio:auto;justify-content:flex-start;align-items:center;width:100%;height:auto;max-height:480px;display:flex}.media-single img,.media-single .media-image{object-fit:contain;object-position:center;border-radius:12px;width:auto;max-width:100%;height:auto;max-height:480px;display:block}.mobile-profile-page{display:none}@media (max-width:760px){.desktop-workbench{display:none!important}.mobile-profile-page{min-height:calc(100dvh - 76px);color:var(--text);background:#f1f8fc;padding:22px 18px 110px;display:block}.mobile-profile-header{justify-content:space-between;align-items:center;margin:0 0 22px;display:flex}.mobile-profile-header h1{letter-spacing:-.04em;margin:0;font-size:27px;line-height:1}.mobile-profile-header-actions{align-items:center;gap:15px;display:flex}.mobile-profile-header-actions button{color:#24384b;background:0 0;border:0;place-items:center;width:28px;height:28px;padding:0;display:grid;position:relative}.mobile-profile-badge{min-width:15px;height:15px;color:var(--text-inverse);background:#f56f88;border:2px solid #f1f8fc;border-radius:99px;place-items:center;padding:0 3px;font-size:8px;font-weight:800;display:grid;position:absolute;top:-5px;right:-7px}.mobile-profile-card,.mobile-points-card,.mobile-recent-card{background:var(--surface);border:1px solid var(--line);border-radius:22px;overflow:hidden;box-shadow:0 8px 22px #3261850f}.mobile-profile-card-head{text-align:left;background:linear-gradient(135deg, var(--surface) 0%, var(--surface) 70%, #f3faff 100%);border:0;align-items:center;gap:13px;width:100%;padding:20px 17px 16px;display:flex}.mobile-profile-avatar{box-shadow:none;border:1px solid #cfe6fa;flex:0 0 60px;border-radius:50%!important;width:60px!important;height:60px!important}.mobile-profile-avatar img{object-fit:cover;width:100%;height:100%}.mobile-profile-copy{flex:1;gap:4px;min-width:0;display:grid}.mobile-profile-copy strong{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:21px;line-height:1.1;overflow:hidden}.mobile-profile-copy small{color:#738da4;text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.mobile-profile-copy em{color:#9aaebe;text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-style:normal;overflow:hidden}.mobile-profile-public{color:#377dd3;flex:none;align-items:center;font-size:12px;font-weight:750;display:inline-flex}.mobile-profile-stats{border-top:1px solid var(--line);grid-template-columns:repeat(4,1fr);padding:13px 5px 14px;display:grid}.mobile-profile-stats button{color:#6b849b;background:0 0;border:0;gap:5px;padding:0;display:grid}.mobile-profile-stats strong{color:var(--text);font-size:19px;line-height:1}.mobile-profile-stats span{font-size:10.5px}.mobile-points-card{text-align:left;background:linear-gradient(135deg,#edf8ff 0%,#e7f4ff 58%,#f7fbff 100%);border-color:#d6eaff;align-items:flex-start;gap:9px;width:100%;margin-top:14px;padding:13px 14px 12px;display:flex}.mobile-points-mark{color:#ef9b56;background:#fff0e6;border-radius:10px;flex:0 0 30px;place-items:center;width:30px;height:30px;display:grid}.mobile-points-copy{flex:1;gap:3px;min-width:0;display:grid}.mobile-points-copy small{color:#7690a8;font-size:10px}.mobile-points-copy strong{color:var(--text);font-size:17px;line-height:1.1}.mobile-points-copy em{color:#6d84a0;margin-top:7px;font-size:10.5px;font-style:normal}.mobile-points-actions{color:#346da8;grid-template-columns:repeat(2,auto);justify-content:end;align-items:start;gap:16px;min-width:88px;font-size:12px;font-weight:700;display:grid}.mobile-points-actions em{color:#8598aa;white-space:nowrap;grid-column:1/-1;justify-content:flex-end;align-items:center;gap:2px;font-size:10px;font-style:normal;font-weight:400;display:inline-flex}.mobile-profile-section{margin-top:22px}.mobile-profile-section h2{color:var(--text);letter-spacing:-.03em;margin:0 0 12px;font-size:18px;line-height:1}.mobile-tools-grid{background:var(--surface);border:1px solid var(--line);border-radius:20px;grid-template-columns:repeat(4,1fr);gap:4px;padding:14px 7px 13px;display:grid;box-shadow:0 8px 22px #3261850f}.mobile-tools-grid button{color:#50677c;background:0 0;border:0;justify-items:center;gap:8px;min-width:0;padding:4px 0;font-size:10.5px;display:grid}.tool-icon{border-radius:14px;place-items:center;width:42px;height:42px;display:grid}.tool-icon-orange{color:#ff9859;background:#fff0e8}.tool-icon-pink{color:#f27eaa;background:#ffeef4}.tool-icon-blue{color:#5c9af0;background:var(--surface-blue)}.tool-icon-mint{color:#43bea8;background:#e9f9f5}.mobile-profile-section-heading{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.mobile-profile-section-heading h2{margin:0}.mobile-profile-section-heading button{color:#5a7591;background:0 0;border:0;align-items:center;gap:2px;padding:0;font-size:11.5px;font-weight:700;display:inline-flex}.mobile-recent-card{min-height:96px;padding:14px}.mobile-recent-item{color:inherit;align-items:center;gap:10px;padding:4px 0;text-decoration:none;display:flex}.mobile-recent-item+.mobile-recent-item{border-top:1px solid var(--line);margin-top:11px;padding-top:11px}.mobile-recent-item>span:nth-child(2){flex:1;gap:5px;min-width:0;display:grid}.mobile-recent-item strong{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.mobile-recent-item small{color:var(--text-faint);font-size:10.5px}.mobile-recent-item>svg{color:var(--text-faint);flex:none}.mobile-recent-icon{color:#5c9af0;background:var(--surface-blue);border-radius:14px;flex:0 0 42px;place-items:center;width:42px;height:42px;display:grid}.mobile-recent-empty{align-items:center;gap:11px;display:flex}.mobile-recent-empty>div{flex:1;gap:5px;min-width:0;display:grid}.mobile-recent-empty strong{color:var(--text);font-size:13px}.mobile-recent-empty small{color:var(--text-faint);font-size:10.5px}.mobile-recent-empty button{color:#376d9e;background:#fafdff;border:1px solid #cfe0f2;border-radius:12px;width:100%;height:34px;margin-top:10px;padding:0 15px;font-size:12px;font-weight:700}.mobile-recent-loading{place-items:center;display:grid}.mobile-profile-slogan{color:#a1b4c5;text-align:center;margin:28px 0 0;font-size:11px}}.detail-gallery>div>.media-image,.detail-gallery>div>.media-image-placeholder{flex:0 auto}.settings-page,.notifications-page{width:min(100%,1040px)}.settings-hero,.notification-hero{background:radial-gradient(circle at 92% 18%, #71cfff2e, transparent 30%), linear-gradient(135deg, var(--surface) 0%, #f5faff 100%);position:relative;overflow:hidden}.settings-hero:after,.notification-hero:after{content:"";pointer-events:none;border:24px solid #5a9eff14;border-radius:50%;width:132px;height:132px;position:absolute;bottom:-42px;right:28px}.settings-hero-action,.notification-hero-actions{z-index:1;flex:none;align-items:center;gap:14px;display:flex;position:relative}.settings-hero-action .primary-link{margin-top:0}.settings-hero .primary-link{background:#1f6fc9}.settings-hero-mark{width:48px;height:48px;color:var(--primary-deep);background:var(--surface-blue);border:1px solid #d5e9fd;border-radius:15px;place-items:center;display:grid}.settings-guest-note{color:var(--text-soft);background:var(--surface-2);border:1px solid var(--line);border-radius:12px;align-items:center;gap:9px;margin-top:14px;padding:11px 14px;font-size:12px;display:flex}.settings-guest-note svg{color:var(--primary);flex:none}.settings-layout{grid-template-columns:minmax(0,1fr) 285px;align-items:start;gap:16px;margin-top:16px;display:grid}.settings-panel,.settings-tip,.notification-overview{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:16px}.settings-panel{padding:18px}.settings-section-heading{border-bottom:1px solid #edf3f8;justify-content:space-between;align-items:center;padding:0 3px 12px;display:flex}.settings-section-heading div{gap:3px;display:grid}.settings-section-heading strong{color:var(--text);font-size:14px}.settings-section-heading span{color:var(--text-faint);font-size:11px}.settings-section-heading>svg{color:var(--text-faint)}.settings-list{gap:8px;margin-top:12px}.settings-row{box-shadow:none;border:1px solid #0000;border-radius:12px;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:11px;padding:12px 10px;display:grid}.settings-row:hover{background:#f7fbff;border-color:#d6e8f9}.settings-row-icon{border-radius:10px;place-items:center;width:34px;height:34px;display:grid}.settings-row-icon-blue{color:var(--primary-deep);background:var(--surface-blue)}.settings-row-icon-lilac{color:#7566c4;background:var(--surface-blue)}.settings-row-icon-orange{color:#d77b47;background:#fff0e5}.settings-row-icon-mint{color:#269c88;background:#e8f8f5}.settings-row-icon-violet{color:#7566c4;background:var(--surface-blue)}.settings-row-copy{min-width:0}.settings-row-copy strong{font-size:13px}.settings-row-copy small{margin-top:3px;font-size:11px}.settings-row-arrow{color:var(--text-faint);display:grid}.settings-row.danger .settings-row-copy strong{color:#c2410c}.settings-section-heading-spaced{margin-top:18px}.settings-tip{background:linear-gradient(145deg, #f4f9ff 0%, var(--surface) 100%);min-height:170px;padding:20px}.settings-tip-icon{color:#4f8fe5;background:#e7f2ff;border-radius:11px;place-items:center;width:36px;height:36px;display:grid}.settings-tip strong{margin-top:14px;font-size:14px;display:block}.settings-tip p{color:var(--text-soft);margin:6px 0 13px;font-size:12px;line-height:1.65}.settings-tip button,.notification-empty-action{color:var(--primary-deep);background:0 0;align-items:center;gap:4px;padding:0;font-size:12px;font-weight:750;display:inline-flex}.settings-guest-panel{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:16px;gap:5px;margin-top:14px;padding:16px 18px;display:grid}.settings-guest-panel strong{color:var(--text);font-size:13px}.settings-guest-panel>span{color:var(--text-soft);font-size:11px}.settings-guest-panel>div{gap:8px;margin-top:7px;display:flex}.settings-guest-panel button{height:30px;color:var(--primary-deep);background:var(--surface-blue);border:1px solid #d6e9fb;border-radius:8px;align-items:center;gap:5px;padding:0 10px;font-size:11px;font-weight:750;display:inline-flex}.settings-dialog-backdrop{z-index:80;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#182a3d52;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.settings-dialog{background:var(--surface);border:1px solid var(--line);border-radius:18px;width:min(100%,420px);padding:20px;box-shadow:0 22px 60px #182a3d2e}.settings-dialog-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.settings-dialog-header>div{align-items:center;gap:9px;display:flex}.settings-dialog-header h2{color:var(--text);margin:0;font-size:17px}.settings-dialog-icon{color:#269c88;background:#e8f8f5;border-radius:9px;place-items:center;width:32px;height:32px;display:grid}.settings-dialog-header>button{width:30px;height:30px;color:var(--text-soft);background:0 0;border-radius:8px;place-items:center;display:grid}.settings-dialog-header>button:hover{background:#f1f5f8}.settings-dialog p{color:var(--text-soft);margin:16px 0 17px;font-size:13px;line-height:1.75}.settings-dialog-close{min-width:76px;height:34px;margin-top:0;font-size:12px}.settings-password-dialog label{color:var(--text);gap:6px;margin-top:13px;font-size:12px;font-weight:700;display:grid}.settings-password-dialog input{width:100%;height:38px;color:var(--text);background:var(--surface-2);border:1px solid var(--line);border-radius:9px;outline:none;padding:0 11px}.settings-password-dialog input:focus{border-color:#73aef4;box-shadow:0 0 0 3px #498feb1f}.settings-password-tabs{background:#f2f6fb;border-radius:9px;gap:6px;margin-top:15px;padding:3px;display:flex}.settings-password-tabs button{height:30px;color:var(--text-soft);background:0 0;border-radius:7px;flex:1;font-size:11px}.settings-password-tabs button.active{color:#2879dc;background:var(--surface);box-shadow:0 1px 4px #23517b1a}.settings-code-field{gap:7px;display:flex}.settings-code-field input{flex:1}.settings-code-field button{color:#2879dc;background:var(--surface-blue);white-space:nowrap;border-radius:8px;padding:0 9px;font-size:11px}.settings-code-field button:disabled{opacity:.55}.settings-dialog-message{color:#2879dc!important;margin:11px 0 0!important;font-size:12px!important}.settings-dialog-actions{justify-content:flex-end;gap:9px;margin-top:17px;display:flex}.settings-dialog-actions .primary-link,.settings-dialog-actions .outline-button{border-radius:8px;min-width:82px;height:34px;padding:0 13px;font-size:12px}.mobile-page-header{display:none}.notification-hero-actions{gap:18px}.notification-unread-summary{justify-items:end;gap:2px;display:grid}.notification-unread-summary strong{color:var(--primary-deep);font-size:24px;line-height:1}.notification-unread-summary span{color:var(--text-faint);font-size:11px}.notification-overview{grid-template-columns:130px 150px minmax(0,1fr);align-items:center;gap:18px;margin-top:14px;padding:13px 18px;display:grid}.notification-overview div{gap:3px;display:grid}.notification-overview span{color:var(--text-faint);font-size:11px}.notification-overview strong{color:var(--text);font-size:13px}.notification-overview-hint{justify-self:end;color:var(--text-soft)!important}.notification-tabs{margin-top:14px}.notification-empty{min-height:230px;margin-top:14px}.notification-empty-action{margin-top:6px}.home-feed-header{background:linear-gradient(135deg, var(--surface) 0%, var(--surface-2) 100%);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:16px;justify-content:space-between;align-items:center;gap:18px;margin-bottom:12px;padding:15px 18px;display:flex}.home-feed-kicker{color:var(--primary-deep);letter-spacing:.08em;font-size:10px;font-weight:800}.home-feed-header h1{color:var(--text);letter-spacing:-.03em;margin:4px 0 3px;font-size:18px}.home-feed-header p{color:var(--text-soft);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:11px;overflow:hidden}.home-feed-header-actions{color:var(--text-faint);flex:none;align-items:center;gap:12px;font-size:11px;display:flex}.home-feed-header-actions button{height:30px;color:var(--primary-deep);background:var(--surface-blue);border:1px solid #d6e9fb;border-radius:8px;align-items:center;gap:5px;padding:0 10px;font-size:11px;font-weight:750;display:inline-flex}.home-feed-header-actions button:disabled{cursor:wait;opacity:.6}.mobile-feed-title{display:none}.home-spotlight{background:linear-gradient(135deg,#f1f7ff 0%,#fbfdff 54%,#f1fbf8 100%);border:1px solid #dbeaf7;border-radius:16px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:18px;margin:0 0 14px;padding:18px 20px;display:grid;box-shadow:0 8px 22px #32699c0f}.home-spotlight-copy{min-width:0}.home-spotlight-eyebrow{color:#3278c8;letter-spacing:.04em;align-items:center;gap:6px;font-size:11px;font-weight:800;display:inline-flex}.home-spotlight-eyebrow svg{color:#35aa97}.home-spotlight h2{color:var(--text);margin:5px 0 3px;font-size:18px;line-height:1.35}.home-spotlight p{color:var(--text-soft);margin:0;font-size:12px;line-height:1.55}.home-spotlight-links{grid-template-columns:repeat(3,minmax(82px,1fr));gap:7px;display:grid}.home-spotlight-link{min-height:34px;color:var(--text-soft);white-space:nowrap;transition:transform .16s var(--ease), border-color .16s var(--ease), background .16s var(--ease);background:#ffffffc2;border:1px solid #cbdcede6;border-radius:9px;justify-content:center;align-items:center;gap:5px;padding:0 10px;font-size:11px;font-weight:750;display:inline-flex}.home-spotlight-link:hover{background:var(--surface);border-color:#a8cbed;transform:translateY(-1px)}.home-spotlight-link.tone-blue svg{color:#3b82f6}.home-spotlight-link.tone-gold svg{color:#d97706}.home-spotlight-link.tone-mint svg{color:#1f9c87}@media (max-width:760px){.mobile-page-header{height:56px;color:var(--text);background:var(--bg-translucent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid #dfe8f2b3;grid-template-columns:36px minmax(0,1fr) 36px;align-items:center;gap:8px;padding:0 14px;display:grid}.mobile-page-header button{width:34px;height:34px;color:inherit;background:var(--surface);border:1px solid var(--line);border-radius:11px;place-items:center;display:grid}.mobile-page-header h1{color:var(--text);justify-self:center;margin:0;font-size:16px}.mobile-page-header-action{justify-content:flex-end;width:36px;display:flex}.mobile-notification-read-all{color:var(--primary-deep);white-space:nowrap;background:0 0;border:0;padding:0;font-size:11px;font-weight:750}.mobile-notification-read-all:disabled{color:var(--text-faint)}.settings-page,.notifications-page{width:100%}.settings-page{margin-top:0}.settings-page>.settings-hero{display:none}.settings-layout{margin-top:0}.settings-panel{box-shadow:none;background:0 0;border:0;padding:0}.settings-section-heading{margin:0 4px 8px}.settings-section-heading strong{font-size:13px}.settings-section-heading span{font-size:10px}.settings-list{border-radius:19px;padding:5px 9px}.settings-row{border:0;border-bottom:1px solid var(--line);background:var(--surface);border-radius:0;min-height:57px;padding:8px 7px}.settings-row:last-child{border-bottom:0}.settings-row:hover{background:var(--surface)}.settings-row-copy strong{font-size:13px}.settings-row-copy small{font-size:10.5px}.settings-section-heading-spaced{margin-top:18px}.settings-tip{display:none}.notifications-page{margin-top:0}.notifications-page>.notification-hero,.notifications-page>.notification-overview{display:none}.notifications-page .notification-tabs{background:#e7f1f8;border:0;border-radius:13px;gap:0;margin:0 0 14px;padding:4px}.notifications-page .notification-tabs button{color:#71869b;border-radius:9px;flex:1;padding:8px 2px;font-size:11px}.notifications-page .notification-tabs button.active{color:var(--primary-deep);background:var(--surface);box-shadow:0 2px 7px #2d5d851a}.notifications-page .notification-tabs button.active:after{display:none}.notifications-page .notification-list{gap:0;margin-top:0}.notifications-page .notification-group{gap:0}.notifications-page .notification-group+.notification-group{margin-top:15px}.notifications-page .notification-group h2{margin:0 4px 8px;font-size:11px}.notifications-page .notification-row{border:0;border-bottom:1px solid var(--line);box-shadow:none;border-radius:0;padding:13px 14px}.notifications-page .notification-row:first-child{border-radius:18px 18px 0 0}.notifications-page .notification-row:last-child{border-bottom:0;border-radius:0 0 18px 18px}.notifications-page .notification-list{background:var(--surface);border:1px solid var(--line);border-radius:18px;overflow:hidden;box-shadow:0 8px 22px #3261850f}.settings-hero,.notification-hero{align-items:flex-start}.settings-hero-action,.notification-hero-actions{gap:8px}.settings-hero-action{flex-direction:column;align-items:flex-end}.settings-hero-mark{border-radius:11px;width:38px;height:38px}.settings-hero-action .primary-link{min-width:88px;padding:0 10px;font-size:11px}.settings-layout{grid-template-columns:1fr;gap:12px;margin-top:12px}.settings-panel{padding:13px}.settings-tip{min-height:0;padding:16px}.settings-tip strong{margin-top:10px}.settings-guest-panel,.settings-dialog-backdrop{padding:14px}.settings-dialog{border-radius:16px;padding:17px}.notification-unread-summary strong{font-size:20px}.notification-overview{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:12px;padding:12px 14px}.notification-overview-hint{grid-column:1/-1;justify-self:start;padding-top:2px}.notification-empty{min-height:205px;margin-top:12px}.home-feed-header{display:none!important}}.media-single.landscape img,.media-single.landscape .media-image{object-fit:cover;width:100%;height:100%}.feed-load-sentinel{justify-content:center;align-items:center;min-height:24px;margin:16px 0;display:flex}.feed-load-indicator{color:var(--text-soft);background:var(--surface-translucent);border:1px solid var(--line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:var(--shadow);border-radius:999px;align-items:center;gap:8px;padding:8px 18px;font-size:13px;display:inline-flex}.feed-spinner{border:2px solid var(--line-strong);border-top-color:var(--primary);border-radius:50%;width:14px;height:14px;animation:.7s linear infinite spin}.feed-load-retry{color:#dc2626;cursor:pointer;background:#fef2f2;border:1px solid #fecaca;border-radius:999px;padding:8px 20px;font-size:13px;font-weight:600;transition:all .16s}.feed-load-retry:hover{background:#fee2e2}.feed-end{text-align:center;color:var(--text-faint);letter-spacing:.05em;margin:24px 0 16px;font-size:12px}.profile-menu-upgrade-btn{cursor:pointer;text-align:center;background:linear-gradient(135deg,#3b82f6,#2563eb);border:0;border-radius:8px;width:100%;margin:6px 0 8px;padding:8px 12px;font-size:13px;font-weight:700;transition:all .16s;box-shadow:0 2px 8px #2563eb40;color:var(--text-inverse)!important}.profile-menu-upgrade-btn:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8)!important}.workbench-header-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow);margin-bottom:20px;padding:24px 28px}.workbench-header-main{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.workbench-title{color:var(--text);letter-spacing:-.01em;margin:0;font-size:22px;font-weight:800}.workbench-subtitle{color:var(--text-soft);margin:4px 0 0;font-size:13px}.workbench-header-aside{align-items:center;gap:12px;display:flex}.workbench-user-badge{color:var(--text-soft);font-size:13px;font-weight:600}.workbench-public-link{color:var(--primary-deep);align-items:center;gap:4px;font-size:13px;font-weight:600;transition:opacity .15s;display:inline-flex}.workbench-public-link:hover{opacity:.8}.workbench-guest-banner{background:var(--surface-blue);border:1px solid #bfdbfe;border-radius:14px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:18px;padding:14px 18px;display:flex}.workbench-guest-info{flex:1;align-items:center;gap:12px;min-width:260px;display:flex}.workbench-guest-tag{color:var(--text-inverse);white-space:nowrap;background:#3b82f6;border-radius:6px;align-items:center;gap:4px;padding:3px 8px;font-size:11px;font-weight:700;display:inline-flex}.workbench-guest-desc{color:#1e40af;margin:0;font-size:13px;line-height:1.4}.workbench-guest-actions{gap:8px;display:flex}.workbench-btn-secondary{background:var(--surface);border:1px solid var(--line-strong);color:var(--text);cursor:pointer;border-radius:8px;padding:7px 14px;font-size:13px;font-weight:600;transition:all .16s}.workbench-btn-secondary:hover{background:var(--surface-2)}.workbench-btn-primary{background:var(--primary-deep);color:var(--text-inverse);cursor:pointer;border:0;border-radius:8px;padding:7px 16px;font-size:13px;font-weight:700;transition:all .16s}.workbench-btn-primary:hover{background:#2563eb}.workbench-stats-grid{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:22px;display:grid}@media (max-width:640px){.workbench-stats-grid{grid-template-columns:repeat(2,1fr)}}.workbench-stat-card{background:var(--surface);border:1px solid var(--line);text-align:center;box-shadow:var(--shadow);cursor:pointer;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:16px;transition:all .18s;display:flex}.workbench-stat-card:hover,.workbench-stat-card.active{border-color:var(--primary);background:var(--surface-2);transform:translateY(-1px)}.workbench-stat-val{color:var(--text);font-size:20px;font-weight:800}.workbench-stat-lbl{color:var(--text-soft);font-size:12px;font-weight:500}.workbench-stat-points{background:linear-gradient(135deg,#fffbeb,#fef3c7);border-color:#fde68a}.workbench-stat-points:hover{background:linear-gradient(135deg,#fef3c7,#fde68a);border-color:#f59e0b}.workbench-points-link{width:100%;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}.workbench-points-retry{color:#92400e;cursor:pointer;background:#ffffff75;border:1px solid #d9770647;border-radius:6px;margin-top:4px;padding:2px 6px;font-size:11px}.workbench-points-val{justify-content:center;align-items:center;gap:4px;font-size:20px;font-weight:800;display:flex}.workbench-content-section{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:24px 28px}.workbench-tabs-bar{border-bottom:1px solid #f1f5f9;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin-bottom:20px;padding-bottom:14px;display:flex}.workbench-section-heading{color:var(--text);margin:0;font-size:16px;font-weight:700}.workbench-tabs-scroll{-webkit-overflow-scrolling:touch;gap:8px;padding-bottom:2px;display:flex;overflow-x:auto}.workbench-tab-pill{border:1px solid var(--line);background:var(--surface);color:var(--text-soft);cursor:pointer;white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:6px 14px;font-size:13px;font-weight:600;transition:all .16s;display:inline-flex}.workbench-tab-pill:hover{border-color:var(--primary);color:var(--primary-deep)}.workbench-tab-pill.active{background:var(--surface-blue);border-color:var(--primary);color:var(--primary-deep)}.workbench-empty-compact{background:var(--surface-2);border:1px dashed var(--line-strong);border-radius:14px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;min-height:90px;margin:10px 0;padding:24px 22px;display:flex}.workbench-empty-icon{width:38px;height:38px;color:var(--primary-deep);background:#e0f2fe;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.workbench-empty-info{flex:1;min-width:180px}.workbench-empty-info h3{color:var(--text);margin:0;font-size:14px;font-weight:700}.workbench-empty-info p{color:var(--text-soft);margin:2px 0 0;font-size:12px}.workbench-empty-action{background:var(--primary-deep);cursor:pointer;white-space:nowrap;border:0;border-radius:8px;padding:7px 18px;font-size:13px;font-weight:600;transition:all .16s;color:var(--text-inverse)!important}.workbench-empty-action:hover{background:#2563eb}.points-top-nav{margin-bottom:16px}.points-hero-card{color:var(--text-inverse);background:linear-gradient(135deg,#1e3a8a 0%,#1e40af 50%,#3b82f6 100%);border-radius:20px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin-bottom:22px;padding:26px 30px;display:flex;box-shadow:0 10px 25px -5px #1e3a8a40}.points-hero-label{opacity:.85;text-transform:uppercase;letter-spacing:.05em;font-size:13px;font-weight:600}.points-hero-val-row{align-items:baseline;gap:8px;margin:6px 0 8px;display:flex}.points-hero-number{letter-spacing:-.02em;font-size:38px;font-weight:900;line-height:1}.points-unit{opacity:.8;font-size:14px;font-weight:700}.points-hero-tip{opacity:.88;max-width:480px;margin:0;font-size:13px;line-height:1.5}.points-hero-right{flex-direction:column;align-items:flex-end;gap:10px;display:flex}.points-rule-btn{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--text-inverse);cursor:pointer;background:#ffffff2e;border:1px solid #ffffff4d;border-radius:999px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:600;transition:all .16s;display:inline-flex}.points-rule-btn:hover{background:#ffffff47}.points-upgrade-btn{color:#78350f;cursor:pointer;background:#fbbf24;border:0;border-radius:999px;padding:8px 18px;font-size:13px;font-weight:700;transition:all .16s}.points-upgrade-btn:hover{background:#f59e0b}.points-tabs-bar{border-bottom:1px solid var(--line);gap:10px;margin-bottom:20px;padding-bottom:10px;display:flex}.points-tab{color:var(--text-soft);cursor:pointer;background:0 0;border-radius:12px;align-items:center;gap:6px;padding:8px 18px;font-size:14px;font-weight:600;transition:all .16s;display:inline-flex}.points-tab:hover{color:var(--text);background:var(--surface-3)}.points-tab.active{background:var(--surface-blue);color:var(--primary-deep);font-weight:700}.points-store-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:18px;display:grid}.store-product-card{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:16px;flex-direction:column;transition:transform .2s,box-shadow .2s;display:flex;overflow:hidden}.store-product-card:hover{box-shadow:var(--shadow-hover);border-color:#bcd4f2;transform:translateY(-2px)}.product-media-frame{background:radial-gradient(circle at 50% 45%, var(--surface) 0%, var(--surface-3) 100%);box-sizing:border-box;justify-content:center;align-items:center;width:100%;height:220px;padding:16px;display:flex;position:relative;overflow:hidden}.product-img{object-fit:contain;object-position:center;filter:drop-shadow(0 4px 10px #0f172a14);width:auto;max-width:100%;height:auto;max-height:100%;transition:transform .25s cubic-bezier(.2,0,0,1)}.store-product-card:hover .product-img{transform:scale(1.05)}.product-emoji-placeholder{justify-content:center;align-items:center;font-size:56px;transition:transform .25s;display:flex}.store-product-card:hover .product-emoji-placeholder{transform:scale(1.08)}.product-points-tag{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fbbf24;z-index:2;pointer-events:none;background:#0f172ad9;border-radius:8px;padding:4px 10px;font-size:13px;font-weight:700;position:absolute;bottom:10px;left:10px;box-shadow:0 2px 6px #00000026}.product-info{flex-direction:column;flex:1;padding:16px 18px;display:flex}.product-name{color:var(--text);margin:0;font-size:16px;font-weight:800}.product-desc{color:var(--text-soft);flex:1;margin:6px 0 14px;font-size:13px;line-height:1.4}.product-meta-row{justify-content:space-between;align-items:center;gap:8px;margin-top:auto;display:flex}.product-redeemed{color:var(--text-faint);font-size:12px}.product-action-btn{cursor:pointer;border:0;border-radius:8px;padding:7px 16px;font-size:13px;font-weight:700;transition:all .16s}.product-action-btn.primary{background:var(--primary-deep);color:var(--text-inverse)}.product-action-btn.primary:hover{background:#2563eb}.product-action-btn.guest{color:#1e40af;background:#dbeafe}.product-action-btn.disabled{background:var(--surface-3);color:var(--text-faint);cursor:not-allowed}.order-card{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:16px;margin-bottom:14px;padding:18px 22px}.order-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px;display:flex}.order-prod-name{color:var(--text);font-size:16px;font-weight:800}.order-date{color:var(--text-faint);margin-left:10px;font-size:12px;font-weight:400}.badge{border-radius:6px;align-items:center;padding:3px 10px;font-size:12px;font-weight:700;display:inline-flex}.badge.warning{color:#b45309;background:#fef3c7}.badge.info{color:#0369a1;background:#e0f2fe}.badge.success{color:#15803d;background:#dcfce7}.badge.danger{color:#b91c1c;background:#fee2e2}.badge.neutral{background:var(--surface-3);color:var(--text-faint)}.order-points-deduct{color:var(--text-soft);margin-bottom:8px;font-size:13px}.order-tracking-info{color:#166534;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;gap:16px;margin:8px 0;padding:8px 12px;font-size:13px;display:flex}.order-address-summary{background:var(--surface-2);border:1px solid var(--line);color:var(--text-soft);border-radius:8px;margin:8px 0;padding:8px 12px;font-size:13px;line-height:1.5}.order-shipping-edit-btn{background:var(--surface-blue);color:var(--primary-deep);cursor:pointer;border:1px solid #bfdbfe;border-radius:8px;align-items:center;gap:6px;margin-top:8px;padding:6px 14px;font-size:13px;font-weight:600;display:inline-flex}.order-shipping-edit-btn:hover{background:#dbeafe}.order-complete-btn{color:#15803d;cursor:pointer;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;align-items:center;gap:6px;margin-top:8px;padding:6px 14px;font-size:13px;font-weight:600;transition:all .16s;display:inline-flex}.order-complete-btn:hover{background:#dcfce7}.order-card.highlighted{border-color:var(--primary-deep,#1e40af);box-shadow:0 0 0 2px #3b82f640}.points-error-box{text-align:center;background:var(--surface);border:1px dashed var(--line);border-radius:16px;margin:16px 0;padding:32px 20px}.points-error-box p{color:var(--text-soft);margin:0 0 12px;font-size:14px}.tx-row{background:var(--surface);border:1px solid var(--line);border-radius:12px;justify-content:space-between;align-items:center;margin-bottom:10px;padding:14px 18px;display:flex}.tx-reason{color:var(--text);font-size:14px;font-weight:700;display:block}.tx-time{color:var(--text-faint);margin-top:2px;font-size:12px;display:block}.tx-delta{text-align:right;font-size:16px;font-weight:800;display:block}.tx-delta.positive{color:#10b981}.tx-delta.negative{color:#f59e0b}.tx-after{color:var(--text-faint);text-align:right;font-size:12px;display:block}.modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;background:#0f172a8c;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.modal-card{background:var(--surface);width:100%;max-width:440px;animation:modalIn .2s var(--ease);border-radius:20px;padding:24px 26px;box-shadow:0 20px 40px #00000026}@keyframes modalIn{0%{opacity:0;transform:scale(.96)translateY(6px)}to{opacity:1;transform:scale(1)translateY(0)}}.modal-head{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.modal-head h3{color:var(--text);margin:0;font-size:18px;font-weight:800}.modal-close{color:var(--text-soft);cursor:pointer;background:0 0;border:0;padding:4px}.modal-body{color:var(--text);margin-bottom:20px;font-size:14px;line-height:1.6}.modal-footnote{color:var(--text-soft);margin-top:8px;font-size:12px}.modal-actions{justify-content:flex-end;gap:10px;margin-top:16px;display:flex}.modal-form .form-item{margin-bottom:14px}.modal-form label{color:var(--text);margin-bottom:6px;font-size:13px;font-weight:600;display:block}.modal-form input,.modal-form textarea{border:1px solid var(--line);box-sizing:border-box;border-radius:8px;outline:none;width:100%;padding:8px 12px;font-size:14px;transition:border-color .15s}.modal-form input:focus,.modal-form textarea:focus{border-color:var(--primary)}.modal-form .form-row-2{grid-template-columns:1fr 1fr;gap:12px;display:grid}.rules-body h4{color:var(--text);margin:14px 0 6px;font-size:14px;font-weight:700}.rules-body ul{color:var(--text-soft);margin:0 0 12px;padding-left:18px;font-size:13px;line-height:1.6}@media (max-width:480px){.gallery-modal-header{padding:0 10px}.gallery-actions{gap:5px}.gallery-action-btn{white-space:nowrap;padding:7px 9px}}@media (min-width:761px) and (max-width:1400px){.brand-wrap .tagline{display:none}}.composer-dropzone{transition:border-color .16s,box-shadow .16s,background-color .16s;position:relative}.composer-dropzone.drag-active{background:var(--surface-2);box-shadow:0 0 0 3px #3b82f624;border-color:var(--primary)!important}.composer-drop-hint{z-index:4;border:2px dashed var(--primary);border-radius:inherit;color:#2563eb;pointer-events:none;background:#eff6fff0;place-items:center;font-size:14px;font-weight:700;display:grid;position:absolute;inset:0}.composer-tools-left{align-items:center;gap:2px;display:flex}.expression-picker-wrap{flex:none;position:relative}.expression-trigger{width:34px;height:34px;color:var(--text-faint);cursor:pointer;background:0 0;border:0;border-radius:8px;padding:0;font-size:22px}.expression-trigger:hover,.expression-trigger[aria-expanded=true]{background:var(--surface-blue);color:#2563eb}.expression-panel{z-index:20;box-sizing:border-box;border:1px solid var(--line);background:var(--surface);border-radius:14px;flex-direction:column;width:min(330px,100vw - 32px);max-width:calc(100vw - 32px);max-height:min(300px,100dvh - 96px);padding:10px;display:flex;position:absolute;bottom:calc(100% + 8px);left:0;overflow:hidden;box-shadow:0 14px 34px #0f172a2e}.expression-header{align-items:center;gap:8px;min-width:0;margin-bottom:8px;display:flex}.expression-tabs,.sticker-groups{gap:6px;min-width:0;margin:0;display:flex}.expression-tabs{flex:none}.sticker-groups{scrollbar-width:none;flex:auto;overflow-x:auto}.sticker-groups::-webkit-scrollbar{display:none}.expression-tabs button,.sticker-groups button{background:var(--surface-3);color:var(--text-faint);white-space:nowrap;cursor:pointer;border:0;border-radius:999px;padding:5px 10px;font-size:12px}.expression-tabs button.active,.sticker-groups button.active{color:#1d4ed8;background:#dbeafe;font-weight:700}.emoji-grid{grid-template-columns:repeat(8,minmax(0,1fr));gap:4px;width:100%;min-width:0;display:grid}.emoji-grid button,.sticker-grid button{cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;display:grid}.emoji-grid button{width:100%;min-width:0;height:34px;font-size:21px}.emoji-grid button:hover,.sticker-grid button:hover:not(:disabled){background:var(--surface-3)}.sticker-grid{flex:auto;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;min-height:0;max-height:230px;display:grid;overflow-y:auto}.sticker-grid button{aspect-ratio:1;padding:4px}.sticker-grid button:disabled{cursor:not-allowed;opacity:.4}.sticker-grid img{object-fit:contain;width:100%;height:100%}.expression-note{color:#b45309;flex:none;margin-bottom:7px;font-size:12px}.comment-reply-modal .expression-panel{max-height:min(210px,100dvh - 180px);bottom:calc(100% - 20px)}.selected-sticker{width:fit-content;margin:8px 12px;position:relative}.selected-sticker>button{color:#fff;cursor:pointer;background:#0f172ab8;border:0;border-radius:50%;width:20px;height:20px;padding:0;position:absolute;top:-5px;right:-5px}.reply-selected-sticker{margin-left:16px}.comment-sticker{object-fit:contain;width:auto;max-width:min(160px,100%);max-height:160px;margin-top:7px;display:block}.mobile-only{display:none!important}.mobile-head,.home-mobile-navigation,.bottom-nav{display:none}.rank-list{width:100%}.featured-card-link,.rank-row-link{color:inherit;text-decoration:none;display:block}.featured{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:18px;overflow:hidden}.featured-banner{aspect-ratio:16/7;background:linear-gradient(135deg,#dceeff,#eef5ff);overflow:hidden}.featured-banner img{object-fit:cover;width:100%;height:100%}.banner-ph{height:100%;color:var(--primary-deep);place-items:center;font-size:14px;font-weight:800;display:grid}.feat-body{gap:8px;padding:14px 15px 16px;display:grid}.feat-top{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.feat-title{min-width:0;color:var(--text);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:18px;font-weight:850;overflow:hidden}.feat-score,.score{color:#f07834;flex:none;font-size:20px;font-weight:900;line-height:1}.feat-score small,.score small{color:var(--text-faint);margin-left:2px;font-size:10px;font-weight:700}.tags{flex-wrap:wrap;gap:5px;display:flex}.rank-list .tag{color:#597b9f;background:var(--surface-blue);border-radius:6px;padding:3px 7px;font-size:10px}.rank-row-link{margin-top:9px}.rank-row{background:var(--surface);border:1px solid var(--line);border-radius:14px;grid-template-columns:26px 64px minmax(0,1fr) auto;align-items:center;gap:10px;min-width:0;padding:10px 11px;display:grid;box-shadow:0 3px 12px #182a3d09}.rank-row:hover{background:var(--surface-2);border-color:#b9d8fb}.num{color:var(--text-faint);text-align:center;font-family:ui-monospace,monospace;font-size:15px;font-weight:850}.num.top3{color:var(--primary-deep)}.rank-thumb{background:var(--surface-3);border:1px solid var(--line);border-radius:10px;width:64px;height:64px;overflow:hidden}.rank-thumb img{object-fit:cover;width:100%;height:100%}.rank-main{gap:5px;min-width:0;display:grid}.rank-title{color:var(--text);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:14px;font-weight:800;overflow:hidden}.rank-meta,.rank-want{color:var(--text-faint);font-size:10px}.rank-side{justify-items:end;gap:7px;display:grid}.rank-side .score{font-size:17px}@media (max-width:820px),(orientation:portrait) and (max-width:1200px){.rank-list.mobile-only{display:block!important}.ranking-site-header{display:none}.ranking-page-frame{width:100%;padding:10px 12px calc(82px + env(safe-area-inset-bottom))}.rank-head.mobile-only{background:var(--bg-translucent);border-bottom:1px solid var(--line);align-items:center;gap:8px;min-height:56px;padding:8px 12px;display:flex!important}.rank-head .icon-btn{width:36px;height:36px;color:var(--text-soft);background:var(--surface);border:1px solid var(--line);border-radius:11px;flex:0 0 36px;place-items:center;padding:0;display:grid}.rank-head .searchbox{flex:1}.rank-tabs.mobile-only,.category-strip.mobile-only{scrollbar-width:none;gap:8px;width:100%;padding:8px 12px 4px;overflow-x:auto;display:flex!important}.rank-tabs::-webkit-scrollbar{display:none}.category-strip::-webkit-scrollbar{display:none}.rank-tabs button{color:var(--text-soft);background:var(--surface);border:1px solid var(--line);white-space:nowrap;border-radius:10px;flex:none;padding:8px 14px;font-size:12px;font-weight:750}.rank-tabs button.active{color:var(--primary-deep);background:var(--surface-blue);border-color:#b9d8fb}.category-strip{padding-top:4px!important;padding-bottom:9px!important}.cat-pill{color:var(--text-soft);background:var(--surface);border:1px solid var(--line);white-space:nowrap;border-radius:999px;flex:none;align-items:center;gap:5px;padding:6px 11px;font-size:11px;display:inline-flex}.cat-pill.active{color:var(--primary-deep);background:var(--surface-blue);border-color:#a9cdf1}}@media (max-width:760px){.desktop-only{display:none!important}.mobile-only{display:block!important}header.mobile-only,.detail-head.mobile-only,.rank-head.mobile-only,.composer.mobile-only,.rank-tabs.mobile-only,.category-strip.mobile-only{display:flex!important}.auth-page{grid-template-columns:1fr;place-items:start center;min-height:100vh;padding:68px 14px 34px}.auth-intro-panel{display:none}.auth-mobile-top{z-index:2;justify-content:space-between;align-items:center;min-height:54px;display:flex;position:absolute;top:0;left:14px;right:14px}.auth-mobile-top>button:first-child{width:34px;height:34px;color:var(--text-soft);background:var(--surface);border:1px solid var(--line);border-radius:10px;place-items:center;padding:0;display:grid}.auth-permission-button{color:var(--primary-deep);background:var(--surface-blue);border:1px solid #cfe2f6;border-radius:9px;align-items:center;gap:5px;padding:7px 10px;font-size:11px;font-weight:700;display:inline-flex}.auth-permission-note{width:min(260px,85vw);color:var(--text-soft);background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:10px;padding:10px 12px;font-size:11px;line-height:1.55;position:absolute;top:47px;right:0}.auth-card{border-radius:18px;width:min(400px,100%);padding:22px 18px 20px}.auth-mark{border-radius:19px;width:60px;height:60px}.auth-card-brand h1{font-size:21px}.site-header{display:none}.mobile-head{z-index:40;background:var(--bg-translucent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid #dfe8f2c7;align-items:center;gap:9px;width:100%;min-height:58px;padding:9px 12px;display:flex;position:sticky;top:0}.avatar-btn,.head-icon{width:38px;height:38px;color:var(--text-soft);background:var(--surface);border:1px solid var(--line);border-radius:50%;flex:0 0 38px;place-items:center;padding:0;display:grid}.header-avatar{border-radius:50%;width:100%;height:100%}.searchbox{color:#8aa4bd;background:var(--surface);border:1px solid var(--line);border-radius:20px;flex:1;align-items:center;gap:7px;min-width:0;height:38px;padding:0 11px;display:flex}.searchbox input{width:100%;min-width:0;color:var(--text);background:0 0;border:0;outline:0;font-size:13px}.searchbox input::placeholder{color:#9aabba}.home-mobile-navigation{gap:12px;margin-bottom:12px;display:grid}.mobile-feed-title{color:var(--text);margin:2px 4px 0;font-size:18px;font-weight:800;display:block}.home-community-tabs{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;display:grid}.home-community-tab{min-width:0;height:42px;color:var(--text-soft);background:var(--surface);border:1px solid var(--line);white-space:nowrap;text-overflow:ellipsis;border-radius:11px;padding:0 8px;font-size:12px;font-weight:700;overflow:hidden}.home-community-tab.active{color:var(--primary-deep);background:var(--surface-blue);border-color:#b9d8fb}.home-community-tab.campus-art-tab{padding:0}.home-community-tab.campus-art-tab img{object-fit:cover;border-radius:10px;width:100%;height:100%}.home-shortcuts{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;display:grid}.home-shortcuts .quick{min-width:0;color:var(--text-soft);text-align:center;justify-items:center;gap:4px;padding:6px 2px;font-size:10px;display:grid}.home-shortcuts .quick-icon{width:28px;height:28px;color:var(--primary-deep);background:var(--surface-blue);border-radius:9px;place-items:center;display:grid}.home-shortcuts .quick>span:last-child{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.home-grid{display:block}.home-left-col,.home-right-col{display:none}.page-frame,.home-page-frame{width:100%;padding:12px 12px calc(88px + env(safe-area-inset-bottom))}.feed-toolbar{min-height:52px;padding:0 4px}.feed-tabs .tab-row{gap:16px}.feed-tabs .tab,.feed-tab{font-size:14px}.post-list{gap:12px;padding-top:12px}.post-card{border-radius:16px;padding:16px 15px 13px}.post-title{font-size:17px}.post-excerpt{font-size:13px}.post-detail-page-frame{width:100%;padding:0 0 calc(84px + env(safe-area-inset-bottom))}.post-detail-page-frame .detail-grid{width:100%;display:block}.post-detail-page-frame .detail-main{gap:12px;width:100%}.detail-head.mobile-only{z-index:40;background:var(--bg-translucent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid #dfe8f2c7;grid-template-columns:36px minmax(0,1fr) 36px;align-items:center;gap:8px;min-height:54px;padding:8px 12px;position:sticky;top:0;display:grid!important}.detail-head .icon-btn{width:34px;height:34px;color:var(--text);background:var(--surface);border:1px solid var(--line);border-radius:11px;place-items:center;padding:0;display:grid}.detail-community-name{color:var(--text);text-align:center;text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:800;overflow:hidden}.detail-head .icon-btn:last-child{justify-self:end}.detail-article{width:100%}.detail-gallery-single,.detail-gallery-multi{max-width:100%}.detail-gallery-multi{grid-template-columns:repeat(2,minmax(0,1fr))}.detail-author-desktop{display:none!important}.detail-author-mobile{display:inline!important}.comments-wrap{width:100%}.bottom-nav{z-index:50;height:calc(58px + env(safe-area-inset-bottom));padding:0 28px env(safe-area-inset-bottom);background:var(--surface-translucent);border-top:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);grid-template-columns:1fr 58px 1fr;align-items:center;gap:30px;display:grid;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -6px 18px #182a3d0f}.bottom-nav .nav-item{min-width:0;height:48px;color:var(--text-faint);background:0 0;align-content:center;place-items:center;gap:2px;padding:0;font-size:11px;display:grid}.bottom-nav .nav-item.active{color:var(--primary-deep)}.bottom-nav .publish-fab{width:52px;height:52px;color:var(--text-inverse);background:linear-gradient(135deg, var(--primary), var(--primary-deep));border-radius:50%;justify-self:center;place-items:center;display:grid;box-shadow:0 8px 18px #347dde47}}@media (min-width:761px){.mobile-head,.home-mobile-navigation,.bottom-nav{display:none!important}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (max-width:480px){.mobile-reply-sheet{width:100%;max-width:none}.mobile-reply-toolbar .expression-trigger{width:34px;height:44px}.expression-panel{left:12px;right:12px;bottom:max(72px, calc(58px + env(safe-area-inset-bottom)));width:auto;position:fixed}.emoji-grid{grid-template-columns:repeat(6,1fr)}}@media (max-width:760px){.settings-panel{padding:0!important}.settings-list{background:var(--surface);border:1px solid var(--line);border-radius:19px;box-shadow:0 8px 22px #3261850f;gap:0!important;margin-top:0!important;padding:5px 9px!important}.settings-row{min-height:57px}.settings-tip{display:none!important}.settings-sidebar{display:none}.settings-group{box-shadow:none;background:0 0;border:0;padding:0}}@media (min-width:761px){.settings-layout{grid-template-columns:minmax(0,1fr) 270px;align-items:start;gap:20px}.settings-panel{box-shadow:none;background:0 0;border:0;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;padding:0;display:grid}.settings-group{background:var(--surface);border:1px solid var(--line);min-width:0;box-shadow:var(--shadow);border-radius:18px;padding:17px 16px 14px}.settings-group .settings-section-heading{margin:0}.settings-group .settings-section-heading-spaced{margin-top:0}.settings-group .settings-list{background:var(--surface-2);border:1px solid var(--line);border-radius:13px;gap:0;margin-top:13px;padding:4px 8px}.settings-group .settings-row{border:0;border-bottom:1px solid var(--line);background:0 0;border-radius:0;min-height:54px;padding:8px 2px}.settings-group .settings-row:last-child{border-bottom:0}.settings-sidebar{gap:16px;display:grid}.settings-account-summary{background:linear-gradient(145deg, #f2f8ff 0%, var(--surface) 100%);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:18px;padding:18px}.settings-account-head{align-items:center;gap:11px;display:flex}.settings-account-head .avatar{border-radius:15px;flex-basis:48px;width:48px;height:48px}.settings-account-head .avatar img{object-fit:cover;width:100%;height:100%}.settings-account-head>div{gap:4px;min-width:0;display:grid}.settings-account-head strong{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:15px;overflow:hidden}.settings-account-head span{color:var(--text-soft);text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.settings-account-stats{border-top:1px solid #e6eef6;grid-template-columns:repeat(3,1fr);margin-top:18px;padding-top:13px;display:grid}.settings-account-stats span{text-align:center;border-right:1px solid #e6eef6;gap:4px;display:grid}.settings-account-stats span:last-child{border-right:0}.settings-account-stats strong{color:var(--text);font-size:13px}.settings-account-stats small{color:var(--text-faint);font-size:10px}.settings-sidebar .settings-tip{min-height:0}}.governance-hero{color:var(--text-inverse);background:linear-gradient(135deg,#5b8def,#4d78dc);border-radius:22px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:16px;padding:22px;display:grid;box-shadow:0 14px 28px #4f7de233}.governance-hero-icon{width:50px;height:50px;color:var(--text-inverse);background:#fff3;border-radius:15px;place-items:center;display:grid}.governance-hero .feature-kicker{color:#e8f1ff}.governance-hero h1{margin:4px 0 3px;font-size:22px}.governance-hero p{color:#dbe8ff;margin:0;font-size:12px}.governance-stats{gap:22px;display:flex}.governance-stats span{text-align:center;gap:3px;display:grid}.governance-stats strong{font-size:22px}.governance-stats small{color:#e2ecff;font-size:10px}.governance-section-heading{margin:22px 4px 10px}.governance-section-heading h2{color:var(--text);margin:0;font-size:15px}.governance-grid{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:18px;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:7px 12px;display:grid}.governance-card{min-width:0;color:var(--text);text-align:left;border:0;border-bottom:1px solid var(--line);background:0 0;align-items:center;gap:11px;padding:12px 5px;display:flex}a.governance-card{color:inherit;cursor:pointer;text-decoration:none}a.governance-card:hover{box-shadow:var(--shadow);transform:translateY(-1px)}button.governance-card:disabled{opacity:.55;cursor:not-allowed}.governance-card:nth-last-child(-n+2){border-bottom:0}.governance-card>span:nth-child(2){flex:1;gap:4px;min-width:0;display:grid}.governance-card strong{text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.governance-card small{color:var(--text-soft);text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.governance-card>svg{color:var(--text-faint);flex:none}.governance-card-icon{width:34px;height:34px;color:var(--primary-deep);background:var(--surface-blue);border-radius:10px;flex:0 0 34px;place-items:center;display:grid}.governance-grid-secondary{grid-template-columns:repeat(2,minmax(0,1fr))}.simple-status-card{text-align:center;background:var(--surface);border:1px solid var(--line);min-height:260px;box-shadow:var(--shadow);border-radius:20px;align-content:center;place-items:center;gap:9px;margin-top:18px;padding:28px;display:grid}.simple-status-card h2,.simple-status-card p{margin:0}.simple-status-card h2{color:var(--text);font-size:18px}.simple-status-card p{max-width:460px;color:var(--text-soft);font-size:13px;line-height:1.65}.simple-status-icon{color:#6f8ba5;background:#eaf3fb;border-radius:18px;place-items:center;width:58px;height:58px;display:grid}.simple-status-card .primary-link{margin-top:7px}.account-status-page{max-width:760px}.account-status-card{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:18px;align-items:center;gap:13px;padding:17px 18px;display:flex}.account-status-card+.account-status-card{margin-top:13px}.account-status-icon{color:#3cbeaa;background:#e7f8f3;border-radius:13px;flex:0 0 40px;place-items:center;width:40px;height:40px;display:grid}.account-status-card>div{flex:1;min-width:0}.account-status-card strong{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:15px;overflow:hidden}.account-status-card p{color:var(--text-soft);margin:4px 0 0;font-size:11px}.account-status-badge{color:#3671ad;background:var(--surface-blue);border-radius:7px;padding:5px 9px;font-size:10px;font-weight:700}.account-status-appeal-button{color:#2868a7;background:var(--surface-blue);border:1px solid #cfe2f6;border-radius:9px;flex:none;padding:7px 11px;font-size:11px;font-weight:700}.account-status-appeal-button:hover{background:#dceeff}.account-status-email>svg{color:#3cbeaa}.account-status-heading{color:var(--text);margin:24px 4px 10px;font-size:15px}.account-status-empty{min-height:118px;margin-top:0}.account-status-empty p{font-size:13px}.account-status-list{gap:10px;display:grid}.account-status-punishment{align-items:flex-start}.account-status-punishment small{color:var(--text-muted);margin-top:5px;font-size:10px;display:block}.appeals-list{gap:10px;display:grid}.appeal-card{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:16px;padding:16px 17px}.appeal-card-head{justify-content:space-between;align-items:center;gap:10px;display:flex}.appeal-card-head strong{color:var(--text);font-size:14px}.appeal-card p{color:var(--text-soft);margin:9px 0 7px;font-size:12px;line-height:1.6}.appeal-card small{color:var(--text-muted);font-size:10px}.appeal-status{border-radius:999px;padding:4px 8px;font-size:10px;font-weight:700}.appeal-status-pending{color:#b26b00;background:#fff3d9}.appeal-status-approved{color:#168b72;background:#e6f7f1}.appeal-status-rejected{color:#c75460;background:#fff0f2}.appeal-form-overlay{z-index:120;background:#14243475;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.appeal-form-dialog{background:var(--surface);border:1px solid var(--line);border-radius:18px;gap:10px;width:min(520px,100%);padding:22px;display:grid;box-shadow:0 24px 64px #1424343d}.appeal-form-head{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:4px;display:flex}.appeal-form-head h2,.appeal-form-head p{margin:0}.appeal-form-head h2{color:var(--text);font-size:19px}.appeal-form-head p{color:var(--text-soft);margin-top:5px;font-size:12px;line-height:1.5}.appeal-form-head button{width:32px;height:32px;color:var(--text-soft);background:var(--surface-2);border:0;border-radius:9px;flex:none;font-size:22px}.appeal-form-dialog label{color:var(--text);font-size:12px;font-weight:700}.appeal-form-dialog label b{color:#d85b7b}.appeal-form-dialog input,.appeal-form-dialog textarea{width:100%;color:var(--text);background:var(--surface);border:1px solid var(--line);font:inherit;resize:vertical;border-radius:10px;padding:10px 11px}.appeal-form-actions{justify-content:flex-end;gap:10px;margin-top:5px;display:flex}.appeal-form-page{width:100%;margin-top:18px}.appeal-target-preview{max-height:150px;color:var(--text-soft);background:var(--surface-2);white-space:pre-wrap;border-radius:10px;padding:11px 12px;font-size:12px;line-height:1.6;overflow:auto}.governance-notice{color:#8b6514;background:#fff7df;border:1px solid #f2dfaa;border-radius:11px;align-items:center;gap:8px;margin:14px 0;padding:11px 13px;font-size:12px;display:flex}@media (max-width:760px){.governance-page,.account-status-page{margin-top:0}.governance-hero{border-radius:18px;grid-template-columns:auto minmax(0,1fr);padding:18px}.governance-stats{grid-column:1/-1;justify-content:space-between;padding-top:8px}.governance-grid,.governance-grid-secondary{border-radius:17px;grid-template-columns:1fr;gap:0;padding:5px 11px}.governance-card,.governance-card:nth-last-child(-n+2){border-bottom:1px solid var(--line)}.governance-card:last-child{border-bottom:0}.simple-status-card{border-radius:17px;min-height:300px;margin-top:12px}.account-status-card{border-radius:17px;padding:14px}.account-status-heading{margin-top:20px}}.post-detail-page-frame{width:min(1200px,100% - 40px);padding-top:22px}.post-detail-page-frame .detail-top-nav{margin:0 2px 2px}.post-detail-page-frame .detail-back-btn{color:#587086;box-shadow:none;background:0 0;border:0;padding:3px 0;font-size:13px}.post-detail-page-frame .detail-back-btn:hover{color:var(--primary-deep);background:0 0;transform:none}.post-detail-page-frame .detail-article{border-color:#e2eaf2;border-radius:15px;padding:28px 26px 18px;box-shadow:0 2px 8px #1b375409}.post-detail-page-frame .detail-title{max-width:760px;color:var(--text);letter-spacing:0;margin:0 0 14px;font-size:clamp(28px,2.4vw,32px);font-weight:780;line-height:1.32}.post-detail-page-frame .detail-meta-bar{margin-bottom:16px;padding-bottom:13px}.post-detail-page-frame .detail-community-badge{background:#f2f7fd;border-color:#d6e6f7;border-radius:8px;padding:4px 9px;font-size:12px}.post-detail-page-frame .detail-author-desktop{gap:5px;margin-left:0}.post-detail-page-frame .detail-body{color:#263f59;letter-spacing:0;max-width:760px;margin:18px 0 20px;font-size:16px;line-height:1.86}.post-detail-page-frame .detail-body p{font-size:inherit;line-height:inherit;margin-bottom:14px}.post-detail-page-frame .detail-stats{margin-top:18px;padding-top:13px}.post-detail-page-frame .detail-actions-group{gap:5px}.post-detail-page-frame .detail-action-btn{color:#61778e;background:0 0;border:0;border-radius:8px;padding:6px 9px;font-size:12.5px}.post-detail-page-frame .detail-action-btn:hover{color:var(--text);background:var(--surface-2);transform:none}.post-detail-page-frame .detail-action-btn.like-btn.active{color:#d85b7b;box-shadow:none;background:#fff1f5;border:0}.post-detail-page-frame .detail-action-btn.bookmark-btn.active{color:var(--primary-deep);background:var(--surface-blue);box-shadow:none;border:0}.post-detail-page-frame .detail-stats-meta{color:var(--text-faint);gap:10px;font-size:11px}.post-detail-page-frame .detail-stats-meta .report-btn{color:var(--text-faint);padding:3px 5px;font-size:11px}.post-detail-page-frame .detail-aside{gap:12px}.post-detail-page-frame .aside-panel{border-radius:15px;padding:16px;box-shadow:0 2px 8px #1b375408}.post-detail-page-frame .aside-author p:empty,.post-detail-page-frame .aside-community p:empty{display:none}.post-detail-page-frame .related-item strong{-webkit-line-clamp:2;white-space:normal;-webkit-box-orient:vertical;font-size:11.5px;line-height:1.5;display:-webkit-box}.post-detail-page-frame .comments-wrap{border-color:#e2eaf2;border-radius:15px;min-height:0;padding:22px 26px 28px;box-shadow:0 2px 8px #1b375409}.post-detail-page-frame .comments-head{align-items:center}.post-detail-page-frame .comm-title{letter-spacing:0;margin:0;font-size:17px}.post-detail-page-frame .comm-sub{display:none}.post-detail-page-frame .chip,.post-detail-page-frame .landlord{border-radius:8px;height:29px;padding:0 10px}.post-detail-page-frame .chip.active{color:var(--primary-deep);background:var(--surface-blue);border-color:#d6e7ff}.post-detail-page-frame .comment-composer{background:0 0;border:0;border-bottom:1px solid #edf1f5;border-radius:0;margin:12px 0 4px;padding:8px 0 9px}.post-detail-page-frame .composer-box{border-radius:10px;position:relative;overflow:visible}.post-detail-page-frame .expression-picker-wrap{z-index:30}.post-detail-page-frame .expression-panel{z-index:40}.post-detail-page-frame .composer-box textarea{min-height:42px;max-height:120px;padding:9px 11px;font-size:13px}.post-detail-page-frame .reply-submit{border-radius:8px;height:29px}.post-detail-page-frame .comment-card{gap:10px;padding:14px 0}.post-detail-page-frame .comm-avatar{flex-basis:36px;width:36px;height:36px}.post-detail-page-frame .comm-name{font-size:13px}.post-detail-page-frame .comm-floor,.post-detail-page-frame .comm-time{font-size:11px}.post-detail-page-frame .comm-text{color:#31485f;margin:7px 0 8px;font-size:14px;line-height:1.68}.post-detail-page-frame .nested{background:#f7faff;border-left:2px solid #b8d3f6;border-radius:0 6px 6px 0;margin:8px 0;padding:7px 10px;font-size:12px;line-height:1.6}.post-detail-page-frame .comm-actions{gap:15px;margin-top:5px}.post-detail-page-frame .comm-act{font-size:11px}.comment-reply-overlay{z-index:70;background:#162a4047;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.comment-reply-modal{background:var(--surface);border:1px solid #dfe9f2;border-radius:18px;flex-direction:column;width:min(640px,100%);max-height:min(720px,100dvh - 48px);display:flex;overflow:hidden;box-shadow:0 18px 50px #1b375433}.comment-reply-grabber{display:none}.comment-reply-modal>header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:16px 18px;display:flex}.comment-reply-modal>header h2{color:var(--text);margin:0;font-size:16px}.comment-reply-modal>header button{color:#71849a;background:0 0;border:0;border-radius:8px;place-items:center;width:30px;height:30px;padding:0;display:grid}.comment-reply-modal>header button:hover{color:var(--text);background:#f2f6fa}.comment-reply-scroll{min-height:0;padding:14px 18px 4px;overflow-y:auto}.comment-reply-root,.comment-reply-item{gap:10px;padding:10px 0;display:flex}.comment-reply-root{border-bottom:1px solid var(--line)}.comment-reply-root>div,.comment-reply-item>div{flex:1;min-width:0}.comment-reply-root strong,.comment-reply-item strong{color:var(--text);font-size:13px}.comment-reply-item{border-bottom:1px solid #f0f4f8}.comment-reply-composer{background:var(--surface-2);border-top:1px solid #e8eff5;align-items:center;gap:8px;padding:10px 14px;display:flex}.comment-reply-composer input{border:1px solid var(--line);min-width:0;height:36px;color:var(--text);background:var(--surface);font:inherit;border-radius:9px;outline:0;flex:1;padding:0 10px;font-size:13px}.comment-reply-composer input:focus{border-color:#9fc8f3;box-shadow:0 0 0 3px #5294eb1f}.comment-reply-composer>button:last-child{height:34px;color:var(--text-inverse);background:var(--primary);border:0;border-radius:8px;flex:none;padding:0 13px;font-size:12px;font-weight:700}.comment-reply-composer>button:last-child:disabled{color:#9aaabd;background:#e8eef5}@media (hover:hover) and (pointer:fine){.post-detail-page-frame .detail-action-btn,.post-detail-page-frame .chip,.post-detail-page-frame .landlord,.post-detail-page-frame .reply-submit,.post-detail-page-frame .detail-back-btn{transition:background-color .16s,border-color .16s,color .16s}}@media (max-width:760px){.post-detail-page-frame{width:100%;padding-top:0;padding-bottom:calc(var(--mobile-comment-composer-height,84px) + env(safe-area-inset-bottom))}.post-detail-page-frame .detail-grid{width:100%;display:block}.post-detail-page-frame .detail-main{gap:8px;width:100%}.post-detail-page-frame .detail-article{box-shadow:none;border-radius:0;padding:19px 16px 17px}.post-detail-page-frame .detail-title{max-width:none;margin-bottom:12px;font-size:25px;line-height:1.32}.post-detail-page-frame .detail-body{max-width:none;margin:17px 0 19px;font-size:15.5px;line-height:1.82}.post-detail-page-frame .detail-body p{margin-bottom:14px}.post-detail-page-frame .detail-action-btn{padding:7px 9px}.post-detail-page-frame .comments-wrap{box-shadow:none;border-radius:0;padding:18px 16px}.post-detail-page-frame .comment-card{padding:14px 0}.post-detail-page-frame .comm-text{font-size:13.5px;line-height:1.68}.comment-reply-overlay{align-items:end;padding:0}.comment-reply-modal{border-bottom:0;border-left:0;border-right:0;border-radius:18px 18px 0 0;width:100%;max-height:min(88dvh,720px)}.comment-reply-grabber{background:#cbd8e5;border-radius:999px;width:36px;height:4px;margin:8px auto 0;display:block}.comment-reply-modal>header{padding:11px 16px 12px}.comment-reply-scroll{padding:10px 16px 4px}.comment-reply-composer{padding:9px 12px calc(9px + env(safe-area-inset-bottom))}}.feed-column{background:var(--surface);border:1px solid var(--line);border-radius:18px;min-width:0}.feed-column .home-feed-header{box-shadow:none;background:0 0;border:0;border-radius:0;margin:0;padding:24px 26px 20px}.home-feed-kicker{color:var(--text-faint);letter-spacing:.04em;font-size:12px}.home-feed-header h1{letter-spacing:0;margin:6px 0;font-size:25px}.home-feed-header p{white-space:normal;font-size:14px;line-height:1.6}.home-feed-header-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;font-size:13px}.home-feed-header-actions button{height:34px;font-size:13px}.feed-column>.feed-toolbar{margin:0 26px;padding:0}.feed-column>.post-list{gap:0;padding-top:0}.feed-column .post-card{border:0;border-bottom:1px solid var(--line);box-shadow:none;border-radius:0;padding:24px 26px 18px}.feed-column .post-card:last-child{border-bottom:0}.feed-column .post-card:hover{background:var(--surface-2);box-shadow:none;transform:none}.feed-column .feed-end{border-top:1px solid var(--line);margin:0;padding:24px}.post-head{align-items:center;gap:12px;display:flex}.post-head .post-avatar{flex:none}.post-head .card-author-avatar{border-radius:13px;width:42px;height:42px}.post-author{flex:1;min-width:0}.post-author .author-line{align-items:center;gap:8px;max-width:100%;display:inline-flex}.post-author .author-name{text-overflow:ellipsis;white-space:nowrap;font-size:16px;font-weight:700;overflow:hidden}.post-author .lv{color:var(--primary-deep);background:#edf5ff;border-radius:5px;flex-shrink:0;padding:2px 5px;font-size:11px;font-weight:600}.post-author .meta{color:var(--text-faint);margin-top:4px;font-size:13px;line-height:1.5}.post-card .more,.detail-article .more{width:36px;height:36px;color:var(--text-faint);background:0 0;border-radius:9px;justify-content:center;align-items:center;padding:0;display:inline-flex}.post-card .more:hover,.detail-article .more:hover{background:var(--surface-blue);color:var(--primary-deep)}.post-card-content-link{display:block}.post-card .post-title{letter-spacing:0;overflow-wrap:anywhere;margin:16px 0 8px;font-size:20px;font-weight:750;line-height:1.5}.post-card .post-text{-webkit-line-clamp:3;color:var(--text-soft);overflow-wrap:anywhere;-webkit-box-orient:vertical;margin:0 0 12px;font-size:16px;line-height:1.8;display:-webkit-box;overflow:hidden}.post-card .reply-meta{color:var(--text-faint);text-align:right;margin-left:auto;padding:0 12px;font-size:12px;line-height:1.5}.post-card .post-actions{border-top:0;margin-top:14px;padding-top:0}.post-card .stats-left{align-items:center;gap:20px;display:flex}.post-card .stat,.post-card .bookmark{min-height:36px;color:var(--text-soft);background:0 0;border-radius:8px;justify-content:center;align-items:center;gap:7px;padding:5px 0;font-size:14px;display:inline-flex}.post-card .bookmark{width:36px}.post-card a.stat:hover,.post-card button.stat:hover,.post-card .bookmark:hover{color:var(--primary-deep)}.post-card .like-btn.selected{color:#d34970}.post-card .bookmark.selected{color:var(--primary-deep);background:var(--surface-blue)}.profile-avatar-button{background:0 0;border-radius:50%;place-items:center;padding:3px;display:grid}.profile-avatar-button:hover{background:var(--surface-blue)}.home-left-col .rail-panel,.home-left-col .sidebar-nav-section,.home-right-col .rail-panel{box-shadow:none;border-radius:16px}.sidebar-section-kicker{letter-spacing:.03em;padding-bottom:12px;font-size:12px}.sidebar-nav-item strong{font-size:15px}.sidebar-nav-item small{font-size:12px}.rail-discuss-item+.rail-discuss-item{border-top:1px solid #edf1f5}.rail-discuss-title{font-size:15px;line-height:1.55}.rail-discuss-meta{font-size:12px}.rail-head-title h3{font-size:17px}.rail-head-link{font-size:12px}.post-detail-page-frame{width:min(1280px,100% - 40px)}.post-detail-page-frame .detail-grid{grid-template-columns:minmax(0,1fr) 300px;gap:24px}.post-detail-page-frame .detail-main{gap:0}.post-detail-page-frame .detail-top-nav{gap:16px;min-height:32px;margin-bottom:10px}.post-detail-page-frame .detail-back-btn{font-size:14px}.post-detail-page-frame .detail-article{box-shadow:none;border-radius:16px 16px 0 0;padding:30px 32px 20px}.post-detail-page-frame .detail-title{overflow-wrap:anywhere;max-width:none;margin-bottom:22px;font-size:32px;line-height:1.45}@media (max-width:760px){.home-spotlight{grid-template-columns:1fr;gap:12px;padding:15px 16px}.home-spotlight h2{font-size:17px}.home-spotlight-links{grid-template-columns:repeat(3,minmax(0,1fr))}.home-spotlight-link{min-width:0;padding:0 5px;font-size:10.5px}.home-spotlight-link svg{flex:none}.empty-state{min-height:210px;padding:30px 16px}.empty-state-actions{width:100%}.empty-state-actions .primary-link,.empty-state-actions .outline-button{flex:1}}.ranking-detail-frame{width:min(1328px,100% - 32px);margin:0 auto 56px;padding-top:18px}.ranking-detail-mobile-header{display:none}.ranking-detail-desktop-back{margin-bottom:12px}.ranking-detail-card,.ranking-reviews-section{background:var(--surface);border:1px solid var(--line);border-radius:18px;box-shadow:0 4px 18px #182a3d0b}.ranking-detail-card{padding:28px}.ranking-detail-product{grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);align-items:start;gap:32px;display:grid}.ranking-detail-cover{background:linear-gradient(145deg,#f8fafc,#eef3f8);border:1px solid #e7edf4;border-radius:16px;place-items:center;min-height:440px;display:grid;overflow:hidden}.ranking-detail-cover img{object-fit:contain;width:100%;height:100%;max-height:520px}.ranking-detail-info{gap:20px;min-width:0;padding:6px 2px 0;display:grid}.ranking-detail-product-copy h1{color:var(--text);letter-spacing:-.045em;margin:0;font-size:clamp(30px,3.3vw,48px);line-height:1.14}.ranking-detail-product-copy p{color:var(--text-soft);margin:8px 0 0;font-size:14px}.ranking-detail-tags{flex-wrap:wrap;gap:7px;margin-top:22px;display:flex}.ranking-detail-tags span{color:#c94e75;background:#fff0f5;border:1px solid #f8d7e2;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:700}.ranking-detail-description{color:var(--text-soft);margin:0;font-size:15px;line-height:1.9}.ranking-rating-summary{background:var(--surface-2);border:1px solid var(--line);cursor:pointer;border-radius:16px;grid-template-columns:118px minmax(0,1fr);align-items:center;gap:18px;padding:18px;display:grid}.ranking-rating-summary:hover{background:var(--surface-blue);border-color:#bfd8f5}.ranking-rating-score{gap:5px;display:grid}.ranking-rating-score span{color:var(--text-faint);font-size:11px}.ranking-rating-score strong{color:#d8547e;font-size:36px;line-height:1}.ranking-rating-hearts{color:#d8547e;gap:2px;display:inline-flex}.ranking-rating-bars{gap:8px;display:grid}.ranking-rating-bars>div{color:var(--text-faint);grid-template-columns:12px 1fr;align-items:center;gap:8px;font-size:10px;display:grid}.ranking-rating-bars i{background:#e5e7eb;border-radius:999px;height:6px;display:block;overflow:hidden}.ranking-rating-bars b{border-radius:inherit;background:#d8547e;min-width:3px;height:100%;display:block}.ranking-detail-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.ranking-want-button,.ranking-owned-button{min-height:48px;color:var(--text-soft);background:var(--surface-2);border:1px solid var(--line);border-radius:12px;justify-content:center;align-items:center;gap:7px;font-size:13px;font-weight:750;display:inline-flex}.ranking-want-button small,.ranking-owned-button small{color:var(--text-faint);font-size:10px;font-weight:600}.ranking-want-button:hover,.ranking-owned-button:hover{background:var(--surface-blue);border-color:#c6d9ef}.ranking-want-button.active{color:#d8547e;background:#fff0f5;border-color:#f4c8d7}.ranking-owned-button.active{color:var(--primary-deep);background:var(--surface-blue);border-color:#c6def8}.ranking-reviews-section{margin-top:18px;padding:24px 28px 28px}.ranking-reviews-heading{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;padding-bottom:16px;display:flex}.ranking-reviews-heading h2{color:var(--text);margin:0;font-size:20px}.ranking-reviews-heading h2 span{color:var(--text-faint);font-size:13px;font-weight:600}.ranking-reviews-heading>div{gap:5px;display:inline-flex}.ranking-reviews-heading button{height:32px;color:var(--text-soft);background:0 0;border-radius:8px;padding:0 10px;font-size:12px}.ranking-reviews-heading button.active,.ranking-reviews-heading button:hover{color:var(--primary-deep);background:var(--surface-blue)}.ranking-review-list{display:grid}.ranking-review{border-bottom:1px solid var(--line);grid-template-columns:40px minmax(0,1fr);gap:12px;padding:20px 0;display:grid}.ranking-review:last-child{border-bottom:0}.ranking-review-copy{min-width:0}.ranking-review-author{align-items:center;gap:7px;display:flex}.ranking-review-author strong{color:var(--text);font-size:14px}.ranking-review-author span{color:var(--primary-deep);font-size:10px}.ranking-review-author time{color:var(--text-faint);margin-left:auto;font-size:11px}.ranking-review-rating{align-items:center;gap:7px;margin-top:7px;display:flex}.ranking-review-rating strong{color:#d8547e;font-size:12px}.ranking-review p{color:var(--text-soft);margin:10px 0 8px;font-size:14px;line-height:1.75}.ranking-review-actions{gap:14px;display:flex}.ranking-review-actions button{color:var(--text-faint);background:0 0;align-items:center;gap:4px;padding:0;font-size:11px;display:inline-flex}.ranking-review-actions button:hover,.ranking-review-actions button.liked{color:#d8547e}.ranking-detail-composer{z-index:4;background:var(--surface-translucent);border:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:14px;gap:9px;margin-top:14px;padding:8px;display:flex;position:sticky;bottom:12px;box-shadow:0 8px 22px #182a3d14}.ranking-detail-composer input{min-width:0;height:40px;color:var(--text);background:var(--surface-2);border:1px solid var(--line);border-radius:10px;outline:none;flex:1;padding:0 12px}.ranking-detail-composer input:focus{border-color:#9fc6ef;box-shadow:0 0 0 3px #5a9eff1f}.ranking-detail-composer>button{width:42px;height:40px;color:var(--text-inverse);background:var(--primary);border-radius:10px;place-items:center;display:grid}.ranking-detail-composer>button:disabled{opacity:.55;cursor:not-allowed}.detail-skeleton{gap:12px;display:grid}.detail-skeleton>div{background:linear-gradient(110deg, var(--surface) 8%, #f3f7fb 18%, var(--surface) 33%);border:1px solid var(--line);background-size:200% 100%;border-radius:18px;min-height:120px;animation:1.45s linear infinite shimmer}@media (max-width:820px){.ranking-detail-mobile-header{height:56px;color:var(--text);background:var(--surface-translucent);border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);grid-template-columns:36px 1fr 36px;align-items:center;gap:8px;padding:0 12px;display:grid}.ranking-detail-mobile-header button{width:34px;height:34px;color:inherit;background:var(--surface);border:1px solid var(--line);border-radius:10px;place-items:center;display:grid}.ranking-detail-mobile-header>svg{color:var(--text-soft);justify-self:center}.ranking-detail-frame{width:100%;margin-bottom:84px;padding:0 12px}.ranking-detail-desktop-back{display:none}.ranking-detail-card{border-radius:16px;padding:16px}.ranking-detail-product{grid-template-columns:1fr;gap:18px}.ranking-detail-cover{min-height:300px;max-height:460px}.ranking-detail-info{gap:16px;padding:0}.ranking-detail-product-copy h1{font-size:30px}.ranking-detail-description{font-size:14px;line-height:1.75}.ranking-reviews-section{border-radius:16px;margin-top:10px;padding:18px 16px 24px}.ranking-reviews-heading h2{font-size:18px}.ranking-review{padding:16px 0}.ranking-detail-composer{bottom:calc(66px + env(safe-area-inset-bottom))}}.post-detail-page-frame .detail-meta-bar{gap:16px;padding-bottom:20px}.post-detail-page-frame .detail-author-desktop{gap:8px}.post-detail-page-frame .detail-author-desktop .avatar{border-radius:10px;flex-basis:32px;width:32px;height:32px}.post-detail-page-frame .detail-author-desktop a{font-size:14px}.post-detail-page-frame .detail-community-badge{font-size:13px}.post-detail-page-frame .detail-body{max-width:none;margin:24px 0 28px;font-size:17px;line-height:1.9}.post-detail-page-frame .detail-action-btn{min-height:40px;font-size:14px}.post-detail-page-frame .detail-stats-meta,.post-detail-page-frame .detail-stats-meta .report-btn{color:var(--text-faint);font-size:13px}.post-detail-page-frame .detail-aside{gap:16px;position:sticky;top:96px}.post-detail-page-frame .aside-panel{box-shadow:none;border-radius:16px;padding:20px}.post-detail-page-frame .aside-panel h2{margin-bottom:18px;font-size:17px}.post-detail-page-frame .related-item{padding:14px 0}.post-detail-page-frame .related-item strong{font-size:14px;line-height:1.6}.post-detail-page-frame .related-item div{font-size:12px}.post-detail-page-frame .aside-author>div>a strong,.post-detail-page-frame .aside-community strong{font-size:15px}.post-detail-page-frame .comments-wrap{box-shadow:none;border-radius:0 0 16px 16px;margin-top:-1px;padding:26px 32px}.post-detail-page-frame .comm-title{font-size:22px}.post-detail-page-frame .comment-tools{margin-top:18px;padding-bottom:16px}.post-detail-page-frame .chip,.post-detail-page-frame .landlord{height:36px;font-size:14px}.post-detail-page-frame .comment-composer{gap:14px;margin:20px 0 8px;padding:0 0 20px}.post-detail-page-frame .composer-box textarea{min-height:84px;padding:14px;font-size:16px}.post-detail-page-frame .composer-footer{padding:8px}.post-detail-page-frame .reply-submit{height:36px;font-size:14px}.post-detail-page-frame .comments-wrap .empty-state{min-height:160px;box-shadow:none;border:0;border-radius:0}.post-detail-page-frame .comments-wrap .empty-state p,.post-detail-page-frame .comm-name{font-size:15px}.post-detail-page-frame .comm-text{font-size:16px;line-height:1.8}.post-detail-page-frame .comm-floor,.post-detail-page-frame .comm-time,.post-detail-page-frame .comm-act{font-size:12px}.post-detail-page-frame .nested{font-size:14px;line-height:1.75}@media (min-width:761px) and (max-width:1279px){.home-grid{grid-template-columns:minmax(0,1fr) 280px}.home-left-col{display:none}.header-inner{gap:20px}.header-inner .tagline{display:none}.desktop-nav{gap:20px}}@media (min-width:761px) and (max-width:1023px){.home-grid{grid-template-columns:minmax(0,1fr);max-width:820px;margin:0 auto}.home-right-col{display:none}.post-detail-page-frame .detail-grid{grid-template-columns:minmax(0,1fr)}.post-detail-page-frame .detail-aside{display:none}.header-search{flex:1;min-width:160px}.header-search-kbd,.header-actions .publish-button{display:none}.header-actions{gap:6px}}@media (max-width:760px){.feed-column{border:0;border-radius:0}.feed-column>.feed-toolbar{margin:0 16px}.feed-column .post-card{padding:20px 16px 14px}.post-card .post-title{font-size:19px}.post-card .post-text{font-size:16px}.post-card .stats-left{gap:24px}.post-card .stat,.post-card .bookmark{min-height:44px}.post-detail-page-frame{width:100%}.post-detail-page-frame .detail-article{border-radius:0;padding:24px 18px 16px}.post-detail-page-frame .detail-title{margin-bottom:18px;font-size:26px}.post-detail-page-frame .detail-body{font-size:16px;line-height:1.85}.post-detail-page-frame .comments-wrap{border-radius:0;padding:22px 18px}.post-detail-page-frame .comm-title{font-size:20px}.post-detail-page-frame .detail-aside{display:none}}.home-left-col .profile-card{box-shadow:none;border-radius:16px;padding:16px}.profile-guest-card{background:0 0;border:0;padding:0}.profile-guest-card .profile-stats-grid{display:none}.profile-guest-card .guest-login-btn{height:38px;margin-top:16px;font-size:14px}.sidebar-nav-item{min-height:52px}.rail-discuss-meta>span:not(.meta-dot){text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.rail-discuss-meta time{white-space:nowrap;flex-shrink:0}@media (max-width:760px){.feed-column .mobile-feed-title{margin:0;padding:16px 16px 4px}}.admin-page-frame{padding-top:24px;padding-bottom:56px}.admin-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:20px;display:flex}.admin-header-title{flex-direction:column;gap:6px;min-width:0;display:flex}.admin-header-title h1{color:var(--text);margin:0;font-size:24px;line-height:1.25}.admin-header-title p{color:var(--text-soft);margin:0;font-size:13px}.admin-badge{background:linear-gradient(135deg, var(--primary), var(--sky));color:#fff;border-radius:999px;align-self:flex-start;align-items:center;gap:6px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-flex}.admin-subnav{flex-wrap:wrap;gap:8px;max-width:680px;display:flex}.admin-subnav-link{border:1px solid var(--line);color:var(--primary-deep);background:var(--surface);border-radius:999px;padding:6px 12px;font-size:13px;text-decoration:none}.admin-subnav-link:hover{border-color:var(--primary)}.admin-subnav-link.active{background:var(--primary);border-color:var(--primary);color:#fff}.admin-panel{background:var(--surface);border:1px solid var(--line);border-radius:16px;margin-bottom:16px;padding:16px}.admin-panel h2{color:var(--text);margin:0 0 12px;font-size:16px}.admin-toolbar{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:14px;display:flex}.admin-chip{border:1px solid var(--line);background:var(--surface);cursor:pointer;color:var(--text);border-radius:999px;padding:6px 12px;font-size:13px}.admin-chip.active{background:var(--primary);border-color:var(--primary);color:#fff}.admin-chip .admin-chip-count{opacity:.75;margin-left:4px;font-size:12px}.admin-list{flex-direction:column;gap:10px;display:flex}.admin-row{border:1px solid var(--line);cursor:pointer;text-align:left;background:var(--surface);width:100%;color:var(--text);font:inherit;border-radius:12px;justify-content:space-between;align-items:flex-start;gap:12px;padding:12px 14px;display:flex}.admin-row:hover,.admin-row.active{border-color:var(--primary);background:var(--surface-blue)}.admin-row-main{flex-direction:column;gap:4px;min-width:0;display:flex}.admin-row-title{overflow-wrap:anywhere;font-size:14px;font-weight:600}.admin-row-sub{color:var(--text-soft);overflow-wrap:anywhere;font-size:12.5px}.admin-row-side{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:6px;display:flex}.admin-tag{background:var(--surface-blue);color:var(--text-soft);white-space:nowrap;border-radius:999px;align-items:center;padding:2px 8px;font-size:12px;display:inline-flex}.admin-tag-ok{color:#168b72;background:#e6f7f1}.admin-tag-warn{color:#b26b00;background:#fff3d9}.admin-tag-danger{color:#c75460;background:#fff0f2}.admin-tag-info{color:#245fae;background:#e8f1ff}.admin-kv{grid-template-columns:112px minmax(0,1fr);gap:6px 12px;margin:0;font-size:13.5px;display:grid}.admin-kv div{display:contents}.admin-kv dt{color:var(--text-soft)}.admin-kv dd{overflow-wrap:anywhere;color:var(--text);margin:0}.admin-actions{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.admin-form{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;display:grid}.admin-field{flex-direction:column;gap:6px;font-size:13px;display:flex}.admin-field>span{color:var(--text-soft)}.admin-field-wide{grid-column:1/-1}.admin-note{color:#b26b00;background:#fff3d9;border-radius:8px;padding:8px 10px;font-size:12.5px}.admin-error{color:#c75460;background:#fff0f2;border-radius:8px;padding:8px 10px;font-size:13px}.admin-stat-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin-bottom:16px;display:grid}.admin-stat-card{border:1px solid var(--line);background:var(--surface);border-radius:14px;flex-direction:column;gap:4px;padding:14px;display:flex}.admin-stat-card strong{color:var(--text);font-size:24px}.admin-stat-card span{color:var(--text-soft);font-size:12.5px}.admin-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px}.admin-detail-grid{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);align-items:start;gap:16px;display:grid}.admin-media-grid{flex-wrap:wrap;gap:8px;display:flex}.admin-media-grid img{object-fit:cover;border:1px solid var(--line);border-radius:10px;width:96px;height:96px}.admin-evidence-note{color:var(--text-faint);margin-top:6px;font-size:12px}.admin-empty{text-align:center;color:var(--text-soft);padding:24px 0;font-size:13.5px}.admin-gate{text-align:center;color:var(--text-soft);flex-direction:column;align-items:center;gap:10px;padding:64px 16px;display:flex}.admin-gate h1{color:var(--text);margin:0}.admin-gate p{margin:0;font-size:13.5px}.admin-fold-row{justify-content:space-between;align-items:center;gap:10px;display:flex}@media (max-width:760px){.admin-detail-grid{grid-template-columns:1fr}.admin-kv{grid-template-columns:96px minmax(0,1fr)}.admin-row-side{align-items:flex-start}.admin-header-title h1{font-size:20px}}.post-detail-page-frame .detail-meta-bar{border-bottom:1px solid var(--line-translucent)}.post-detail-page-frame .detail-stats{border-top:1px solid var(--line-translucent)}.post-detail-page-frame .detail-article,.post-detail-page-frame .comments-wrap,.post-detail-page-frame .aside-panel{border-color:var(--line-translucent)}.post-detail-page-frame .related-item{border-top-color:var(--line-translucent)}.post-detail-page-frame .detail-gallery{gap:12px;max-width:100%;margin:26px 0 6px}.post-detail-page-frame .detail-gallery-single{justify-items:start;max-width:100%}.post-detail-page-frame .detail-gallery-multi{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;max-width:100%}.post-detail-page-frame .detail-media-frame{border-color:var(--line-translucent);background:var(--surface-2);cursor:zoom-in;border-radius:16px;min-width:0;overflow:hidden}.post-detail-page-frame .detail-gallery-multi .detail-media-frame{justify-content:center;display:flex}.post-detail-page-frame .detail-gallery-single .detail-media-frame{width:fit-content;max-width:100%;max-height:none;margin-inline:0}.post-detail-page-frame .detail-gallery .media-image,.post-detail-page-frame .detail-gallery .media-image-placeholder{max-width:100%}.post-detail-page-frame .detail-gallery-image{aspect-ratio:auto;object-fit:contain;width:auto;max-width:100%;height:auto;max-height:min(72vh,860px);transition:transform .25s var(--ease,ease);display:block}.post-detail-page-frame .detail-media-frame:hover .detail-gallery-image{transform:scale(1.02)}.post-detail-page-frame .detail-gallery .media-image{transition:transform .25s var(--ease,ease)}.post-detail-page-frame .detail-media-frame:hover .media-image{transform:scale(1.02)}@media (max-width:760px){.post-detail-page-frame .detail-gallery-image{max-height:64vh}}.post-detail-page-frame .detail-action-btn{border:1px solid var(--line);background:var(--surface-2);color:var(--text-soft);transition:transform .15s var(--ease,ease), background .15s var(--ease,ease), border-color .15s var(--ease,ease), color .15s var(--ease,ease);border-radius:999px;padding:7px 14px;font-size:12.5px;font-weight:600}.post-detail-page-frame .detail-action-btn:hover{border-color:var(--line-strong);color:var(--text);transform:translateY(-1px)}.post-detail-page-frame .detail-action-btn.like-btn.active{color:#d85b7b;background:#fff1f5;border-color:#f8c8d8}.post-detail-page-frame .detail-action-btn.bookmark-btn.active{color:var(--primary-deep);background:var(--surface-blue);border-color:var(--primary)}.post-detail-page-frame .detail-aside{scrollbar-width:thin;align-self:start;max-height:calc(100vh - 96px);position:sticky;top:76px;overflow-y:auto}.post-detail-page-frame .related-item strong{color:var(--text)}.post-detail-page-frame .aside-panel h2{letter-spacing:-.01em}.post-detail-page-frame .comments-wrap{padding:24px 28px 30px}.detail-follow-btn{border:1px solid var(--primary);background:var(--surface-blue);color:var(--primary-deep);transition:background .15s var(--ease,ease), color .15s var(--ease,ease), border-color .15s var(--ease,ease);border-radius:999px;padding:3px 12px;font-size:12px;font-weight:700;line-height:1.6}.detail-follow-btn:hover{background:var(--primary);color:#fff}.detail-follow-btn.active{border-color:var(--line-strong);background:var(--surface-2);color:var(--text-soft)}.detail-follow-btn:disabled{opacity:.6;cursor:default}.settings-guest-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:14px;display:grid}.settings-guest-card{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);transition:transform .15s var(--ease,ease), border-color .15s var(--ease,ease), box-shadow .15s var(--ease,ease);border-radius:16px;flex-direction:column;align-items:flex-start;gap:9px;padding:18px;text-decoration:none;display:flex}a.settings-guest-card:hover{border-color:var(--primary);box-shadow:var(--shadow-hover);transform:translateY(-2px)}.settings-guest-card .settings-row-icon{border-radius:12px;width:38px;height:38px}.settings-guest-card strong{color:var(--text);font-size:14px}.settings-guest-card p{color:var(--text-soft);margin:0;font-size:12px;line-height:1.7}.settings-guest-card-link{color:var(--primary-deep);align-items:center;gap:4px;margin-top:auto;padding-top:2px;font-size:12px;font-weight:750;display:inline-flex}@media (max-width:760px){.settings-guest-grid{grid-template-columns:1fr}}.feature-hero{background:var(--surface);border:1px solid var(--line-translucent);box-shadow:var(--shadow);border-radius:18px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:18px 24px;padding:26px 30px;display:flex}.feature-kicker{color:var(--primary-deep);letter-spacing:.08em;margin-bottom:8px;font-size:12px;font-weight:800;display:inline-block}.feature-hero h1{color:var(--text);letter-spacing:-.01em;margin:0 0 8px;font-size:27px;font-weight:800;line-height:1.25}.feature-hero>div>p{color:var(--text-soft);margin:0;font-size:13.5px;line-height:1.7}.compact-hero{padding:24px 28px}.settings-hero,.notification-hero{background:radial-gradient(circle at 92% 18%, #71cfff2e, transparent 30%), linear-gradient(135deg, var(--surface) 0%, #f5faff 100%);border:1px solid var(--line-translucent)}.settings-page,.notifications-page,.post-detail-page-frame{margin-inline:auto}@media (max-width:760px){.feature-hero{padding:20px 18px}.feature-hero h1{font-size:22px}}.communities-page{flex-direction:column;gap:14px;display:flex}.community-directory-list{grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr));gap:12px;display:grid}.community-directory-skeleton{background:var(--surface);border:1px solid var(--line-translucent);border-radius:14px;height:72px}.community-directory-row{background:var(--surface);border:1px solid var(--line-translucent);color:inherit;transition:transform .15s var(--ease,ease), border-color .15s var(--ease,ease), box-shadow .15s var(--ease,ease);border-radius:14px;align-items:center;gap:12px;padding:14px 16px;text-decoration:none;display:flex}.community-directory-row:hover{border-color:var(--primary);box-shadow:var(--shadow-hover);transform:translateY(-2px)}.community-directory-row>.community-icon{border-radius:12px;flex:0 0 40px;place-items:center;width:40px;height:40px;display:grid}.community-directory-row>.community-icon.blue{color:var(--primary-deep);background:var(--surface-blue)}.community-directory-row>.community-icon.orange{color:#c2620a;background:#fff3e4}.community-directory-row>.community-icon.mint{color:#12806e;background:#e6f7f1}.community-directory-row>.community-icon.lilac{color:#7868c7;background:#f0f0fc}.community-directory-copy{flex:1;gap:3px;min-width:0;display:grid}.community-directory-copy strong{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.community-directory-copy small{color:var(--text-soft);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.community-directory-meta{color:var(--text-faint);white-space:nowrap;flex-direction:column;flex:none;align-items:flex-end;gap:3px;font-size:11px;display:flex}.community-directory-row>svg{color:var(--text-faint);flex:none}.feature-empty{margin-top:0}.activities-page{flex-direction:column;gap:14px;display:flex}.activity-list{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:14px;display:grid}.activity-skeleton{background:var(--surface);border:1px solid var(--line-translucent);border-radius:16px;height:260px}.activity-card{background:var(--surface);border:1px solid var(--line-translucent);box-shadow:var(--shadow);color:inherit;transition:transform .15s var(--ease,ease), border-color .15s var(--ease,ease), box-shadow .15s var(--ease,ease);border-radius:16px;flex-direction:column;text-decoration:none;display:flex;overflow:hidden}a.activity-card:hover{border-color:var(--primary);box-shadow:var(--shadow-hover);transform:translateY(-2px)}.activity-cover{object-fit:cover;background:var(--surface-2);width:100%;height:140px;display:block}.activity-cover-empty{color:var(--text-faint);place-items:center;display:grid}.activity-copy{flex-direction:column;gap:8px;padding:14px 16px 16px;display:flex}.activity-card-top{justify-content:space-between;align-items:center;gap:10px;display:flex}.activity-status{background:var(--surface-blue);color:var(--primary-deep);border-radius:999px;padding:2px 9px;font-size:11.5px;font-weight:750;display:inline-flex}.activity-status-active{color:#168b72;background:#e6f7f1}.activity-status-upcoming{color:#245fae;background:#e8f1ff}.activity-status-ended,.activity-status-offline{background:var(--surface-2);color:var(--text-faint)}.activity-status-draft{color:#b26b00;background:#fff3d9}.activity-author{color:var(--text-faint);text-overflow:ellipsis;white-space:nowrap;font-size:11.5px;overflow:hidden}.activity-copy h2{color:var(--text);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:16px;line-height:1.4;display:-webkit-box;overflow:hidden}.activity-copy p{color:var(--text-soft);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:12.5px;line-height:1.7;display:-webkit-box;overflow:hidden}.activity-meta{color:var(--text-faint);flex-wrap:wrap;gap:6px 14px;margin-top:auto;padding-top:4px;font-size:12px;display:flex}.activity-meta span{align-items:center;gap:5px;display:inline-flex}