:root{--bg:#f4f5f7;--surface:#fff;--surface-2:#f8f9fb;--line:#e5e8ee;--line-strong:#d6dbe5;--text:#161a22;--muted:#5f6775;--accent:#1b74e4;--accent-dark:#0f4fa5;--accent-light:#e8f1fe;--accent-bg:#1b74e414;--accent-border:#1b74e438;--success:#1a7a4a;--success-light:#e7f6ec;--error:#d32f2f;--error-light:#fef0f0;--error-border:#fddede;--warning:#8a5a03;--warning-light:#fff1d2}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font-family:Plus Jakarta Sans,Segoe UI,sans-serif}.app{min-height:100vh}.topbar{z-index:20;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(12px);background:#fffffff5;justify-content:space-between;align-items:center;gap:12px;min-height:56px;padding:10px 20px;display:flex;position:sticky;top:0}.brand{letter-spacing:-.03em;flex-shrink:0;font-weight:800}.topbar-links{align-items:center;gap:14px;display:inline-flex}.topbar-link{color:var(--muted);letter-spacing:.01em;font-weight:600;text-decoration:none}.topbar-link:hover{color:var(--text)}.topbar-link.active{color:#0f4fa5}.search{border:1px solid var(--line);background:var(--surface-2);width:min(520px,64vw);max-width:100%;min-height:40px;font:inherit;border-radius:10px;flex:1;min-width:0;padding:0 12px;font-size:.9rem}.layout{grid-template-columns:220px minmax(0,1fr);align-items:start;gap:14px;width:min(1560px,100% - 22px);margin:12px auto;display:grid}.layout-public{grid-template-columns:minmax(0,1fr);width:min(1280px,100% - 22px)}.sidebar{border:1px solid var(--line);background:var(--surface);border-radius:14px;gap:4px;padding:8px;display:grid;position:sticky;top:68px}.nav-btn{text-align:left;min-height:38px;color:var(--text);background:0 0;border:1px solid #0000;border-radius:10px;align-items:center;padding:0 12px;text-decoration:none;display:inline-flex}.nav-btn.active{color:#0f4fa5;background:#e8f1fe;border-color:#1b74e438}.workspace{display:grid}.panel{border:1px solid var(--line);background:var(--surface);border-radius:14px;gap:12px;padding:14px;display:grid}.page-head h1,.panel h1,.panel h2,.panel h4{margin:0}.page-head{gap:6px;display:grid}.login-shell{background:radial-gradient(1200px 380px at 90% -10%,#1b74e429,transparent 62%),radial-gradient(900px 300px at -10% 120%,#0f4fa524,transparent 62%),var(--surface);gap:14px;width:min(880px,100%);margin:0 auto}.login-hero{background:linear-gradient(145deg,#edf4ff,#fff 58%,#f5f9ff);border:1px solid #1b74e43d;border-radius:14px;gap:8px;padding:16px;display:grid}.login-kicker{color:#0f4fa5;letter-spacing:.02em;background:#1b74e414;border:1px solid #1b74e433;border-radius:999px;align-items:center;width:fit-content;min-height:24px;padding:0 10px;font-size:.76rem;font-weight:700;display:inline-flex}.login-hero h1{letter-spacing:-.02em;margin:0}.login-pills{flex-wrap:wrap;gap:8px;display:flex}.login-pill{border:1px solid var(--line);min-height:26px;color:var(--muted);background:#fff;border-radius:999px;align-items:center;padding:0 10px;font-size:.76rem;font-weight:600;display:inline-flex}.login-card{gap:8px}.login-card h2{margin:0;font-size:1rem}.login-card--google{background:linear-gradient(150deg,#f2f7ff,#f9fbff);border-color:#1b74e43d}.login-select{width:100%}.login-primary-btn{background:linear-gradient(#fff,#edf4ff 56%);border-color:#1b74e447;min-height:42px;font-weight:700}.login-secondary-btn{width:fit-content}.auth-page{background:0 0;border:none;width:min(980px,100%);margin:0 auto;padding:0}.auth-shell{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:stretch;gap:14px;display:grid}.auth-hero{background:linear-gradient(145deg,#edf4ff,#fff 58%,#f5f9ff);border:1px solid #1b74e43d;border-radius:14px;align-content:start;gap:10px;padding:18px;display:grid}.auth-kicker{color:#0f4fa5;letter-spacing:.05em;background:#1b74e414;border:1px solid #1b74e433;border-radius:999px;align-items:center;width:fit-content;min-height:24px;margin:0;padding:0 10px;font-size:.74rem;font-weight:700;display:inline-flex}.auth-hero h1{letter-spacing:-.03em;margin:0;font-size:clamp(1.7rem,3.2vw,2.25rem)}.auth-points{color:var(--muted);gap:6px;margin:0;padding-left:18px;font-size:.9rem;display:grid}.auth-card{border:1px solid var(--line);background:#fff;border-radius:14px;align-content:start;gap:12px;padding:20px;display:grid}.auth-card h2{letter-spacing:-.02em;margin:0;font-size:1.5rem}.auth-section{gap:8px;display:grid}.auth-mode-toggle{border:1px solid var(--line);background:var(--surface-2);border-radius:10px;grid-template-columns:1fr 1fr;gap:6px;padding:4px;display:grid}.auth-mode-btn{min-height:36px;color:var(--muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;font-size:.85rem;font-weight:700}.auth-mode-btn.active{color:#0f4fa5;background:#fff;border-color:#1b74e433}.auth-label{color:var(--text);font-size:.84rem;font-weight:700}.auth-select{width:100%}.auth-primary-btn{min-height:42px;font-weight:700}.auth-divider{color:var(--muted);grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;font-size:.82rem;display:grid}.auth-divider:before,.auth-divider:after{content:"";background:var(--line);height:1px}.auth-status{color:#1f6f44;background:#effaf4;border:1px solid #26945940;border-radius:10px;padding:10px 12px;font-size:.9rem}.auth-alert{color:#8e2d2d;background:#fff3f3;border:1px solid #b44c4c40;border-radius:10px;margin:0;padding:10px 12px;font-size:.86rem}@media (max-width:900px){.auth-shell{grid-template-columns:1fr}.auth-hero h1{font-size:1.6rem}}.landing-shell{background:radial-gradient(980px 360px at 8% -12%,#1b74e433,transparent 62%),radial-gradient(760px 320px at 90% 108%,#f08e2d29,transparent 58%),var(--surface);gap:16px;width:min(1100px,100%);margin:0 auto}.landing-hero{background:linear-gradient(138deg,#eff5ff 0%,#fff 56%,#fff7ed 100%);border:1px solid #1b74e43d;border-radius:14px;grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr);align-items:stretch;gap:16px;padding:20px;display:grid}.landing-hero-copy{align-content:start;gap:12px;display:grid}.landing-kicker{color:#0f4fa5;letter-spacing:.07em;text-transform:uppercase;background:#1b74e414;border:1px solid #1b74e433;border-radius:999px;align-items:center;width:fit-content;min-height:25px;margin:0;padding:0 10px;font-size:.74rem;font-weight:700;display:inline-flex}.landing-hero h1{letter-spacing:-.03em;margin:0;font-size:clamp(1.85rem,3.7vw,3rem);line-height:1.04}.landing-cta-row{flex-wrap:wrap;gap:10px;display:flex}.landing-primary{color:#fff;background:linear-gradient(#1768cf,#0f4fa5);border-color:#0a429133;justify-content:center;align-items:center;min-width:160px;min-height:42px;font-weight:700;text-decoration:none;display:inline-flex}.landing-secondary{color:#0f4fa5;background:linear-gradient(#fff,#edf4ff 82%);border:1px solid #0f4fa53d;border-radius:10px;justify-content:center;align-items:center;min-width:178px;min-height:42px;padding:0 14px;font-weight:700;text-decoration:none;transition:background .12s,border-color .12s,box-shadow .12s,transform .12s;display:inline-flex}.landing-secondary:hover{background:linear-gradient(#fff,#e3eeff 82%);border-color:#0f4fa56b;box-shadow:0 6px 14px #0f4fa529}.landing-secondary:focus-visible{border-color:#1768cf;outline:none;box-shadow:0 0 0 3px #1768cf38}.landing-proof-row{flex-wrap:wrap;gap:8px;display:flex}.landing-proof-pill{border:1px solid var(--line);min-height:28px;color:var(--muted);background:#ffffffdb;border-radius:999px;align-items:center;padding:0 10px;font-size:.78rem;font-weight:600;display:inline-flex}.landing-hero-visual{background:#fffc;border:1px solid #0c121d14;border-radius:12px;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:10px;display:grid}.landing-visual-card{border-radius:10px;min-height:140px;position:relative;overflow:hidden}.landing-visual-card:first-child{grid-column:span 2;min-height:172px}.landing-visual-overlay{background:linear-gradient(#0a0e150f,#0a0e15d1);gap:2px;padding:10px;display:grid;position:absolute;inset:auto 0 0}.landing-visual-overlay p{color:#ffffffd6;margin:0;font-size:.76rem}.landing-visual-overlay strong{color:#fff;font-size:.9rem}.landing-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.landing-metric-card{background:#fff;border:1px solid #0c121d14}.landing-metric-value{letter-spacing:-.02em;margin:0;font-size:clamp(1.3rem,2.2vw,1.9rem);font-weight:800}.landing-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.landing-footer{border-top:1px solid var(--line);justify-content:space-between;align-items:center;margin-top:12px;padding:20px 0 4px;font-size:.82rem;display:flex}.landing-footer-links{gap:16px;display:flex}.landing-footer-links a{color:var(--muted);text-decoration:none}.landing-footer-links a:hover{color:var(--accent)}.landing-card{background:linear-gradient(#fff,#f8fbff 72%);border:1px solid #0c121d14}.landing-card h2{letter-spacing:-.01em;margin:0;font-size:1.08rem}.landing-card-kicker{color:#0f4fa5;letter-spacing:.07em;text-transform:uppercase;margin:0;font-size:.74rem;font-weight:700}@media (max-width:1080px){.landing-hero{grid-template-columns:1fr}.landing-metrics{grid-template-columns:1fr 1fr}}@media (max-width:780px){.landing-metrics,.landing-hero-visual{grid-template-columns:1fr}.landing-visual-card:first-child{grid-column:span 1}}.muted,.block-label{margin:0}.muted{color:var(--muted)}.block-label{color:var(--muted);font-size:.8rem}.content-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.discovery-toolbar{z-index:15;background:var(--surface);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:10px;padding:8px 0;display:flex;position:sticky;top:56px;box-shadow:0 8px 14px #0c10180f}.discovery-masonry{z-index:1;column-count:4;column-gap:12px;position:relative}.discovery-settings{z-index:18;position:sticky;top:106px}.discovery-settings-grid{grid-template-columns:220px minmax(0,1fr);gap:12px;display:grid}.settings-choice-list,.settings-core-list{gap:7px;display:grid}.settings-search{width:100%}.settings-core-list{max-height:220px;padding-right:4px;overflow:auto}.settings-check{color:var(--text);align-items:center;gap:8px;font-size:.88rem;display:flex}.discovery-block{z-index:0;border:1px solid var(--line);break-inside:avoid;background:#0f1219;border-radius:12px;margin:0 0 12px;position:relative;overflow:hidden}.pin-card-bottom-row{justify-content:space-between;align-items:center;gap:8px;margin-top:4px;display:flex}.pin-card-bottom-row .pin-card-meta{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;margin:0;overflow:hidden}.pin-card-vote-inline{flex-shrink:0;align-items:center;gap:3px;display:flex}.pin-card-vote-btn{color:#ffffffa6;cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;min-width:24px;min-height:24px;padding:4px 6px;font-size:.65rem;line-height:1;transition:color .15s,background .15s;display:inline-flex}.pin-card-vote-btn:hover:not(:disabled){color:var(--accent);background:color-mix(in srgb,var(--accent)10%,transparent)}.pin-card-vote-btn.active-up{color:#4fa3e0}.pin-card-vote-btn.active-down{color:#e07a4f}.pin-card-vote-score{color:#ffffffb3;text-align:center;min-width:18px;font-size:.75rem;font-weight:600}.pin-card-vote-score.positive{color:#4fa3e0}.pin-card-vote-score.negative{color:#e07a4f}.pin-card{border:1px solid var(--line);background:var(--surface);border-radius:12px;position:relative;overflow:hidden}.pin-card--interactive{cursor:pointer}.pin-card--interactive:hover{border-color:#1b74e447}.pin-card-more{z-index:2;color:#fff;cursor:pointer;background:#0a0e158c;border:1px solid #ffffff73;border-radius:999px;min-width:30px;min-height:30px;position:absolute;top:10px;left:10px}.pin-card-media{aspect-ratio:1}.pin-card--masonry{break-inside:avoid;background:#0f1219;margin:0 0 12px}.pin-card--masonry .pin-card-media{min-height:unset;height:unset}.pin-card--tall .pin-card-media{aspect-ratio:3/4}.pin-card--mid .pin-card-media{aspect-ratio:4/5}.pin-card--wide .pin-card-media{aspect-ratio:1}@media (max-width:640px){.discovery-masonry,.results-masonry,.core-directory-masonry,.profile-masonry{grid-template-columns:repeat(2,1fr);gap:8px;padding:4px;display:grid;column-count:unset!important}.pin-card--masonry{break-inside:unset;margin:0}.pin-card--tall .pin-card-media,.pin-card--mid .pin-card-media,.pin-card--wide .pin-card-media,.pin-card--masonry .pin-card-media,.pin-card-media{aspect-ratio:3/4}.pin-card,.pin-card--masonry{border-radius:10px}}.pin-card-footer{gap:4px;padding:10px 10px 12px;display:grid}.pin-card--masonry .pin-card-footer{background:0 0;position:static}.pin-card h4{text-overflow:ellipsis;white-space:nowrap;overflow-wrap:break-word;word-break:break-word;margin:0;font-size:.94rem;overflow:hidden}@media (max-width:640px){.pin-card h4{white-space:normal;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.78rem;line-height:1.3;display:-webkit-box}}.pin-card-eyebrow,.pin-card-subtitle,.pin-card-meta{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:.8rem;overflow:hidden}.pin-card--masonry h4{color:#fff}.pin-card--masonry .pin-card-eyebrow,.pin-card--masonry .pin-card-subtitle,.pin-card--masonry .pin-card-meta{color:#fff9}.pin-card-meta-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.pin-card-sponsor{color:var(--muted);align-items:center;gap:6px;font-size:.75rem;display:inline-flex}.pin-card-sponsored-badge{color:#0f4fa5;background:#e8f1fe;border:1px solid #1b74e438;border-radius:999px;align-items:center;min-height:20px;padding:0 7px;display:inline-flex}.pin-card-inline-actions{flex-wrap:wrap;align-items:center;gap:6px;display:inline-flex}.pin-card-cta{border:1px solid var(--line);background:var(--surface-2);min-height:26px;color:var(--text);border-radius:999px;align-items:center;padding:0 9px;font-size:.8rem;text-decoration:none;display:inline-flex}.pin-card-stats{color:var(--muted);font-size:.76rem}.discovery-block .media{height:100%;min-height:220px}.discovery-block.block-tall .media{min-height:330px}.discovery-block.block-mid .media{min-height:270px}.discovery-block.block-wide .media{min-height:240px}.discovery-overlay{background:linear-gradient(#0a0e150a,#0a0e15c7);gap:5px;padding:10px;display:grid;position:absolute;inset:auto 0 0}.discovery-overlay h4{color:#fff;margin:0;font-size:.96rem}.discovery-overlay .block-label{color:#ffffffd6}.discovery-overlay .muted{color:#ffffffad;font-size:.8rem}.feed-card{border:1px solid var(--line);background:var(--surface-2);border-radius:12px;overflow:hidden}.feed-copy{gap:6px;padding:10px;display:grid}.feed-copy h4{margin:0;font-size:1rem}.following-grid-react{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.following-react-card{border:1px solid var(--line);background:var(--follow-bg,linear-gradient(140deg,#d7dce4,#c3c8d2));background-position:50%;background-size:cover;border-radius:14px;min-height:180px;text-decoration:none;transition:transform .15s,box-shadow .15s;position:relative;overflow:hidden}.following-react-card:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0000001a}.following-react-card:after{content:"";background:linear-gradient(#0c101824,#0c1018b8);position:absolute;inset:0}.following-react-copy{z-index:1;color:#fff;gap:4px;display:grid;position:absolute;inset:auto 12px 12px}.following-react-copy strong{font-size:1rem}.following-react-copy span{color:#ffffffb3;font-size:.86rem}.following-react-copy p{color:#ffffffdb;margin:0;font-size:.84rem}.tab-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.preview-comment-input{width:min(320px,100%);min-height:34px}.tab-btn{border:1px solid var(--line);background:var(--surface-2);cursor:pointer;min-height:36px;font:inherit;white-space:nowrap;border-radius:999px;padding:0 12px;font-size:.84rem;font-weight:600;transition:background .12s,border-color .12s}.tab-btn.active{color:#0f4fa5;background:#e8f1fe;border-color:#1b74e438}.hub-grid,.browse-items-layout{grid-template-columns:minmax(0,1.4fr) minmax(300px,1fr);gap:12px;display:grid}.browse-shell{grid-template-columns:290px minmax(0,1fr);align-items:start;gap:12px;display:grid}.browse-facets{gap:12px;position:sticky;top:68px}.browse-facets .search{width:100%}.facet-block{gap:8px;display:grid}.browse-results{gap:12px}.results-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.results-masonry{column-count:4;column-gap:12px;padding:12px}.result-card{border:1px solid var(--line);background:#fff;border-radius:10px;overflow:hidden}.result-card .media{min-height:170px}.result-link{color:inherit;text-decoration:none}.load-more-btn{border:1px solid var(--line);background:var(--surface-2);cursor:pointer;min-height:40px;font:inherit;color:var(--text);border-radius:10px;font-size:.88rem;font-weight:600;transition:background .12s,border-color .12s}.load-more-btn:hover{border-color:var(--line-strong);background:var(--line)}.load-more-btn.landing-primary{color:#fff;background:linear-gradient(#1768cf,#0f4fa5);border-color:#0a429133}.card{border:1px solid var(--line);background:var(--surface-2);border-radius:12px;gap:10px;padding:12px;display:grid}.item-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.core-directory-masonry{column-count:4;column-gap:12px;padding:12px}.core-detail{gap:0;display:grid}.core-hero{color:#fff;background:linear-gradient(135deg,#1a1a2e 0%,#16213e 50%,#0f3460 100%);border-radius:14px 14px 0 0;gap:16px;padding:32px 28px 24px;display:grid;position:relative}.core-hero-back{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffff1a;border:1px solid #fff3;border-radius:10px;place-items:center;width:36px;height:36px;font-size:1.1rem;transition:background .15s;display:grid;position:absolute;top:16px;left:16px}.core-hero-back:hover{background:#fff3}.core-hero-content{gap:10px;max-width:680px;display:grid}.core-hero-status{gap:8px;display:flex}.core-hero-title{letter-spacing:-.03em;margin:0;font-size:2rem;font-weight:800}.core-hero-desc{color:#ffffffc7;margin:0;font-size:.95rem;line-height:1.6}.core-hero-stats{gap:24px;margin-top:8px;display:flex}.core-stat{flex-direction:column;gap:2px;display:flex}.core-stat-value{letter-spacing:-.02em;font-size:1.4rem;font-weight:800}.core-stat-label{text-transform:uppercase;letter-spacing:.05em;color:#ffffff8f;font-size:.76rem;font-weight:600}.core-trend-bar{background:#ffffff26;border-radius:2px;height:4px;overflow:hidden}.core-trend-fill{background:linear-gradient(90deg,#1abc9c,#3498db);border-radius:2px;height:100%;transition:width .6s}.core-section{border:1px solid var(--line);background:var(--surface);border-top:none;gap:12px;padding:20px 28px;display:grid}.core-section:last-child{border-radius:0 0 14px 14px}.core-section h2{letter-spacing:-.01em;margin:0;font-size:1rem;font-weight:700}.core-tags-section{padding:14px 28px}.core-tags-wrap{flex-wrap:wrap;gap:6px;display:flex}.core-tag{background:var(--surface-2);border:1px solid var(--line);color:var(--muted);border-radius:999px;padding:4px 12px;font-size:.8rem;font-weight:500}.core-origin-text{color:var(--text);max-width:680px;margin:0;font-size:.92rem;line-height:1.7}.core-two-col{border:1px solid var(--line);background:var(--surface);border-top:none;grid-template-columns:1fr 1fr;display:grid}.core-two-col>.core-section{border:none;border-right:1px solid var(--line)}.core-two-col>.core-section:last-child{border-right:none;border-radius:0}.core-pieces-list{color:var(--text);gap:6px;margin:0;padding:0 0 0 18px;font-size:.88rem;line-height:1.5;display:grid}.core-pieces-list li::marker{color:var(--accent)}.core-palette{flex-wrap:wrap;gap:8px;display:flex}.core-swatch{border:2px solid var(--line);cursor:default;border-radius:10px;width:44px;height:44px;transition:transform .15s}.core-swatch:hover{transform:scale(1.12)}.core-vibes{flex-wrap:wrap;gap:8px;display:flex}.core-vibe-chip{color:#0f4fa5;background:linear-gradient(135deg,#e8f1fe,#f0e8fe);border:1px solid #1b74e41f;border-radius:999px;padding:6px 14px;font-size:.82rem;font-weight:600}.core-detail-leader{cursor:pointer;align-items:center;gap:14px;max-width:360px;display:flex}.core-detail-leader:hover{border-color:#1b74e466}.core-leader-avatar{border-radius:50%;flex-shrink:0;width:56px;height:56px}.core-leader-info{gap:2px;display:grid}.core-leader-info p{margin:0;font-size:.82rem}.core-related-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:10px;display:grid}.core-related-card{border:1px solid var(--line);background:var(--surface-2);cursor:pointer;text-align:left;font:inherit;color:var(--text);border-radius:10px;align-items:center;gap:10px;padding:10px;transition:border-color .15s,background .15s;display:flex}.core-related-card:hover{background:#e8f1fe;border-color:#1b74e44d}.core-related-thumb{border-radius:8px;flex-shrink:0;width:36px;height:36px}.core-related-info{flex-direction:column;gap:1px;min-width:0;display:flex}.core-related-info strong{white-space:nowrap;text-overflow:ellipsis;font-size:.84rem;overflow:hidden}.core-related-info .muted{font-size:.74rem}.core-related-browse{color:var(--accent);background:0 0;border-style:dashed;justify-content:center}@media (max-width:780px){.core-two-col{grid-template-columns:1fr}.core-two-col>.core-section{border-right:none;border-bottom:1px solid var(--line)}.core-two-col>.core-section:last-child{border-bottom:none}}@media (max-width:640px){.core-hero{border-radius:0;padding:24px 16px 18px}.core-hero-title{font-size:1.5rem}.core-section{padding:16px}.core-tags-section{padding:12px 16px}.core-related-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.core-section:last-child{border-radius:0}}.item-card{border:1px solid var(--line);background:#fff;border-radius:10px;overflow:hidden}.item-card.core-clickable{cursor:pointer}.item-card.core-clickable:hover{border-color:#1b74e447}.media{background-position:50%;background-size:cover;height:128px}.media-1{background:linear-gradient(#07090e1a,#07090e73),linear-gradient(135deg,#8b7368,#2f2b3d 55%,#171b24)}.media-2{background:linear-gradient(#07090e1a,#07090e73),linear-gradient(135deg,#687888,#242a33 55%,#151a23)}.media-3{background:linear-gradient(#07090e14,#07090e73),linear-gradient(135deg,#957d63,#332b3f 52%,#171b23)}.media-4{background:linear-gradient(#07090e14,#07090e73),linear-gradient(135deg,#b993a0,#3e3046 52%,#1c1f29)}.media-5{background:linear-gradient(#07090e14,#07090e73),linear-gradient(135deg,#7d9070,#2b3a34 52%,#171f24)}.media-6{background:linear-gradient(#07090e14,#07090e73),linear-gradient(135deg,#9d7ea0,#35304a 52%,#1b1f2b)}.media-7{background:linear-gradient(#07090e14,#07090e73),linear-gradient(135deg,#8b6577,#352835 52%,#1a1d25)}.media-8{background:linear-gradient(#07090e14,#07090e73),linear-gradient(135deg,#8d8570,#2b2a35 52%,#171b23)}.item-body{gap:4px;padding:10px;display:grid}.item-body strong{overflow-wrap:anywhere;word-break:break-word;font-size:.93rem}.item-body span{color:var(--muted);overflow-wrap:anywhere;word-break:break-word;font-size:.82rem}.trust-badge{border-radius:999px;align-items:center;width:fit-content;min-height:22px;padding:0 8px;font-size:.75rem;display:inline-flex}.trust-badge.verified{color:#1d6a36;background:#e7f6ec}.trust-badge.contested{color:#8a5a03;background:#fff1d2}.trust-badge.search{color:#204a98;background:#e3ecff}.trust-badge.downranked{color:#8c2d2d;background:#fde3e3}.item-controls,.rank-list,.leader-list,.activity-list{gap:8px;display:grid}.rank-row{border:1px solid var(--line);color:inherit;background:#fff;border-radius:10px;gap:2px;padding:8px 10px;text-decoration:none;display:grid}.rank-row span{color:#0f4fa5;font-weight:700}.rank-row em{color:var(--muted);font-size:.8rem;font-style:normal}.leader-card{border:1px solid var(--line);background:#fff;border-radius:10px;gap:6px;padding:10px;display:grid}.leader-card p{color:var(--muted);margin:0;font-size:.84rem}.leader-card a{color:#0f4fa5;font-size:.84rem;text-decoration:none}.leader-card audio,.dm-composer audio,.image-preview-voice audio{width:100%;max-width:100%}.activity-list{color:var(--muted);margin:0;padding-left:18px;font-size:.84rem;line-height:1.45}.studio-form{gap:10px;display:grid}.studio-textarea{resize:vertical;border:1px solid var(--line);min-height:100px;font:inherit;border-radius:8px;padding:10px;transition:border-color .15s,box-shadow .15s}.studio-textarea:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px #1b74e41a}.card-actions{flex-wrap:wrap;gap:8px;display:flex}.profile-shell{gap:14px;display:grid}.profile-header{grid-template-columns:92px 1fr;align-items:start;gap:14px;display:grid}.profile-avatar{border:1px solid var(--line);color:#fff;background:linear-gradient(140deg,#607283,#2b333d 56%,#181c24);border-radius:50%;place-items:center;width:92px;height:92px;font-weight:700;display:grid}.my-profile-banner{cursor:pointer;background:linear-gradient(140deg,#607283,#2b333d 56%,#181c24) 50%/cover;border-radius:10px 10px 0 0;place-items:center;width:calc(100% + 24px);height:140px;margin:-12px -12px 0;transition:opacity .15s;display:grid}.my-profile-banner:hover{opacity:.88}.my-profile-banner-hint{color:#fff9;font-size:.82rem;font-weight:600}.my-profile-avatar{border:3px solid var(--surface);color:#fff;cursor:pointer;background:linear-gradient(140deg,#607283,#2b333d 56%,#181c24);border-radius:50%;flex-shrink:0;place-items:center;width:80px;height:80px;margin-top:-40px;font-weight:700;display:grid;position:relative;overflow:hidden}.my-profile-avatar-img{object-fit:cover;width:100%;height:100%}.my-profile-avatar-initials{font-size:1.2rem}.my-profile-avatar-edit{color:#fff;opacity:0;background:#00000080;place-items:center;font-size:.72rem;font-weight:700;transition:opacity .15s;display:grid;position:absolute;inset:0}.my-profile-avatar:hover .my-profile-avatar-edit{opacity:1}.profile-meta{gap:8px;display:grid}.profile-topline{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.profile-topline h1{margin:0;font-size:1.14rem}.profile-stats{flex-wrap:wrap;gap:14px;font-size:.9rem;display:flex}.profile-stats strong{font-size:.95rem}.profile-name{margin:0;font-weight:600}.profile-tabs{border-top:1px solid var(--line);gap:8px;padding-top:10px;display:flex}.profile-masonry{column-count:4;column-gap:12px;padding:12px}.dm-shell{grid-template-columns:240px minmax(0,1fr);align-items:start;gap:8px;display:grid}.dm-shell-ig{gap:10px}.dm-sidebar{gap:8px;min-width:0;overflow:hidden}.dm-sidebar>*{min-width:0}.dm-sidebar .search{width:100%;min-width:0;max-width:100%}.dm-main{gap:8px;padding:10px}.dm-composer{border-top:1px solid var(--line);gap:6px;padding-top:8px;display:grid}.dm-mine{background:#f3f8ff;border-color:#1b74e43d}.dm-theirs{border-color:var(--line)}.dm-sidebar .activity-list{gap:6px;max-height:50vh;margin:0;padding:0;display:grid;overflow:auto}.dm-sidebar .activity-list .tab-btn{text-align:left;white-space:normal;overflow-wrap:anywhere;word-break:break-word;border-radius:10px;justify-content:flex-start;width:100%;max-width:100%;min-height:32px;display:block}.dm-list-header{justify-content:space-between;align-items:center;gap:8px;display:flex}.dm-list-header h2{margin:0;font-size:1rem}.dm-thread-btn,.dm-sidebar .activity-list .dm-thread-btn{border-radius:12px;align-items:center;gap:8px;min-height:64px;padding:8px;transition:background .12s;display:flex}.dm-thread-btn:hover{background:var(--surface-2)}.dm-thread-meta{text-align:left;flex:auto;gap:1px;min-width:0;display:grid}.dm-thread-meta strong,.dm-thread-meta span{overflow-wrap:anywhere;word-break:break-word}.dm-thread-meta strong{font-size:.86rem;font-weight:700}.dm-thread-meta .muted{font-size:.75rem}.dm-thread-time{flex:none;align-self:flex-start;margin-top:2px;font-size:.75rem}.dm-thread-avatar{border:1px solid var(--line);color:#fff;background:linear-gradient(140deg,#607283,#2b333d 56%,#181c24);border-radius:50%;flex:none;justify-content:center;align-items:center;width:28px;height:28px;font-size:.8rem;font-weight:700;display:inline-flex}.dm-header{justify-content:space-between;align-items:center}.dm-header-user{align-items:center;gap:8px;display:inline-flex}.dm-thread{max-height:48vh;padding-right:2px;overflow:auto}.dm-hold-btn{width:fit-content;min-height:34px;padding-inline:10px}.voice2-gestures{gap:8px;display:grid}.voice2-inline-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.voice2-mic-btn{width:fit-content;min-width:74px;min-height:36px;transition:background .12s,border-color .12s}.voice2-mic-btn:hover:not(:disabled){border-color:var(--line-strong);background:var(--line)}.voice2-mic-btn.canceling{color:#831313;background:#ffe9e9;border-color:#ca1f1f59}.voice2-clip{border:1px solid var(--line);background:var(--surface-2);border-radius:999px;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;padding:6px 8px;display:grid}.voice2-draft-shell{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;display:grid}.voice2-draft-bubble{background:#e8f1fe;border:1px solid #1b74e452;border-radius:18px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;min-height:36px;padding:4px 8px;display:grid}.voice2-draft-bubble .voice2-wave{accent-color:#0f4fa5}.voice2-play-btn{border-radius:999px;justify-content:center;align-items:center;width:30px;height:30px;min-height:30px;padding:0;font-size:.75rem;font-weight:700;display:inline-flex}.voice2-wave-wrap{align-items:center;display:grid}.voice2-wave{width:100%;accent-color:var(--accent)}.voice2-time{text-align:right;font-variant-numeric:tabular-nums;min-width:40px}.dm-compact-btn{min-height:27px;padding-inline:8px;font-size:.76rem}.dm-actions-compact{gap:6px}.dm-row-top{justify-content:space-between;align-items:center;gap:10px;display:flex}.dm-row-top .muted{font-size:.76rem}.profile-tile{border:1px solid var(--line);background:#fff;border-radius:10px;overflow:hidden}.profile-image-only{cursor:pointer;text-align:inherit;appearance:none;padding:0}.profile-tile .media{height:168px}.profile-tile-image{object-fit:contain;background:#000;width:100%;height:168px;display:block}.profile-tile-meta{gap:3px;padding:8px;display:grid}.crop-modal-backdrop{z-index:50;background:#000000e0;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.crop-modal{background:var(--bg);border:1px solid var(--line);border-radius:14px;flex-direction:column;width:min(560px,96vw);max-height:94vh;display:flex;overflow:hidden}.crop-modal-header{border-bottom:1px solid var(--line);flex-shrink:0;align-items:center;gap:10px;padding:12px 16px;display:flex}.crop-modal-header strong{margin-right:auto}.crop-modal-viewport{-webkit-user-select:none;user-select:none;background:#000;flex-shrink:0;align-self:center;width:500px;max-width:calc(96vw - 2px);height:500px;max-height:calc(96vw - 2px);position:relative;overflow:hidden}.crop-modal-img{pointer-events:none;-webkit-user-select:none;user-select:none;display:block}.crop-modal-status{pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.crop-modal-grid{pointer-events:none;background-image:linear-gradient(#ffffff2e 1px,#0000 1px),linear-gradient(90deg,#ffffff2e 1px,#0000 1px);background-size:33.33% 33.33%;position:absolute;inset:0}.crop-modal-border{pointer-events:none;box-sizing:border-box;border:2px solid #ffffff8c;position:absolute;inset:0}.crop-zoom-row{border-bottom:1px solid var(--line);flex-shrink:0;align-items:center;gap:10px;padding:10px 16px;display:flex}.crop-zoom-icon{opacity:.7;flex-shrink:0;font-size:18px}.crop-zoom-slider{accent-color:var(--accent);flex:1;height:4px}.crop-modal-footer{border-top:1px solid var(--line);flex-shrink:0;align-items:center;gap:10px;padding:12px 16px;display:flex}.crop-modal-footer .muted{margin-right:auto}.image-preview-backdrop{z-index:40;background:#000000c7;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.image-preview-dialog{border:1px solid var(--line);background:#fff;border-radius:12px;flex-direction:column;width:min(760px,92vw);max-height:88vh;display:flex;overflow-y:auto}.image-preview-top{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;display:flex}.image-preview-top>div:first-child{min-width:0}.image-preview-top strong{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.image-preview-top>button{flex-shrink:0}.image-preview-frame{background:#000;flex:none;place-items:center;min-height:260px;max-height:52vh;display:grid;overflow:hidden}.image-preview-image{object-fit:contain;max-width:100%;max-height:52vh}.image-preview-controls{border-top:1px solid var(--line);justify-content:center;gap:10px;padding:10px 12px 12px;display:flex}.image-preview-voice{border-top:1px solid var(--line);flex:auto;gap:10px;min-height:180px;max-height:none;padding:12px;display:grid;overflow:auto}.image-preview-fallback{width:min(760px,100%);height:min(78vh,760px)}.item-detail-dialog{background:var(--surface);border-radius:16px;flex-direction:column;width:min(440px,92vw);max-height:90vh;display:flex;overflow-y:auto;box-shadow:0 16px 48px #00000047}.item-detail-img-wrap{background:#0f1219;justify-content:center;align-items:center;max-height:50vh;display:flex;position:relative;overflow:hidden}.item-detail-img{object-fit:contain;width:100%;max-height:50vh;display:block}.item-detail-img-fallback{aspect-ratio:3/4;width:100%}.item-detail-close{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#00000080;border:none;border-radius:50%;place-items:center;width:34px;height:34px;font-size:1.2rem;transition:background .15s;display:grid;position:absolute;top:10px;right:10px}.item-detail-close:hover{background:#000000b3}.item-detail-body{gap:6px;min-width:0;padding:18px 20px 20px;display:grid;overflow:hidden}.item-detail-cat{text-transform:uppercase;letter-spacing:.05em;color:var(--muted);font-size:.75rem;font-weight:700}.item-detail-title{letter-spacing:-.02em;overflow-wrap:break-word;word-break:break-word;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0;font-size:1.15rem;font-weight:800;line-height:1.3;display:-webkit-box;overflow:hidden}.item-detail-meta{align-items:center;gap:8px;display:flex}.item-detail-by{color:var(--muted);margin:0;font-size:.84rem}.item-detail-shop-btn{background:var(--text);color:#fff;text-align:center;border-radius:10px;margin-top:8px;padding:11px 0;font-size:.88rem;font-weight:700;text-decoration:none;transition:opacity .12s;display:block}.item-detail-shop-btn:hover{opacity:.88}.item-detail-no-link{margin-top:6px;font-size:.82rem}.item-detail-actions{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;margin-top:10px;padding-top:12px;display:flex}.item-detail-vote{align-items:center;gap:2px;display:flex}.item-detail-vote-btn{border:1px solid var(--line);background:var(--surface-2);cursor:pointer;width:36px;height:36px;color:var(--muted);border-radius:8px;place-items:center;font-size:.9rem;transition:all .12s;display:grid}.item-detail-vote-btn:hover{border-color:var(--line-strong);color:var(--text)}.item-detail-vote-btn.active-up{color:#1a8a4a;background:#e8f8ee;border-color:#2ecc71}.item-detail-vote-btn.active-down{color:#c0392b;background:#fef0f0;border-color:#e74c3c}.item-detail-score{text-align:center;font-variant-numeric:tabular-nums;min-width:32px;font-size:.92rem;font-weight:800}.item-detail-score.positive{color:#1a8a4a}.item-detail-score.negative{color:#c0392b}.item-detail-hide-btn{border:1px solid var(--line);background:var(--surface-2);min-height:34px;font:inherit;color:var(--muted);cursor:pointer;border-radius:8px;padding:0 14px;font-size:.82rem;font-weight:600;transition:all .12s}.item-detail-hide-btn:hover{border-color:var(--line-strong);color:var(--text)}.item-detail-hide-btn.active{color:#d32f2f;background:#fef0f0;border-color:#fddede}.item-detail-error{color:#d32f2f;background:#fef0f0;border:1px solid #fddede;border-radius:8px;margin:0;padding:8px 12px;font-size:.82rem}.studio-upload-drop{aspect-ratio:4/3;border:2px dashed var(--line);background:var(--surface);cursor:pointer;width:100%;max-height:280px;color:inherit;text-align:center;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:1rem;transition:border-color .15s,background .15s;display:flex}.studio-upload-drop:hover:not(:disabled){border-color:var(--accent);background:color-mix(in srgb,var(--accent)6%,var(--surface))}.studio-upload-drop:disabled{opacity:.5;cursor:not-allowed}.studio-upload-icon{opacity:.6;font-size:2.2rem;line-height:1}.studio-thumb-strip{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.studio-thumb{border:1px solid var(--line);background:#000;border-radius:8px;flex-shrink:0;width:80px;height:80px;overflow:hidden}.studio-thumb img{object-fit:cover;width:100%;height:100%}.studio-thumb-add{border:2px dashed var(--line);background:var(--surface);width:80px;height:80px;color:var(--muted,#888);cursor:pointer;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;font-size:1.6rem;transition:border-color .15s;display:flex}.studio-thumb-add:hover{border-color:var(--accent);color:var(--accent)}.studio-thumb-uploading{color:var(--muted,#888);font-size:.8rem}.stf-preview{border-top:1px solid var(--line);gap:10px;padding:14px 12px;display:grid}.stf-preview-head{justify-content:space-between;align-items:center;display:flex}.stf-preview-head strong{letter-spacing:-.01em;font-size:.92rem}.stf-preview-scroll{scrollbar-width:thin;gap:10px;padding-bottom:4px;display:flex;overflow-x:auto}.stf-preview-card{border:1px solid var(--line);background:var(--surface);border-radius:10px;flex:0 0 140px;transition:box-shadow .15s,transform .15s;overflow:hidden}.stf-preview-card:hover{transform:translateY(-1px);box-shadow:0 4px 14px #00000014}.stf-preview-card-img{aspect-ratio:3/4;width:100%}.stf-preview-card-body{gap:3px;padding:8px 10px 10px;display:grid}.stf-preview-card-cat{text-transform:uppercase;letter-spacing:.04em;color:var(--muted);font-size:.68rem;font-weight:700}.stf-preview-card-name{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.8rem;font-weight:600;line-height:1.3;display:-webkit-box;overflow:hidden}.stf-preview-card-btn{background:var(--text);color:#fff;text-align:center;border-radius:6px;margin-top:4px;padding:5px 12px;font-size:.74rem;font-weight:700;text-decoration:none;transition:opacity .12s;display:inline-block}.stf-preview-card-btn:hover{opacity:.85}.stf-preview-card-style{font-size:.72rem}.stf-section{border:1px solid var(--line);background:var(--surface);border-radius:12px;overflow:hidden}.stf-header{border-bottom:1px solid var(--line);background:var(--surface-2);justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;display:flex}.stf-title{letter-spacing:-.01em;font-size:.94rem;font-weight:700;display:block}.stf-subtitle{margin:2px 0 0;font-size:.78rem}.stf-toggle{border:1px solid var(--line);background:var(--surface);min-height:34px;font:inherit;cursor:pointer;color:var(--accent);white-space:nowrap;border-radius:8px;padding:0 14px;font-size:.84rem;font-weight:600;transition:all .15s}.stf-toggle:hover{background:#e8f1fe}.stf-toggle.active{background:var(--text);color:#fff;border-color:var(--text)}.stf-linked{gap:0;display:grid}.stf-linked-card{border-bottom:1px solid var(--line);align-items:center;gap:12px;padding:10px 16px;transition:background .12s;display:flex}.stf-linked-card:last-child{border-bottom:none}.stf-linked-card:hover{background:var(--surface-2)}.stf-linked-thumb{border:1px solid var(--line);border-radius:8px;flex-shrink:0;width:48px;height:48px}.stf-linked-info{flex:1;gap:2px;min-width:0;display:grid}.stf-linked-cat{text-transform:uppercase;letter-spacing:.04em;color:var(--muted);font-size:.68rem;font-weight:700}.stf-linked-info strong{white-space:nowrap;text-overflow:ellipsis;font-size:.86rem;font-weight:600;overflow:hidden}.stf-linked-remove{width:28px;height:28px;color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:6px;flex-shrink:0;place-items:center;font-size:1.1rem;transition:background .12s,color .12s;display:grid}.stf-linked-remove:hover{color:#d32f2f;background:#fef0f0}.stf-empty{text-align:center;padding:16px;font-size:.84rem}.stf-picker{border-top:1px solid var(--line);gap:10px;padding:12px 16px 16px;display:grid}.stf-search{border:1px solid var(--line);width:100%;height:38px;font:inherit;background:var(--surface-2);border-radius:8px;padding:0 12px;font-size:.88rem;transition:border-color .15s,box-shadow .15s}.stf-search:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px #1b74e41a}.stf-cats{flex-wrap:wrap;gap:6px;display:flex}.stf-cat{border:1px solid var(--line);background:var(--surface);min-height:28px;font:inherit;color:var(--muted);cursor:pointer;white-space:nowrap;border-radius:6px;padding:0 10px;font-size:.76rem;font-weight:600;transition:all .12s}.stf-cat:hover{border-color:var(--line-strong);color:var(--text)}.stf-cat.active{background:var(--text);color:#fff;border-color:var(--text)}.stf-cat-count{opacity:.6;margin-left:2px;font-weight:400}.stf-results{scrollbar-width:thin;gap:2px;max-height:320px;display:grid;overflow-y:auto}.stf-result{cursor:pointer;width:100%;font:inherit;text-align:left;color:var(--text);background:0 0;border:none;border-radius:8px;align-items:center;gap:12px;padding:8px 10px;transition:background .12s;display:flex}.stf-result:hover{background:var(--surface-2)}.stf-result-thumb{border:1px solid var(--line);border-radius:8px;flex-shrink:0;width:44px;height:44px}.stf-result-info{flex:1;gap:1px;min-width:0;display:grid}.stf-result-cat{text-transform:uppercase;letter-spacing:.04em;color:var(--muted);font-size:.68rem;font-weight:700}.stf-result-info strong{white-space:nowrap;text-overflow:ellipsis;font-size:.84rem;font-weight:600;overflow:hidden}.stf-result-info .muted{font-size:.74rem}.stf-result-add{background:var(--surface-2);border:1px solid var(--line);width:28px;height:28px;color:var(--accent);border-radius:50%;flex-shrink:0;place-items:center;font-size:1rem;font-weight:700;transition:all .15s;display:grid}.stf-result:hover .stf-result-add{background:#e8f1fe;border-color:#1b74e44d}.stf-no-results{text-align:center;padding:20px 12px;font-size:.84rem}.stf-load-more{border:1px dashed var(--line);width:100%;min-height:36px;font:inherit;color:var(--accent);cursor:pointer;background:0 0;border-radius:8px;font-size:.82rem;font-weight:600;transition:background .12s}.stf-load-more:hover{background:#e8f1fe}.stf-count{text-align:center;font-size:.76rem}.studio-image-preview{aspect-ratio:1;border:1px solid var(--line);background:#000;border-radius:8px;width:min(260px,100%);overflow:hidden}.studio-image-preview img{object-fit:contain;width:100%;height:100%}.studio-image-preview-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.sponsored-preview-shell{width:min(100%,340px);margin:0 auto}.account-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.account-hero{border:1px solid var(--line);background:var(--hero-bg,linear-gradient(140deg,#687888,#242a33 55%,#151a23));border-radius:12px;min-height:180px;overflow:hidden}.account-hero-overlay{min-height:inherit;color:#fff;background:linear-gradient(#0b0f161a,#0b0f16b8);align-content:space-between;gap:12px;padding:12px;display:grid}.account-hero-overlay h1{color:#fff}.account-hero-overlay .muted{color:#ffffffd6}.back-btn{color:#fff;cursor:pointer;background:#0f121970;border:1px solid #ffffff57;border-radius:999px;width:fit-content;min-height:34px;padding:0 10px;transition:background .12s,border-color .12s}.back-btn:hover{background:#0f12199e;border-color:#ffffff80}.metric{border:1px solid var(--line);background:var(--surface-2);border-radius:10px;padding:10px}.metric strong{font-size:1.2rem;display:block}.metric span{color:var(--muted);font-size:.82rem}@media (max-width:1080px){.layout{grid-template-columns:1fr;width:min(1560px,100% - 16px)}.sidebar{scrollbar-width:none;flex-direction:row;gap:4px;padding:8px 10px;display:flex;position:static;overflow-x:auto}.sidebar .nav-btn{white-space:nowrap}.hub-grid,.browse-items-layout,.content-grid,.item-grid{grid-template-columns:1fr}.following-grid-react{grid-template-columns:repeat(2,minmax(0,1fr))}.browse-shell,.dm-shell{grid-template-columns:1fr}.browse-facets{position:static}.results-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.discovery-masonry,.results-masonry,.core-directory-masonry,.profile-masonry{column-count:3}.discovery-toolbar{scrollbar-width:none;gap:6px;overflow-x:auto}.discovery-toolbar .tab-row{flex-wrap:nowrap}.discovery-settings{position:static}.discovery-settings-grid,.landing-grid{grid-template-columns:1fr}}@media (max-width:900px){.topbar{gap:10px;min-height:50px;padding:8px 14px}.topbar .search{width:min(320px,48vw)}.results-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.following-grid-react{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.following-react-card{min-height:160px}.dm-shell{grid-template-columns:1fr}.dm-sidebar{max-height:240px;overflow-y:auto}.dm-sidebar .activity-list{max-height:180px}.account-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.profile-header{grid-template-columns:72px 1fr;gap:12px}.profile-avatar{width:72px;height:72px}}@media (max-width:780px){.discovery-masonry,.results-masonry,.core-directory-masonry,.profile-masonry{column-count:2}.following-react-card{min-height:140px}.following-react-copy strong{font-size:.9rem}.following-react-copy span{font-size:.78rem}.core-hero-stats{flex-wrap:wrap;gap:16px}.core-hero-title{font-size:1.6rem}.core-stat-value{font-size:1.15rem}}@media (max-width:640px){.topbar{gap:8px;min-height:48px;padding:8px 12px}.topbar .search{display:none}.brand{font-size:.92rem}.topbar .tab-row{gap:6px}.topbar .tab-btn{min-height:30px;padding:0 8px;font-size:.78rem}.topbar .muted{text-overflow:ellipsis;white-space:nowrap;max-width:80px;font-size:.78rem;overflow:hidden}.notif-bell-btn{place-items:center;min-width:36px;min-height:36px;padding:6px 8px;font-size:.9rem;display:grid}.layout{gap:8px;width:100%;margin:0 auto;padding:0 6px}.panel,.card{border-radius:10px;padding:10px}.tab-row{scrollbar-width:none;-webkit-overflow-scrolling:touch;flex-wrap:nowrap;overflow-x:auto}.tab-btn{min-height:34px;font-size:.8rem}.sidebar{scrollbar-width:none;-webkit-overflow-scrolling:touch;border-radius:10px;flex-direction:row;gap:4px;padding:6px 8px;display:flex;position:static;overflow-x:auto}.sidebar .nav-btn{white-space:nowrap;border-radius:8px;min-height:34px;padding:0 12px;font-size:.8rem}.results-grid,.following-grid-react{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.following-react-card{border-radius:12px;min-height:130px}.following-react-copy{inset:auto 10px 10px}.following-react-copy strong{font-size:.86rem}.following-react-copy span{font-size:.74rem}.following-react-copy p{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.78rem;display:-webkit-box;overflow:hidden}.profile-header{text-align:center;grid-template-columns:1fr;justify-items:center}.profile-avatar{width:72px;height:72px}.profile-topline{justify-content:center}.profile-topline h1{font-size:1.05rem}.profile-stats{justify-content:center;gap:12px;font-size:.84rem}.profile-tabs{justify-content:center}.my-profile-banner{border-radius:10px 10px 0 0;width:calc(100% + 20px);height:110px;margin:-10px -10px 0}.my-profile-avatar{width:68px;height:68px;margin-top:-34px}.account-hero{border-radius:10px;min-height:150px}.account-hero-overlay h1{font-size:1.15rem}.account-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.browse-shell{gap:8px}.browse-facets{border-radius:10px;padding:10px}.core-hero-stats{gap:12px}.core-section{padding:14px 16px}.core-related-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.dm-sidebar{max-height:200px;overflow-y:auto}.dm-main{padding:8px}.dm-thread{max-height:40vh}.discovery-toolbar{gap:4px;padding:6px 0;top:48px}.discovery-toolbar .tab-btn{min-height:30px;padding:0 8px;font-size:.76rem}.item-detail-dialog{border-radius:14px;width:96vw;max-height:92vh}.item-detail-body{padding:14px 16px 16px}.image-preview-dialog{border-radius:14px;width:96vw;max-height:92vh}.image-preview-frame{min-height:140px;max-height:38vh}.image-preview-image{max-height:38vh}.image-preview-voice{min-height:120px;padding:10px}.stf-preview{padding:12px 10px}.stf-preview-card{flex:0 0 120px}.board-content{padding:12px 10px}}@media (max-width:480px){.pin-card-footer{padding:6px 8px 8px}.pin-card h4{font-size:.76rem}.pin-card-eyebrow,.pin-card-subtitle,.pin-card-meta{font-size:.7rem}.pin-card-vote-btn{padding:3px 4px;font-size:.58rem}.pin-card-vote-score{min-width:14px;font-size:.68rem}.following-grid-react{grid-template-columns:1fr;gap:8px}.following-react-card{min-height:160px}.item-detail-dialog{border-radius:16px 16px 0 0;width:100vw;max-height:100dvh}.item-detail-img-wrap{flex-shrink:0;max-height:36vh}.item-detail-img{max-height:36vh}.item-detail-title{-webkit-line-clamp:2;font-size:1rem}.item-detail-shop-btn{border-radius:12px;padding:12px 0;font-size:.86rem}.item-detail-body{flex:1;padding:14px 16px 16px;overflow-y:auto}.item-detail-actions{flex-wrap:wrap;gap:8px}.item-detail-vote-btn{width:40px;height:40px}.image-preview-dialog{border-radius:0;width:100vw;max-height:100dvh}.image-preview-frame{min-height:100px;max-height:34vh}.image-preview-image{max-height:34vh}.image-preview-voice{min-height:100px;padding:10px}.preview-tab-btn{padding:10px 0;font-size:.78rem}.stf-preview-card{flex:0 0 110px}.stf-preview-card-body{padding:6px 8px 8px}.stf-preview-card-name{font-size:.74rem}.stf-preview-card-btn{padding:5px 10px;font-size:.7rem}.core-hero-title{font-size:1.35rem}.core-hero-desc{font-size:.86rem}.core-stat-value{font-size:1.1rem}.notif-row{gap:10px;padding:10px 12px;font-size:.86rem}.results-grid{grid-template-columns:1fr}}@supports (padding:env(safe-area-inset-bottom)){.topbar{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}.sidebar{padding-left:max(8px,env(safe-area-inset-left))}.toast-stack{bottom:max(24px,env(safe-area-inset-bottom));right:max(24px,env(safe-area-inset-right))}}.board-page{grid-template-columns:280px minmax(0,1fr);gap:0;min-height:calc(100vh - 90px);display:grid}.board-sidebar{border-right:1px solid var(--line);background:var(--surface);flex-direction:column;gap:4px;height:calc(100vh - 56px);padding:16px 0;display:flex;position:sticky;top:56px;overflow-y:auto}.board-sidebar-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;margin-bottom:4px;padding:0 16px 12px;display:flex}.board-sidebar-head h2{margin:0;font-size:1rem;font-weight:700}.board-create-btn{border:1px solid var(--line);background:var(--surface-2);cursor:pointer;width:32px;height:32px;color:var(--text);border-radius:8px;place-items:center;font-size:1.2rem;font-weight:600;transition:background .15s,border-color .15s;display:grid}.board-create-btn:hover{color:#0f4fa5;background:#e8f1fe;border-color:#1b74e438}.board-create-row{border-bottom:1px solid var(--line);gap:6px;padding:8px 12px;display:flex}.board-create-input{border:1px solid var(--line);min-width:0;height:34px;font:inherit;background:var(--surface-2);border-radius:8px;flex:1;padding:0 10px;font-size:.88rem}.board-create-input:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 2px #1b74e41f}.board-create-submit{border:1px solid var(--accent);background:var(--accent);color:#fff;height:34px;font:inherit;cursor:pointer;white-space:nowrap;border-radius:8px;padding:0 12px;font-size:.84rem;font-weight:600}.board-create-submit:disabled{opacity:.5;cursor:not-allowed}.board-rename-row{gap:6px;padding:6px 12px;display:flex}.board-nav-item-wrap{position:relative}.board-nav-item{cursor:pointer;text-align:left;width:100%;font:inherit;color:var(--text);background:0 0;border:none;border-radius:0;align-items:center;gap:10px;padding:8px 12px;transition:background .12s;display:flex}.board-nav-item:hover{background:var(--surface-2)}.board-nav-item.active{border-right:3px solid var(--accent);background:#e8f1fe}.board-nav-thumb{background:var(--surface-2);border:1px solid var(--line);width:44px;height:44px;color:var(--muted);border-radius:10px;flex-shrink:0;place-items:center;font-size:.88rem;font-weight:700;display:grid;overflow:hidden}.board-nav-thumb--all{color:var(--accent);background:linear-gradient(135deg,#e8f1fe,#f0e8fe);border-color:#1b74e42e}.board-nav-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.board-nav-info strong{white-space:nowrap;text-overflow:ellipsis;font-size:.88rem;font-weight:600;overflow:hidden}.board-nav-info .muted{font-size:.76rem}.board-nav-menu{opacity:0;cursor:pointer;width:28px;height:28px;color:var(--muted);background:0 0;border:none;border-radius:6px;flex-shrink:0;place-items:center;font-size:1rem;transition:opacity .12s,background .12s;display:grid}.board-nav-item:hover .board-nav-menu,.board-nav-menu:focus-visible{opacity:1}.board-nav-menu:hover{background:var(--line)}.board-dropdown{z-index:10;background:var(--surface);border:1px solid var(--line);border-radius:10px;min-width:130px;position:absolute;top:100%;right:12px;overflow:hidden;box-shadow:0 6px 20px #0000001f}.board-dropdown button{text-align:left;width:100%;font:inherit;cursor:pointer;color:var(--text);background:0 0;border:none;padding:10px 14px;font-size:.88rem;display:block}.board-dropdown button:hover{background:var(--surface-2)}.board-dropdown-danger{color:#d32f2f!important}.board-dropdown-danger:hover{background:#fef0f0!important}.board-sidebar-hint{padding:12px 16px;font-size:.84rem;line-height:1.5}.board-content{flex-direction:column;gap:16px;padding:20px 24px;display:flex}.board-content-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.board-content-head h1{letter-spacing:-.02em;margin:0;font-size:1.3rem;font-weight:800}.board-content-head .muted{margin-top:2px;font-size:.84rem}.board-error{color:#d32f2f;background:#fef0f0;border:1px solid #fddede;border-radius:10px;padding:10px 14px;font-size:.88rem}.board-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:60px 20px;display:flex}.board-empty-icon{margin-bottom:4px;font-size:2.4rem}.board-empty h3{margin:0;font-size:1.1rem;font-weight:700}.board-empty .muted{max-width:340px;line-height:1.5}.board-remove-x{color:#fff;cursor:pointer;opacity:0;z-index:2;background:#0000008c;border:none;border-radius:50%;place-items:center;width:24px;height:24px;font-size:1rem;line-height:1;transition:opacity .15s,background .15s;display:grid;position:absolute;top:6px;right:6px}.pin-card:hover .board-remove-x{opacity:1}.board-remove-x:hover{background:#d32f2fd9}.board-picker-dialog{background:var(--surface);border-radius:16px;flex-direction:column;width:min(400px,92vw);max-height:70vh;display:flex;overflow:hidden;box-shadow:0 16px 48px #00000047}.board-picker-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.board-picker-head strong{font-size:1rem}.board-picker-close{cursor:pointer;width:32px;height:32px;color:var(--muted);background:0 0;border:none;border-radius:8px;place-items:center;font-size:1.3rem;display:grid}.board-picker-close:hover{background:var(--surface-2)}.board-picker-list{flex:1;overflow-y:auto}.board-picker-item{cursor:pointer;text-align:left;width:100%;font:inherit;color:var(--text);background:0 0;border:none;align-items:center;gap:12px;padding:10px 18px;transition:background .12s;display:flex}.board-picker-item:hover{background:var(--surface-2)}.board-picker-item.active{background:#e8f1fe}.board-picker-thumb{background:var(--surface-2);border:1px solid var(--line);border-radius:8px;flex-shrink:0;width:40px;height:40px}.board-picker-info{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.board-picker-info strong{font-size:.88rem;font-weight:600}.board-picker-info .muted{font-size:.76rem}.board-picker-check{border:2px solid var(--line);color:#0000;border-radius:50%;flex-shrink:0;place-items:center;width:24px;height:24px;font-size:.8rem;font-weight:700;transition:all .15s;display:grid}.board-picker-check.checked{border-color:var(--accent);background:var(--accent);color:#fff}@media (max-width:900px){.board-page{grid-template-columns:1fr;min-height:auto}.board-sidebar{border-right:none;border-bottom:1px solid var(--line);scrollbar-width:none;-webkit-overflow-scrolling:touch;flex-flow:row;gap:0;height:auto;padding:12px 0;position:static;overflow:auto visible}.board-sidebar-head{border-bottom:1px solid var(--line);flex-shrink:0;width:100%;margin-bottom:8px;padding:0 12px 8px}.board-create-row{border-bottom:1px solid var(--line);flex-shrink:0;width:100%}.board-nav-item-wrap{flex-shrink:0}.board-nav-item{white-space:nowrap;flex-shrink:0;min-height:44px;padding:8px 12px}.board-nav-item.active{border-right:none;border-bottom:2px solid var(--accent)}.board-nav-thumb{border-radius:8px;width:32px;height:32px}.board-sidebar-hint{flex-shrink:0;padding:8px 12px}.board-rename-row{flex-shrink:0;width:100%}.board-content{padding:14px 12px}}@media (max-width:640px){.board-content{padding:12px 8px}.board-content-head h1{font-size:1.1rem}.board-nav-item{gap:8px;padding:6px 10px}.board-nav-thumb{width:28px;height:28px}.board-nav-info strong{font-size:.82rem}}.toast-stack{z-index:1000;pointer-events:none;flex-direction:column;gap:8px;display:flex;position:fixed;bottom:24px;right:24px}.toast{pointer-events:auto;border-radius:10px;justify-content:space-between;align-items:center;gap:12px;min-width:220px;max-width:360px;padding:10px 14px;font-size:.88rem;font-weight:500;animation:.18s toast-in;display:flex;box-shadow:0 4px 18px #0000001f}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.toast-success{color:#fff;background:#1a7a4a}.toast-error{color:#fff;background:#c0392b}.toast-info{color:#fff;background:#1b74e4}.toast-close{color:inherit;opacity:.7;cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:0 2px;font-size:1.1rem;line-height:1}.toast-close:hover{opacity:1}.notif-bell-btn{border:1px solid var(--line);cursor:pointer;color:var(--text);background:0 0;border-radius:8px;flex-shrink:0;padding:4px 10px;font-size:1rem;line-height:1;position:relative}.notif-bell-btn:hover{background:var(--surface-2)}.notif-badge{color:#fff;background:#e53e3e;border-radius:999px;justify-content:center;align-items:center;min-width:16px;height:16px;padding:0 3px;font-size:.62rem;font-weight:700;line-height:1;display:flex;position:absolute;top:-5px;right:-6px}.notif-list{flex-direction:column;gap:2px;display:flex}.notif-row{background:var(--surface);border:1px solid var(--line);border-radius:10px;align-items:center;gap:12px;padding:12px 14px;font-size:.9rem;display:flex}.notif-row.notif-unread{background:#eef4fd;border-color:#1b74e433}.notif-icon{text-align:center;flex-shrink:0;width:28px;font-size:1.1rem}.notif-body{flex:1;min-width:0}.notif-time{color:var(--muted);flex-shrink:0;font-size:.78rem}.tab-btn:focus-visible,.nav-btn:focus-visible,.back-btn:focus-visible,.load-more-btn:focus-visible,.item-detail-vote-btn:focus-visible,.pin-card-vote-btn:focus-visible,.pin-card-more:focus-visible,.pin-card-cta:focus-visible,.dm-thread-btn:focus-visible,.dm-hold-btn:focus-visible,.dm-compact-btn:focus-visible,.voice2-mic-btn:focus-visible,.voice2-play-btn:focus-visible,.stf-cat:focus-visible,.stf-toggle:focus-visible,.stf-result:focus-visible,.stf-load-more:focus-visible,.core-related-card:focus-visible,.core-swatch:focus-visible,.core-hero-back:focus-visible,.board-nav-item:focus-visible,.board-create-btn:focus-visible,.board-picker-item:focus-visible,.board-picker-close:focus-visible,.board-nav-menu:focus-visible,.notif-bell-btn:focus-visible,.item-detail-close:focus-visible,.item-detail-hide-btn:focus-visible,.following-react-card:focus-visible,.pin-card--interactive:focus-visible,.profile-image-only:focus-visible,.crop-modal-header button:focus-visible,.crop-modal-footer button:focus-visible,.toast-close:focus-visible{outline:none;box-shadow:0 0 0 3px #1b74e459}@media (max-width:640px){.crop-modal{border-radius:0;width:100vw;max-height:100dvh}.crop-modal-viewport{aspect-ratio:1;width:100%;max-width:100vw;height:auto;max-height:80vw}}.image-preview-top strong{text-overflow:ellipsis;white-space:nowrap;max-width:100%;display:block;overflow:hidden}