@tailwind base;@tailwind components;@tailwind utilities;:root{--bg:#07060d;--surface:#fff;--surface-2:#f5f5f4;--text:#0b0b0e;--text-dim:#6b6b72;--border:#e7e5e4;--border-strong:#d6d3d1;--accent:#3b82f6;--accent-soft:#3b82f61a;--success:#10b981;--warn:#f59e0b;--danger:#ef4444;--danger-alt:#ff6f61;--danger-alt-soft:#ff6f6126;--shadow-sm:0 1px 2px #0000000a;--radius-sm:4px;--radius:8px;--radius-md:8px;--radius-lg:12px;--radius-pill:999px;--gold:#c8a96e;--gold-soft:#c8a96e29;--gold-faint:#c8a96e0f;--gold-glass:#c8a96e1f;--gold-border:#c8a96e2e;--gold-medium:#c8a96e40;--gold-strong:#c8a96e4d;--gold-bold:#c8a96e73;--midnight:#07060d;--cream:#f3ecdd;--rose-soft:#e6b7a3;--lilac-soft:#c5b6e6}*{box-sizing:border-box}.skip-to-content{z-index:100;color:#c8a96e;border-radius:var(--radius-sm);font-family:var(--sans,system-ui, sans-serif);letter-spacing:.04em;background:#07060d;border:1px solid #c8a96e;padding:.6rem 1rem;font-size:.85rem;text-decoration:none;transition:transform .15s ease-out;position:fixed;top:.75rem;left:.75rem;transform:translateY(-200%)}.skip-to-content:focus{outline-offset:2px;outline:2px solid #c8a96e;transform:translateY(0)}html,body{background:var(--bg);color:var(--text);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:var(--sans,system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif);-webkit-font-smoothing:antialiased;font-size:14px;line-height:1.5;overflow-x:clip}html{scroll-behavior:smooth}input:-webkit-autofill{-webkit-text-fill-color:#f3ecdd;caret-color:#f3ecdd;-webkit-box-shadow:inset 0 0 0 1000px #15131d}input:-webkit-autofill:hover{-webkit-text-fill-color:#f3ecdd;caret-color:#f3ecdd;-webkit-box-shadow:inset 0 0 0 1000px #15131d}input:-webkit-autofill:focus{-webkit-text-fill-color:#f3ecdd;caret-color:#f3ecdd;-webkit-box-shadow:inset 0 0 0 1000px #15131d}textarea:-webkit-autofill{-webkit-text-fill-color:#f3ecdd;caret-color:#f3ecdd;-webkit-box-shadow:inset 0 0 0 1000px #15131d}select:-webkit-autofill{-webkit-text-fill-color:#f3ecdd;caret-color:#f3ecdd;-webkit-box-shadow:inset 0 0 0 1000px #15131d}*{scrollbar-width:thin;scrollbar-color:#c8a96e8c #07060d66}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:linear-gradient(#07060d00 0%,#07060d73 50%,#07060d00 100%);border-left:1px solid #c8a96e14}::-webkit-scrollbar-thumb{border-radius:var(--radius);background:linear-gradient(#f7e9c8bf 0%,#c8a96ed9 50%,#9b7d4bd9 100%) padding-box padding-box;border:2px solid #0000;transition:background .2s,box-shadow .2s;box-shadow:inset 0 0 0 1px #f7e9c82e,0 0 6px #c8a96e2e}::-webkit-scrollbar-thumb:hover{background:linear-gradient(#fff1d2eb 0%,#d8b87c 50%,#b4915cf2 100%) padding-box padding-box;box-shadow:inset 0 0 0 1px #fff1d247,0 0 10px #c8a96e73}::-webkit-scrollbar-thumb:active{background:linear-gradient(#fff8e0 0%,#e8c88c 100%) padding-box padding-box;box-shadow:inset 0 0 0 1px #fff8e066,0 0 14px #c8a96e99}::-webkit-scrollbar-corner{background:0 0}.natal-shell ::-webkit-scrollbar{width:12px}::selection{background:var(--accent);color:var(--surface)}:root{--text-scale:1}:root[data-text-size=small]{--text-scale:.92}:root[data-text-size=regular]{--text-scale:1}:root[data-text-size=large]{--text-scale:1.12}:root[data-text-size=xlarge]{--text-scale:1.25}html{font-size:calc(16px * var(--text-scale))}html[data-motion=reduced] *,html[data-motion=reduced] :before,html[data-motion=reduced] :after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}html[data-contrast=high] .natal-shell,html[data-contrast=high]{--text-soft:#f1ece0;--text-dim:#e8e2d3;--text-faint:#d9d2c1;--border:#c8a96e8c;--border-strong:#c8a96ed9}html[data-contrast=high] .natal-prose p,html[data-contrast=high] .natal-page__big-three{color:#faf7ee}a{color:inherit;text-decoration:none}.hairline{border:1px solid var(--border)}.hairline-b{border-bottom:1px solid var(--border)}.hairline-t{border-top:1px solid var(--border)}.hairline-r{border-right:1px solid var(--border)}.surface{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);transition:border-color .15s,transform .15s}a.surface:hover,button.surface:hover{border-color:var(--border-strong)}.density-tight{font-size:13px}.btn{border-radius:var(--radius);border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer;align-items:center;gap:8px;padding:6px 12px;font-size:13px;font-weight:500;transition:background .12s,border-color .12s;display:inline-flex}.btn:hover{background:var(--surface-2)}.btn:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--accent);color:#fff;border-color:var(--accent)}.btn-primary:hover{filter:brightness(1.08);background:var(--accent)}.input{border-radius:var(--radius);border:1px solid var(--border);background:var(--surface);width:100%;color:var(--text);padding:8px 10px;font-size:14px;transition:border-color .12s,box-shadow .12s}.input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);outline:none}@media (pointer:fine){html{scrollbar-width:thin;scrollbar-color:#c8a96e73 #07060d99}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:#07060d99}::-webkit-scrollbar-thumb{border-radius:var(--radius);background:linear-gradient(#c8a96e80,#74603c99) padding-box padding-box;border:2px solid #0000}::-webkit-scrollbar-thumb:hover{background:linear-gradient(#c8a96ed9,#c8a96ea6) padding-box padding-box}::-webkit-scrollbar-thumb:active{background:var(--gold);background-clip:padding-box}::-webkit-scrollbar-corner{background:0 0}}.google-signin-btn{border-radius:var(--radius-pill);min-height:44px;color:var(--text-soft);font-family:var(--sans);letter-spacing:.12em;text-transform:uppercase;cursor:pointer;box-sizing:border-box;background:#07060d99;border:1px solid #c8a96e73;justify-content:center;align-items:center;gap:.65rem;padding:.7rem 1.1rem;font-size:.78rem;text-decoration:none;transition:border-color .2s,background .2s,color .2s;display:inline-flex}.google-signin-btn:hover,.google-signin-btn:focus-visible{border-color:var(--gold);color:var(--text);background:#c8a96e14;outline:none}.hc-notif{flex-wrap:wrap;align-items:center;gap:.5rem;display:inline-flex}.hc-notif-btn{font:inherit;letter-spacing:.08em;text-transform:uppercase;color:var(--gold);border-radius:var(--radius-pill);cursor:pointer;background:#c8a96e14;border:1px solid #c8a96e66;align-items:center;gap:.42rem;padding:.36rem .85rem;font-size:.7rem;transition:background .16s,border-color .16s,transform .12s,box-shadow .16s;display:inline-flex}.hc-notif-btn:hover{background:#c8a96e29;border-color:#c8a96ed9;box-shadow:0 0 0 3px #c8a96e14}.hc-notif-btn:active{transform:translateY(1px)}.hc-notif-btn:disabled{opacity:.6;cursor:default;box-shadow:none}.hc-notif-btn:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.hc-notif-chip{font:inherit;letter-spacing:.08em;text-transform:uppercase;color:var(--text-dim);border-radius:var(--radius-pill);cursor:pointer;background:0 0;border:1px solid #c8a96e33;align-items:center;gap:.3rem;padding:.3rem .62rem;font-size:.64rem;transition:color .16s,border-color .16s;display:inline-flex}.hc-notif-chip:hover{color:var(--text);border-color:#c8a96e8c}.hc-notif-chip:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.hc-notif-on{letter-spacing:.02em;color:#7fbf7f;align-items:center;gap:.38rem;font-size:.72rem;display:inline-flex}.hc-notif-muted{color:var(--text-dim);align-items:center;gap:.38rem;font-size:.72rem;display:inline-flex}.hc-notif-muted--warn{color:var(--warn)}.hc-notif-msg{color:var(--text-dim);align-items:center;gap:.25rem;font-size:.72rem;display:inline-flex}