:root{--bg: #FAF5F3;--surface: #FFFFFF;--surface-alt: #F4EAE8;--panel: #FFFFFF;--panel-border: #540915;--text: #540915;--text-2: #785A60;--accent: #FFD400;--red: #8B1E3F;--burgundy: #540915;--win: #33CC70;--loss: #E64350;--border-c: #540915;--border-w: 2.5px;--shadow-c: #540915;--shadow-hard: 4px 4px 0 var(--shadow-c);--shadow-hard-sm: 3px 3px 0 var(--shadow-c);--shadow-hard-lg: 6px 6px 0 var(--shadow-c);--shadow-card: var(--shadow-hard);--press: 2px;--radius: 12px;--color-bg: #0B0B0F;--color-surface: #16161B;--color-surfaceBorder: #26262C;--color-textPrimary: #FFFFFF;--color-textSecondary: #9A9AA2;--color-accent: #FFD400;--color-red: #8B1E3F;--color-win: #33CC70;--color-loss: #E64350;--color-burgundy: #540915;--color-cream: #FAF5F3;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-6: 24px;--space-8: 32px;--space-12: 48px;--radius-sm: 10px;--radius-md: 14px;--radius-lg: 18px;--radius-pill: 999px;--duration-fast: .12s;--duration-base: .2s;--duration-slow: .32s;--font-headline: "IBM Plex Serif", Georgia, serif;--font-body: "Lato", -apple-system, system-ui, sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, monospace}:root[data-theme=dark]{--bg: #120205;--surface: #1F0A10;--surface-alt: #2A0D13;--panel: #1F0A10;--panel-border: #FFD400;--text: #FAF5F3;--text-2: #C9A9AE;--border-c: #FFD400;--shadow-c: #000000}.type-display{font-family:var(--font-headline);font-size:32px;font-weight:700;line-height:1.12}.type-title{font-family:var(--font-headline);font-size:24px;font-weight:700;line-height:1.15}.type-cardTitle{font-family:var(--font-headline);font-size:20px;font-weight:700;line-height:1.2}.type-headline{font-family:var(--font-body);font-size:17px;font-weight:700;line-height:1.3}.type-body{font-family:var(--font-body);font-size:16px;font-weight:400;line-height:1.45}.type-callout{font-family:var(--font-body);font-size:15px;font-weight:400;line-height:1.4}.type-caption{font-family:var(--font-body);font-size:13px;font-weight:400;line-height:1.4}.type-micro{font-family:var(--font-body);font-size:11px;font-weight:700;line-height:1.3;letter-spacing:.29em}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg);color:var(--text);font-family:var(--font-body);-webkit-font-smoothing:antialiased}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;pointer-events:none;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='3' height='3'%3E%3Crect width='1' height='1' fill='%23ffffff'/%3E%3C/svg%3E");background-size:3px 3px;filter:invert(1)}:root[data-theme=dark] body:before{filter:none}.grain-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;background:radial-gradient(120% 90% at 80% 0%,rgba(255,212,0,.1),transparent 60%),var(--bg)}.app{max-width:720px;margin:0 auto;padding:0 12px 80px}.topbar{display:flex;align-items:center;justify-content:space-between;padding:16px 4px 12px;position:sticky;top:0;background:linear-gradient(var(--bg) 70%,transparent);z-index:10}.topbar .logo{font-family:var(--font-headline);font-weight:800;font-size:26px;color:var(--text)}.icon-btn{background:none;border:none;color:var(--text);font-size:20px;cursor:pointer;padding:8px}.masonry{column-count:2;column-gap:10px}@media (max-width: 480px){.masonry{column-count:2}}.card{break-inside:avoid;margin-bottom:16px;background:var(--surface);border:var(--border-w) solid var(--border-c);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-hard)}.card img,.card video{width:100%;display:block}.card-body{padding:10px 12px 12px}.card-title{font-weight:700;font-size:14px}.card-caption{font-size:13px;color:var(--text-2);margin-top:3px}.card-meta{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--text-2);margin-top:8px}.reposted{font-size:11px;color:var(--text-2);padding:8px 12px 0}.card.feature{column-span:all;box-shadow:var(--shadow-hard-lg)}.author-row{display:flex;align-items:center;gap:10px;padding:10px 12px}.avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;background:var(--surface-alt);border:2px solid var(--border-c);display:grid;place-items:center;font-weight:800;color:var(--text)}.author-name{font-weight:800;font-size:15px}.author-handle{font-size:12px;color:var(--text-2);font-family:var(--font-mono, monospace)}.follow-btn{margin-left:auto;background:var(--accent);color:var(--burgundy);border:var(--border-w) solid var(--border-c);box-shadow:var(--shadow-hard-sm);font-weight:800;font-size:12px;padding:7px 14px;border-radius:var(--radius-pill);cursor:pointer;transition:transform .08s ease,box-shadow .08s ease}.follow-btn:active{transform:translate(3px,3px);box-shadow:none}.wtext{color:var(--win);font-weight:800}.auth{min-height:100vh;display:grid;place-items:center;padding:24px}.auth-card{width:100%;max-width:380px;text-align:center}.auth-card h1{font-family:var(--font-headline);font-size:44px;color:var(--text);margin-bottom:6px}.auth-card p{color:var(--text-2);margin-bottom:24px}.field{width:100%;background:var(--surface);border:var(--border-w) solid var(--border-c);color:var(--text);font-size:16px;padding:13px 15px;border-radius:var(--radius);margin-bottom:14px;box-shadow:var(--shadow-hard-sm)}.field:focus{outline:none;box-shadow:var(--shadow-hard);transform:translate(-1px,-1px)}.field::placeholder{color:var(--text-2)}.btn{width:100%;background:var(--accent);color:var(--burgundy);border:var(--border-w) solid var(--border-c);border-radius:var(--radius);font-family:var(--font-body);font-weight:800;font-size:15px;padding:14px;cursor:pointer;box-shadow:var(--shadow-hard);transition:transform .08s ease,box-shadow .08s ease,filter .15s ease}.btn:hover{transform:translate(-1px,-1px);box-shadow:var(--shadow-hard-lg)}.btn:active{transform:translate(4px,4px);box-shadow:none}.btn:disabled{opacity:.5;cursor:default;transform:none;box-shadow:var(--shadow-hard)}.link-btn{background:none;border:none;color:var(--text-2);cursor:pointer;margin-top:14px;font-size:13px}.btn.apple{background:#fff;color:#000;margin-bottom:10px}.btn.google{background:#fff;color:#1f1f1f;margin-bottom:10px}.btn.google:hover{filter:brightness(.96)}.or-divider{color:var(--text-2);font-size:12px;margin:6px 0 14px}.error{color:var(--loss);font-size:13px;margin-bottom:12px}.code-hint{color:var(--text-2);font-size:14px;line-height:1.5;margin-bottom:20px}.code-hint strong{color:var(--text)}.code-boxes{display:flex;gap:8px;justify-content:center;margin-bottom:8px}.code-box{width:46px;height:58px;text-align:center;font-family:var(--font-mono, monospace);font-size:26px;font-weight:700;color:var(--text);background:var(--surface);border:2.5px solid var(--border-c);border-radius:0;box-shadow:3px 3px 0 var(--shadow-c);outline:none;transition:transform .06s ease,box-shadow .06s ease}.code-box:focus{transform:translate(1px,1px);box-shadow:2px 2px 0 var(--shadow-c);border-color:var(--accent)}.code-box:disabled{opacity:.6}.code-status{color:var(--text-2);font-size:13px;margin-top:12px}.pw-wrap{position:relative}.pw-wrap .field{padding-right:62px}.pw-toggle{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--accent);font-size:13px;font-weight:700;cursor:pointer;padding:4px 6px}@media (max-width: 380px){.code-box{width:40px;height:52px;font-size:22px}}.loading,.empty{text-align:center;color:var(--text-2);padding:60px 20px}.tabbar{position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:space-around;background:var(--surface);border-top:var(--border-w) solid var(--border-c);padding:10px 0 14px}.tabbar button{background:none;border:none;color:var(--text-2);font-size:12px;cursor:pointer;font-weight:700}.tabbar button.active{color:var(--text)}.kicker{font-size:11px;font-weight:800;letter-spacing:.12em;color:var(--text-2);padding:14px 6px 6px}.cult-row{display:flex;align-items:center;gap:12px;padding:10px 6px;cursor:pointer}.cult-row .rank{width:24px;font-weight:900;color:var(--win);text-align:center}.cult-emoji{font-size:26px;cursor:pointer}.cult-meta{flex:1;min-width:0}.cult-name{font-weight:700;font-size:15px}.cult-sub{font-size:12px;color:var(--text-2)}.cult-header{padding:12px 16px 4px}.cult-title{font-family:var(--font-headline);font-size:26px;font-weight:700}.cult-desc{font-size:14px;color:var(--text-2);margin-top:8px}.tabs{display:flex;gap:8px;padding:12px}.tab{flex:1;background:var(--surface);border:var(--border-w) solid var(--border-c);color:var(--text);font-weight:800;font-size:13px;padding:9px;border-radius:var(--radius-pill);cursor:pointer;box-shadow:var(--shadow-hard-sm);transition:transform .08s ease,box-shadow .08s ease}.tab:active{transform:translate(3px,3px);box-shadow:none}.tab.active{background:var(--accent);color:var(--burgundy)}.challenge{display:flex;align-items:center;gap:12px;padding:14px;background:var(--surface);border:var(--border-w) solid var(--border-c);box-shadow:var(--shadow-hard-sm);border-radius:var(--radius);margin-bottom:12px}.follow-btn.ghost,.btn.ghost{background:var(--surface);color:var(--text)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#14020580;z-index:200;display:grid;place-items:center;padding:20px}.modal{width:100%;max-width:400px;background:var(--surface);border:var(--border-w) solid var(--border-c);border-radius:var(--radius);padding:20px;box-shadow:var(--shadow-hard-lg)}.profile-head{text-align:center;padding:20px 16px 8px}.profile-avatar{width:90px;height:90px;border-radius:50%;object-fit:cover;margin:0 auto 10px;background:var(--surface-alt);border:var(--border-w) solid var(--border-c);box-shadow:var(--shadow-hard);display:grid;place-items:center;font-size:34px;font-weight:800;color:var(--text)}.profile-name{font-family:var(--font-headline);font-size:24px;font-weight:700}.prof-stats{display:flex;gap:18px;justify-content:center;margin-top:10px;font-size:13px;color:var(--text-2)}.prof-stats b{color:var(--text)}.wbig{font-size:34px;font-weight:900;color:var(--win);margin-top:12px}.wbig span{font-size:16px}.fab{position:fixed;right:max(16px,calc(50vw - 348px));bottom:72px;z-index:50;width:58px;height:58px;border-radius:50%;cursor:pointer;background:var(--accent);border:var(--border-w) solid var(--border-c);color:var(--burgundy);font-size:28px;font-weight:800;line-height:54px;text-align:center;box-shadow:var(--shadow-hard);transition:transform .08s ease,box-shadow .08s ease}.fab:hover{transform:translate(-1px,-1px);box-shadow:var(--shadow-hard-lg)}.fab:active{transform:translate(4px,4px);box-shadow:none}.meta-like{background:none;border:none;color:var(--text-2);font-size:12px;cursor:pointer;padding:0}.meta-like.on{color:var(--loss)}.modal.detail{max-width:520px;max-height:88vh;overflow-y:auto;position:relative}.detail-close{position:absolute;top:8px;right:8px;z-index:2}.detail-media{width:100%;border-radius:12px;display:block;margin:4px 0}.engage-row{display:flex;gap:8px;padding:10px 0;border-top:1px solid var(--panel-border);border-bottom:1px solid var(--panel-border);margin:8px 0}.engage{flex:1;background:var(--panel);border:none;color:var(--text);font-weight:700;font-size:13px;padding:9px 6px;border-radius:10px;cursor:pointer}.engage.on{background:var(--accent);color:#000}.engage:disabled{opacity:.6}.comments{display:flex;flex-direction:column;gap:10px;padding:4px 0}.comment{display:flex;gap:10px;align-items:flex-start;font-size:13px;line-height:1.4}.comment.pinned{background:#ffd7000f;border-radius:12px;padding:8px;margin:0 -8px}.comment b{color:var(--text)}.comment-avatar{width:30px;height:30px;border-radius:50%;object-fit:cover;flex:0 0 auto;background:#222;display:grid;place-items:center;font-size:12px;font-weight:700;color:var(--text)}.comment-body{flex:1;min-width:0}.comment-text{color:var(--text)}.creator-badge{display:inline-block;margin-left:6px;font-size:10px;font-weight:800;color:#000;background:var(--accent);padding:1px 6px;border-radius:999px;vertical-align:middle}.pin-tag{font-size:10px;font-weight:700;color:var(--accent);margin-bottom:2px}.pin-btn{background:none;border:none;cursor:pointer;font-size:14px;flex:0 0 auto;opacity:.7}.pin-btn:hover{opacity:1}.comment-box{display:flex;gap:8px;align-items:stretch;margin-top:10px}.shell{display:flex;min-height:100vh}.sidebar{width:220px;flex:0 0 220px;border-right:1px solid var(--panel-border);padding:20px 12px;position:sticky;top:0;height:100vh;background:#00000059}.side-logo{font-family:var(--font-headline);font-size:30px;color:var(--accent);padding:2px 12px 18px}.side-nav{display:flex;flex-direction:column;gap:2px}.side-item{display:flex;align-items:center;gap:12px;background:none;border:none;cursor:pointer;color:var(--text-2);font-size:15px;font-weight:600;padding:11px 12px;border-radius:12px;text-align:left}.side-item:hover{background:var(--panel);color:var(--text)}.side-item.on{background:var(--panel);color:var(--accent)}.side-ico{width:22px;text-align:center;font-size:17px}.home-head .side-chev{margin-left:auto;font-size:18px;font-weight:800;color:var(--text-2);transition:transform .18s ease;transform:rotate(0)}.home-head .side-chev.open{transform:rotate(90deg)}.side-children{display:flex;flex-direction:column;gap:2px;margin:2px 0 4px 10px;padding-left:10px;border-left:2px solid var(--surface-alt)}.side-item.child{font-size:14px;padding:8px 12px}.side-item.child .side-ico{font-size:15px;width:20px}.folder-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:20px;margin-top:12px}.folder-item{display:flex;flex-direction:column;align-items:center;gap:4px;cursor:pointer}.folder-ico{position:relative;display:grid;place-items:center}.folder-emoji{position:absolute;bottom:6px;font-size:18px}.folder-name{font-size:13px;font-weight:700;color:var(--text);text-align:center}.folder-count{font-size:12px;color:var(--text-2)}.cal-head{display:flex;align-items:center;justify-content:center;gap:20px;margin:8px 0 14px}.cal-title{font-weight:800;font-size:17px;color:var(--text)}.cal-nav{background:none;border:none;color:var(--accent);font-size:22px;font-weight:800;cursor:pointer;padding:0 8px}.cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:6px}.cal-dow{text-align:center;font-size:11px;font-weight:700;color:var(--text-2);padding-bottom:4px}.cal-cell{aspect-ratio:1;border:2px solid var(--surface-alt);border-radius:10px;background:var(--surface);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;cursor:pointer;color:var(--text);font-size:14px;position:relative}.cal-cell.empty{border:none;background:none;cursor:default}.cal-cell.today{border-color:var(--accent)}.cal-cell.sel{background:var(--accent);color:var(--accent-contrast, #1a1a1a);border-color:var(--border-c)}.cal-dot{width:5px;height:5px;border-radius:50%;background:var(--accent)}.cal-cell.sel .cal-dot{background:var(--accent-contrast, #1a1a1a)}.form-card{width:100%;max-width:460px;max-height:88vh;overflow-y:auto;background:var(--surface);border:2.5px solid var(--border-c);border-radius:var(--radius);box-shadow:var(--shadow-hard-lg);padding:22px}.form-title{font-size:20px;font-weight:800;color:var(--text);margin-bottom:14px}.form-card .lbl{display:block;font-size:12px;font-weight:700;color:var(--text-2);text-transform:uppercase;letter-spacing:.4px;margin:12px 0 5px}.form-row{display:flex;gap:12px}.seg.wrap{flex-wrap:wrap}.seg.wrap .seg-btn{flex:0 0 auto}.form-card select.field{-webkit-appearance:none;-moz-appearance:none;appearance:none}.partners{display:flex;align-items:center;gap:6px;margin-left:auto;position:relative;flex:0 0 auto}.partner{padding:0;background:none;border:none;cursor:pointer;border-radius:50%;line-height:0;box-shadow:0 0 0 2.5px var(--surface-alt);transition:box-shadow .15s ease}.partner .uav{display:block}.partner.did{box-shadow:0 0 0 2.5px var(--accent)}.partner-extra{font-size:13px;font-weight:800;color:var(--text-2)}.partner-pop{position:absolute;top:calc(100% + 8px);right:0;z-index:20;width:180px;background:var(--surface);border:2.5px solid var(--border-c);border-radius:14px;box-shadow:var(--shadow-hard);padding:14px;display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center}.partner-pop-name{font-weight:800;font-size:14px;color:var(--text)}.partner-pop-state{font-size:13px;color:var(--text-2)}.partner-pop-state.did{color:var(--win);font-weight:700}.partner-pop-meta{font-size:11px;color:var(--text-2);text-transform:uppercase;letter-spacing:.5px}.p-row.pact{align-items:center}.pact-body{display:flex;flex-direction:column;gap:1px;min-width:0;flex:1}.pact-meta{font-size:11px;color:var(--text-2);text-transform:capitalize}.content{flex:1;min-width:0}.content-inner{max-width:680px;margin:0 auto;padding:0 16px 60px}.screen{padding-top:4px}.page-head{padding:18px 0 12px}.page-head h1{color:var(--text)}.add-row{display:flex;gap:8px;margin-bottom:16px}.emoji-in{flex:0 0 56px;text-align:center}.list{display:flex;flex-direction:column;gap:8px}.p-row{display:flex;align-items:center;gap:12px;background:var(--panel);border:1px solid var(--panel-border);border-radius:14px;padding:12px 14px}.p-row.done .p-title{text-decoration:line-through;color:var(--text-2)}.p-title{flex:1;min-width:0;font-size:15px}.check{width:24px;height:24px;border-radius:50%;border:2px solid var(--text-2);background:none;color:#000;cursor:pointer;flex:0 0 auto;font-weight:800}.check.on{background:var(--win);border-color:var(--win)}.checkoff{background:var(--panel);border:1px solid var(--accent);color:var(--accent);font-weight:700;font-size:13px;padding:8px 14px;border-radius:999px;cursor:pointer;flex:0 0 auto}.checkoff.done{background:var(--win);border-color:var(--win);color:#000}.h-emoji{font-size:24px}.habit-card{background:var(--panel);border:1px solid var(--panel-border);border-radius:14px;padding:12px 14px}.habit-top{display:flex;align-items:center;gap:12px}.tiles{display:flex;gap:6px;margin-top:12px}.tile-col{display:flex;flex-direction:column;align-items:center;gap:4px}.tile{width:26px;height:26px;border-radius:7px;background:#ffffff0f;border:1px solid var(--panel-border)}.tile.on{background:var(--win);border-color:var(--win)}.tile-dow{font-size:10px;color:var(--text-2)}.w-chip{background:var(--win);color:#000;font-weight:800;font-size:11px;padding:2px 8px;border-radius:999px}.p-del{background:none;border:none;color:var(--text-2);cursor:pointer;font-size:14px}.focus-wrap{display:flex;flex-direction:column;align-items:center;gap:20px;padding-top:16px}.focus-ring{width:240px;height:240px;border-radius:50%;display:grid;place-items:center}.focus-inner{width:210px;height:210px;border-radius:50%;background:var(--bg);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}.focus-time{font-family:var(--font-headline);font-size:50px;color:var(--text)}.settings-section{background:var(--panel);border:1px solid var(--panel-border);border-radius:16px;padding:16px;margin-bottom:14px;display:flex;flex-direction:column;gap:10px}.lbl{font-size:12px;color:var(--text-2);margin-bottom:-4px}.set-row{display:flex;justify-content:space-between;align-items:center;font-size:15px}.btn.danger{background:var(--loss);color:#fff}.mod-row{display:flex;gap:18px;justify-content:center;padding-top:12px;margin-top:8px;border-top:1px solid var(--panel-border)}.danger-text{color:var(--loss)}.fab{right:24px;bottom:88px}@media (max-width: 720px){.shell{flex-direction:column}.sidebar{width:auto;height:auto;position:fixed;bottom:0;left:0;right:0;top:auto;flex-direction:row;padding:6px;border-right:none;border-top:1px solid var(--panel-border);overflow-x:auto;z-index:100;background:#000000eb}.side-logo{display:none}.side-nav{flex-direction:row;gap:2px}.side-item{flex-direction:column;gap:2px;padding:6px 12px;font-size:10px;white-space:nowrap}.side-lbl{font-size:10px}}.feed-topbar{gap:10px}.note-pill{flex:1;background:var(--panel);border:1px solid var(--panel-border);color:var(--text-2);text-align:left;font-size:14px;padding:10px 16px;border-radius:999px;cursor:pointer}.note-pill:hover{border-color:var(--accent)}.seg{display:flex;gap:6px;background:var(--panel);border-radius:999px;padding:4px;margin-bottom:12px}.seg-btn{flex:1;background:none;border:none;color:var(--text-2);font-weight:700;font-size:13px;padding:8px;border-radius:999px;cursor:pointer}.seg-btn.on{background:var(--accent);color:#000}.banner-pick{height:130px;border-radius:14px;background:var(--panel) center/cover no-repeat;border:1px dashed var(--panel-border);display:grid;place-items:center;cursor:pointer}.card.article{border-color:var(--accent)}.card.article .card-title{font-family:var(--font-headline);font-size:22px;margin-bottom:4px}.article-tag{font-size:11px;font-weight:800;letter-spacing:.08em;color:var(--accent);padding:10px 12px 0;text-transform:uppercase}.folder-row{display:block;width:100%;text-align:left;background:var(--panel);border:none;color:var(--text);font-size:14px;padding:12px 14px;border-radius:12px;margin-bottom:8px;cursor:pointer}.chips{display:flex;gap:8px;padding:10px 12px;overflow-x:auto}.chip{flex:0 0 auto;background:var(--panel);border:none;color:var(--text-2);font-size:13px;font-weight:600;padding:8px 14px;border-radius:999px;cursor:pointer}.chip.on{background:var(--accent);color:#000}.compose-previews{display:flex;gap:8px;overflow-x:auto;margin-top:10px}.compose-thumb{width:72px;height:72px;object-fit:cover;border-radius:10px;flex:0 0 auto}.cat-grid{display:flex;flex-wrap:wrap;gap:8px}.cat-pill{background:var(--panel);border:1px solid var(--panel-border);color:var(--text);font-size:13px;padding:9px 12px;border-radius:999px;cursor:pointer;display:inline-flex;align-items:center;gap:6px}.cat-pill.on{background:var(--accent);color:#000;border-color:var(--accent)}.type-row{display:block;width:100%;text-align:left;background:var(--panel);border:1px solid var(--panel-border);color:var(--text);padding:14px;border-radius:14px;margin-bottom:8px;cursor:pointer}.type-row.on{border-color:var(--accent)}.cult-banner-pick{height:120px;border-radius:14px;background:var(--panel) center/cover no-repeat;border:1px dashed var(--panel-border);display:grid;place-items:center;cursor:pointer;margin-top:8px}:root{--ease: .16s cubic-bezier(.2,.6,.2,1)}button,a,.side-item,.card,.chip,.tab,.field,.note-pill,.follow-btn,.icon-btn,.meta-like,.checkoff,.check,.seg-btn,.engage{transition:background var(--ease),color var(--ease),border-color var(--ease),transform var(--ease),box-shadow var(--ease),filter var(--ease),opacity var(--ease)}.btn:hover:not(:disabled){filter:brightness(1.08)}.btn:active:not(:disabled){transform:translateY(1px)}.btn.ghost{background:transparent;border:1px solid var(--panel-border);color:var(--text)}.btn.ghost:hover:not(:disabled){border-color:var(--accent);color:var(--accent);filter:none}.btn.danger:hover:not(:disabled){filter:brightness(1.06)}.follow-btn:hover{filter:brightness(1.08)}.follow-btn.ghost:hover{border-color:var(--accent);color:var(--accent);filter:none}.side-item{position:relative}.side-item:hover{background:#ffffff0a;color:var(--text)}.side-item.on{background:#ffd70014;color:var(--accent)}.side-item.on:before{content:"";position:absolute;left:2px;top:9px;bottom:9px;width:3px;border-radius:2px;background:var(--accent)}.side-ico{display:inline-flex;align-items:center;justify-content:center}.side-logo{letter-spacing:-.02em}.masonry .card:hover{border-color:#ffffff29}.card.feature{border-width:1px;border-color:#ffd70061}.card.article{border-color:#ffd70080}.chip:hover,.tab:hover{color:var(--text)}.chip.on{box-shadow:0 2px 12px #ffd7002e}.seg-btn:hover{color:var(--text)}.note-pill:hover{background:#ffffff12;color:var(--text)}.icon-btn:hover{color:var(--accent)}.meta-like:hover{color:var(--text)}.engage:hover:not(:disabled):not(.on){background:#ffffff0d}.field::placeholder{color:#ffffff57}.field:focus{box-shadow:0 0 0 3px #ffd7001f}.check:hover{border-color:var(--win)}.checkoff:hover:not(.done){background:#ffd70014}.tile{transition:transform var(--ease)}.empty{font-size:14px;line-height:1.6}.loading{color:var(--text-2)}.loading:after{content:"";display:inline-block;width:14px;height:14px;margin-left:8px;border:2px solid var(--panel-border);border-top-color:var(--accent);border-radius:50%;vertical-align:-2px;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.page-head h1{letter-spacing:-.01em}.hcards{display:flex;flex-direction:column;gap:12px}.hcard{background:var(--panel);border:1px solid var(--panel-border);border-radius:20px;padding:16px 20px}.hcard-head{display:flex;align-items:center;gap:10px}.hcard-name{font-weight:600;font-size:15px;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hcard-streak{color:var(--habit);font-weight:800;font-size:13px;font-variant-numeric:tabular-nums}.dont-badge{background:var(--habit);color:#000;font-size:9px;font-weight:800;padding:2px 6px;border-radius:4px;letter-spacing:.04em}.hmonths{display:flex;gap:3px;margin:14px 0 4px}.hmonth{flex:1;font-size:9px;font-weight:600;letter-spacing:.04em;color:var(--text-2);opacity:.55;text-align:left}.hgrid{display:flex;gap:3px}.hgrid-col{display:flex;flex-direction:column;gap:3px;flex:1}.g-tile{aspect-ratio:1 / 1;border-radius:3px;background:color-mix(in srgb,var(--habit) 10%,transparent)}.g-tile.fill{background:var(--habit)}.g-tile.today{box-shadow:inset 0 0 0 1.3px var(--habit)}.hcard-foot{display:flex;align-items:center;justify-content:space-between;margin-top:14px;gap:10px}.hcard-total{font-size:11px;color:var(--text-2);font-variant-numeric:tabular-nums}.home-hero{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 0 16px;flex-wrap:wrap}.home-hero-left{flex:1;min-width:180px}.home-greet{font-family:var(--font-headline);font-size:26px;color:var(--text)}.home-w{font-size:38px;font-weight:900;color:var(--win);margin-top:4px;line-height:1}.home-w span{font-size:15px;font-weight:800}.home-rings{display:flex;align-items:center}.activity-rings{display:flex;align-items:center;gap:22px;background:var(--panel);border:1px solid var(--panel-border);border-radius:18px;padding:14px 20px;width:100%}.aring-svg{flex:0 0 auto}.aring-arc{transition:stroke-dasharray .6s cubic-bezier(.34,1.56,.64,1),filter .3s}.aring-legend{display:flex;flex-direction:column;gap:10px;flex:1}.aring-leg{display:flex;align-items:center;gap:10px;background:none;border:none;padding:4px 2px;cursor:pointer;border-radius:8px;transition:background .15s}.aring-leg:hover{background:color-mix(in srgb,var(--text) 6%,transparent)}.aring-dot{width:11px;height:11px;border-radius:50%;flex:0 0 auto}.aring-leg-label{font-size:16px;font-weight:700;color:var(--text);flex:1;text-align:left}.aring-leg-count{font-size:18px;font-weight:800;color:var(--text);font-variant-numeric:tabular-nums}.aring-leg-count span{font-size:12px;font-weight:600;color:var(--text-2)}.ring-gauge{background:var(--panel);border:1px solid var(--panel-border);border-radius:18px;padding:12px 16px 10px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;width:110px;border-style:solid;transition:transform .18s cubic-bezier(.34,1.56,.64,1),border-color .18s,box-shadow .18s;-webkit-user-select:none;user-select:none}.ring-gauge:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--ring, var(--accent)) 45%,var(--panel-border));box-shadow:0 4px 16px #0003}.ring-gauge:active{transform:scale(.96)}.ring-dial{width:64px;height:64px;position:relative;display:grid;place-items:center}.ring-svg{width:100%;height:100%;overflow:visible}.ring-track{fill:none;stroke:color-mix(in srgb,var(--ring, var(--accent)) 16%,transparent);stroke-width:8;stroke-linecap:round}.ring-fill{fill:none;stroke:var(--ring, var(--accent));stroke-width:8;stroke-linecap:round;transition:stroke-dasharray .5s cubic-bezier(.34,1.56,.64,1),stroke .3s}.ring-gauge.done .ring-fill{stroke:var(--win, #00F59B);filter:drop-shadow(0 0 5px color-mix(in srgb,var(--win, #00F59B) 70%,transparent))}.ring-gauge.done{border-color:color-mix(in srgb,var(--win, #00F59B) 30%,var(--panel-border))}.ring-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;pointer-events:none}.ring-fraction{display:flex;align-items:baseline;justify-content:center}.ring-num{font-size:15px;font-weight:800;color:var(--text);font-variant-numeric:tabular-nums}.ring-den{font-size:10px;color:var(--text-2);font-weight:600}.ring-check{font-size:18px;font-weight:900;color:var(--win, #00F59B);line-height:1;animation:checkPop .35s cubic-bezier(.175,.885,.32,1.275)}@keyframes checkPop{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}.ring-label{font-size:10px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--text-2);margin-top:4px}.ring-gauge.done .ring-label{color:var(--text)}.timeline-date-strip{display:flex;align-items:center;justify-content:space-between;background:var(--panel);border:1px solid var(--panel-border);border-radius:14px;padding:8px 14px;margin-bottom:20px;gap:12px;flex-wrap:wrap}.date-strip-days{display:flex;gap:6px;align-items:center}.date-strip-pill{display:flex;flex-direction:column;align-items:center;justify-content:center;width:32px;height:38px;border-radius:8px;background:transparent;color:var(--text-2);font-size:10px;position:relative;transition:all .15s}.date-strip-pill.today{background:color-mix(in srgb,var(--accent, #FFD700) 15%,transparent);color:var(--text);font-weight:800;border:1px solid color-mix(in srgb,var(--accent, #FFD700) 40%,transparent)}.dsp-dow{font-size:9px;font-weight:700;text-transform:uppercase;opacity:.75}.dsp-num{font-size:13px;font-weight:800;line-height:1.1}.dsp-dot{width:4px;height:4px;border-radius:50%;background:var(--accent, #FFD700);position:absolute;bottom:2px}.date-strip-meta{font-size:12px;font-weight:600;color:var(--text-2);font-variant-numeric:tabular-nums}.home-sec{margin-bottom:26px}.home-sec-head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:12px}.home-sec-head h2{color:var(--text);font-size:22px}.hmonth-row{display:flex;gap:12px;margin:12px 0}.hmonth-block{flex:1;min-width:0}.hmonth-label{font-size:10px;font-weight:700;letter-spacing:.04em;color:var(--text-2);margin-bottom:5px}.hmonth-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:3px}.hmonth-grid .g-tile{aspect-ratio:1 / 1;border-radius:3px;background:color-mix(in srgb,var(--habit) 12%,transparent)}.hmonth-grid .g-tile.blank{background:transparent}.hmonth-grid .g-tile.fill{background:var(--habit)}.hmonth-grid .g-tile.today{box-shadow:inset 0 0 0 1.3px var(--habit)}.content-inner.wide{max-width:1080px}.home-grid{display:grid;grid-template-columns:1fr;gap:18px}.home-card{background:var(--panel);border:1px solid var(--panel-border);border-radius:18px;padding:16px 18px}.home-card .home-sec-head{margin-bottom:12px}.home-card .hcards{gap:14px}.home-card .hcard{background:#ffffff08}.focus-card{display:flex;flex-direction:column}@media (min-width: 900px){.home-grid{grid-template-columns:1fr 1fr;align-items:start}.focus-card{grid-column:1 / -1}}.fv-wrap{position:relative}.fv-wrap video{width:100%;display:block}.fv-mute{position:absolute;bottom:8px;right:8px;width:30px;height:30px;border-radius:50%;border:none;background:#0000008c;color:#fff;font-size:13px;cursor:pointer;display:grid;place-items:center}.fv-mute:hover{background:#000000c7}.card.feature-large{border-color:#ffd7008c;box-shadow:0 0 0 1px #ffd70026}.card.feature-large .author-row{padding:12px 14px}.card.feature-large .author-name{font-size:15px}.card.feature-large .card-title{font-size:20px}.card.feature-large .card-caption{font-size:14px}[data-theme=light]{--bg: #F5F5F7;--panel: #FFFFFF;--panel-border: #E5E5EA;--text: #141418;--text-2: #6A6A72}[data-theme=light] .topbar{background:linear-gradient(#F5F5F7 70%,transparent)}[data-theme=light] .modal{background:#fff}[data-theme=light] .sidebar{background:#00000008}[data-theme=light] .side-item:hover{background:#0000000d}[data-theme=light] .avatar,[data-theme=light] .profile-avatar,[data-theme=light] .comment-avatar{background:#e9e9ee;color:#141418}[data-theme=light] .fv-mute{background:#0000008c}.btn.ghost.on{background:var(--accent);color:#1a1400}.picker-wrap{margin:4px 0 10px}.picker-hint{font-size:12px;color:var(--text-2);margin-top:6px;padding-left:2px}.userpicker{position:relative}.up-chips{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px}.uchip{display:inline-flex;align-items:center;gap:5px;padding:3px 8px 3px 4px;background:var(--panel);border:1px solid var(--panel-border);border-radius:var(--radius-pill);font-size:12.5px;color:var(--text)}.uchip button{background:none;border:none;color:var(--text-2);cursor:pointer;font-size:12px;padding:0 2px}.uchip button:hover{color:var(--loss)}.udrop{position:absolute;z-index:30;left:0;right:0;margin-top:4px;background:var(--panel);border:1px solid var(--panel-border);border-radius:var(--radius-md);box-shadow:var(--shadow-card);overflow:hidden;max-height:240px;overflow-y:auto}.urow{display:flex;align-items:center;gap:9px;width:100%;padding:8px 12px;background:none;border:none;cursor:pointer;text-align:left;color:var(--text)}.urow:hover{background:#ffffff0d}.uname{font-weight:600;font-size:14px}.usub{font-size:12px;color:var(--text-2)}.uav{border-radius:50%;object-fit:cover;background:var(--red);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-weight:700;flex-shrink:0}.roster{display:inline-flex;align-items:center;margin:0 4px}.rav{display:inline-flex;margin-left:-7px;border-radius:50%;box-shadow:0 0 0 2px var(--bg);position:relative}.rav:first-child{margin-left:0}.rav.done{box-shadow:0 0 0 2px var(--win)}.rav.more{width:22px;height:22px;background:var(--panel);color:var(--text-2);align-items:center;justify-content:center;font-size:10px;font-weight:700;box-shadow:0 0 0 2px var(--bg)}.owner-tag{font-size:10.5px;text-transform:uppercase;letter-spacing:.04em;color:var(--red);font-weight:700;margin:0 4px}.shared-note{font-size:11.5px;color:var(--text-2);padding:2px 2px 0}.p-assign{background:none;border:none;color:var(--accent);cursor:pointer;font-size:16px;line-height:1;padding:2px 6px}.p-assign:hover{filter:brightness(1.2)}.modal-scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;z-index:100;display:flex;align-items:center;justify-content:center;padding:20px}.modal-card{width:100%;max-width:420px;background:var(--panel);border:1px solid var(--panel-border);border-radius:var(--radius-lg);padding:20px;box-shadow:var(--shadow-card)}.modal-title{font-family:var(--font-headline);font-size:18px;margin-bottom:14px;color:var(--text)}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:16px}.notif{display:flex;gap:12px;align-items:flex-start;padding:12px 14px;border-bottom:1px solid var(--panel-border)}.notif.unread{background:#8000ff0f}.notif-body{flex:1}.notif-text{font-size:14px;color:var(--text);line-height:1.4}.notif-obj{color:var(--accent);font-weight:600}.notif-time{font-size:12px;color:var(--text-2);margin-top:3px}.side-ico{position:relative}.nav-badge{position:absolute;top:-5px;right:-8px;min-width:15px;height:15px;padding:0 3px;background:var(--loss);color:#fff;border-radius:999px;font-size:9.5px;font-weight:700;display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 2px var(--bg)}.combo-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:8px}.combo-swatch{display:flex;align-items:center;gap:10px;background:var(--surface);border:var(--border-w) solid var(--border-c);border-radius:var(--radius);padding:10px 12px;cursor:pointer;box-shadow:var(--shadow-hard-sm);transition:transform .08s ease,box-shadow .08s ease}.combo-swatch:active{transform:translate(3px,3px);box-shadow:none}.combo-swatch.on{box-shadow:var(--shadow-hard)}.combo-dot{width:28px;height:28px;border-radius:50%;border:2px solid var(--border-c);flex-shrink:0}.combo-name{font-weight:800;font-size:12px;color:var(--text);text-align:left}.fr-sec{margin-top:18px}.fr-row{display:flex;align-items:center;gap:12px;padding:10px 4px;border-bottom:1.5px solid var(--surface-alt)}.fr-row:last-child{border-bottom:none}.fr-meta{flex:1 1 auto;min-width:0}.fr-name{font-weight:800;font-size:15px;color:var(--text);line-height:1.2}.fr-bio{font-size:13px;color:var(--text-2);line-height:1.35;margin-top:3px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.fr-actions{display:flex;gap:8px;flex:0 0 auto}.invite-bar{margin:4px 0 16px;border:2.5px solid var(--border-c);border-radius:var(--radius);box-shadow:var(--shadow-hard-sm);background:var(--surface);padding:12px 14px}.invite-row{display:flex;align-items:center;gap:12px;padding:8px 0}.invite-row+.invite-row{border-top:1.5px solid var(--surface-alt)}.invite-emoji{font-size:26px;flex:0 0 auto}.invite-meta{flex:1 1 auto;min-width:0}.invite-title{font-weight:800;font-size:15px;color:var(--text)}.p-row.sub{margin-left:26px}.p-row.sub .p-title{font-size:14px;opacity:.9}.chat-screen{display:flex;flex-direction:column;height:100%}.chat-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.chat-head-actions{display:flex;gap:8px}.chat-history{border:2.5px solid var(--border-c);border-radius:var(--radius);box-shadow:var(--shadow-hard-sm);background:var(--surface);padding:8px;margin-bottom:12px;max-height:200px;overflow-y:auto}.chat-hrow{display:block;width:100%;text-align:left;padding:9px 10px;border:none;background:none;color:var(--text);font-size:14px;cursor:pointer;border-radius:8px}.chat-hrow.on,.chat-hrow:hover{background:var(--surface-alt)}.chat-scroll{flex:1 1 auto;overflow-y:auto;display:flex;flex-direction:column;gap:12px;padding:4px 2px 12px}.chat-msg{display:flex}.chat-msg.me{justify-content:flex-end}.chat-msg.ai{justify-content:flex-start}.chat-bubble{max-width:80%;padding:11px 15px;font-size:15px;line-height:1.45;white-space:pre-wrap;border:2.5px solid var(--border-c);border-radius:16px}.chat-msg.me .chat-bubble{background:var(--accent);color:var(--accent-contrast, #1a1a1a)}.chat-msg.ai .chat-bubble{background:var(--surface);color:var(--text);box-shadow:var(--shadow-hard-sm)}.chat-bubble.typing{letter-spacing:3px;opacity:.6}.chat-empty{color:var(--text-2);text-align:center;margin:auto 0;padding:24px}.chat-input-bar{display:flex;gap:8px;align-items:center;padding-top:10px;border-top:2px solid var(--surface-alt)}.chat-send{width:42px;height:42px;flex:0 0 auto;border:2.5px solid var(--border-c);border-radius:50%;background:var(--accent);color:var(--accent-contrast, #1a1a1a);font-size:18px;font-weight:800;cursor:pointer;box-shadow:var(--shadow-hard-sm)}.chat-send:disabled{opacity:.4;cursor:default}.you-head{display:flex;align-items:center;gap:14px;margin-bottom:16px}.you-avatar{width:64px;height:64px;border-radius:50%;object-fit:cover;flex:0 0 auto;border:2.5px solid var(--border-c);display:grid;place-items:center;font-size:26px;font-weight:800;background:var(--surface);color:var(--text)}.you-name{font-size:22px;font-weight:800;color:var(--text)}.you-bio{font-size:13px;color:var(--text-2);margin-top:2px}.you-stats{display:flex;align-items:center;padding:16px;background:var(--surface);border:2.5px solid var(--border-c);border-radius:var(--radius);box-shadow:var(--shadow-hard-sm)}.you-stat{flex:1;text-align:center;display:flex;flex-direction:column;gap:3px}.you-stat b{font-size:24px;font-weight:800;color:var(--text)}.you-stat span{font-size:11px;font-weight:700;letter-spacing:.5px;color:var(--text-2);text-transform:uppercase}.you-div{width:2px;height:34px;background:var(--border-c);opacity:.4}.you-habit{padding:14px;margin-top:12px;background:var(--surface);border:2.5px solid var(--border-c);border-radius:var(--radius);box-shadow:var(--shadow-hard-sm)}.you-habit-head{display:flex;align-items:center;gap:10px;margin-bottom:10px}.you-habit-name{font-size:15px;font-weight:700;color:var(--text);flex:1}.you-fire{font-size:14px;font-weight:800;color:var(--accent)}.you-grid{display:flex;gap:4px}.you-cell{flex:1;height:14px;border:1.5px solid var(--border-c);border-radius:2px;background:transparent}.you-cell.on{background:var(--accent)}