:root,:root[data-theme=dark]{--bg: #0a0d0c;--bg-elev: #0f1413;--card: #121817;--card-2: #161d1c;--card-hover: #1a2321;--stroke: #1e2725;--stroke-soft: #182120;--text: #eef2f0;--text-2: #9aa8a3;--text-3: #647069;--mint: #2fd48a;--mint-2: #3ee39a;--mint-dim: #1c7d54;--red: #ff6b6b;--red-dim: #7d2b2b;--amber: #ffcf6b;--shadow: 0 18px 50px -18px rgba(0, 0, 0, .75);--glow: rgba(47, 212, 138, .14);--glow-border: rgba(47, 212, 138, .34);--skeleton-a: #141b1a;--skeleton-b: #1c2523;--scrollbar: #1d2725;--scrollbar-hover: #26332f;--topbar-bg: rgba(10, 13, 12, .82);--sidebar-bg: linear-gradient(180deg, rgba(15, 20, 19, .6), transparent);--page-glow-1: rgba(47, 212, 138, .06);--page-glow-2: rgba(47, 212, 138, .045);--input-bg: #0e1413;--track: #1c2523;--track-2: #2b3634;--hex-bg: linear-gradient(160deg, #17201e, #0f1514);--info: #8be0ff}:root[data-theme=light]{--bg: #f4f7f5;--bg-elev: #ffffff;--card: #ffffff;--card-2: #f7faf8;--card-hover: #eef4f0;--stroke: #dde5e0;--stroke-soft: #e8eeea;--text: #101815;--text-2: #4d5c56;--text-3: #7d8b84;--mint: #14a86a;--mint-2: #17bd77;--mint-dim: #0d7a4c;--red: #d64545;--red-dim: #f0c4c4;--amber: #b57d10;--shadow: 0 14px 38px -20px rgba(16, 33, 26, .28);--glow: rgba(20, 168, 106, .1);--glow-border: rgba(20, 168, 106, .35);--skeleton-a: #e9efeb;--skeleton-b: #f3f7f4;--scrollbar: #cfdad4;--scrollbar-hover: #b9c7c0;--topbar-bg: rgba(244, 247, 245, .86);--sidebar-bg: linear-gradient(180deg, rgba(255, 255, 255, .9), transparent);--page-glow-1: rgba(20, 168, 106, .07);--page-glow-2: rgba(20, 168, 106, .05);--input-bg: #ffffff;--track: #e4ebe7;--track-2: #cdd8d2;--hex-bg: linear-gradient(160deg, #ffffff, #eef3f0);--info: #1f7fa8}:root{--radius: 18px;--radius-sm: 12px;--sans: "Inter", system-ui, sans-serif;--display: "Sora", "Inter", sans-serif;--mono: "JetBrains Mono", monospace}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;max-width:100%;overflow-x:clip}body{background:radial-gradient(1200px 600px at 80% -10%,var(--page-glow-1),transparent 60%),radial-gradient(900px 500px at -10% 110%,var(--page-glow-2),transparent 55%),var(--bg);color:var(--text);font-family:var(--sans);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden;transition:background-color .25s ease,color .25s ease}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}input,select,textarea{font-family:inherit}a{color:inherit;text-decoration:none}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--scrollbar);border-radius:20px;border:2px solid var(--bg)}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-hover)}.mono{font-family:var(--mono)}.mobile-topbar,.mobile-nav{display:none}@media (max-width: 860px){.app-shell{flex-direction:column}.sidebar{display:none!important}.mobile-topbar{display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:40;padding:12px 16px;padding-top:max(12px,env(safe-area-inset-top));background:var(--topbar-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--stroke)}.topbar{display:none!important}.main{padding:16px 14px calc(90px + env(safe-area-inset-bottom))!important}.mobile-nav{display:flex;align-items:center;position:fixed;left:0;right:0;bottom:0;z-index:40;padding:6px 8px calc(6px + env(safe-area-inset-bottom));background:var(--topbar-bg);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-top:1px solid var(--stroke)}.mobile-add{flex-shrink:0;width:52px;height:52px;margin:0 6px;border-radius:16px;font-size:26px;font-weight:400;color:#04140d;background:linear-gradient(120deg,#3ee39a,#23b978);box-shadow:0 8px 22px -8px #2fd48abf;transform:translateY(-8px)}}.main{max-width:100%}.hide-mobile{display:inline-flex}@media (max-width: 860px){.hide-mobile{display:none!important}.page-controls{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}}.form-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:14px}@media (max-width: 600px){.form-grid{grid-template-columns:1fr 1fr}}@media (max-width: 420px){.form-grid{grid-template-columns:1fr}}.tools-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(268px,1fr));gap:14px}.tool-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px;align-items:start}.best-times-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px}@media (max-width: 900px){.tool-split{grid-template-columns:1fr}}.journal-split{display:grid;grid-template-columns:minmax(280px,340px) minmax(0,1fr);gap:14px;align-items:stretch}.journal-list{max-height:calc(100vh - 190px);min-height:420px}.journal-fields{display:grid;grid-template-columns:1fr 1fr;gap:14px}.journal-meta{display:grid;grid-template-columns:auto minmax(220px,1fr);gap:22px;align-items:start;padding-top:4px}.rating-slider input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;height:20px;margin:0}.rating-slider input[type=range]::-webkit-slider-runnable-track{background:transparent;height:20px}.rating-slider input[type=range]::-moz-range-track{background:transparent;height:20px}.rating-slider input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;margin-top:1px;border-radius:50%;background:var(--text);border:3px solid var(--bg);box-shadow:0 2px 8px #00000073;cursor:pointer}.rating-slider input[type=range]::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:var(--text);border:3px solid var(--bg);cursor:pointer}.account-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:14px;margin-top:16px;padding-top:14px;border-top:1px solid var(--stroke)}@media (max-width: 1000px){.journal-split{grid-template-columns:1fr}.journal-list{max-height:340px}.journal-fields{grid-template-columns:1fr}.journal-meta{grid-template-columns:1fr;gap:16px}}[data-streamer=on] .sensitive{filter:blur(7px);transition:filter .15s ease;cursor:help}[data-streamer=on] .sensitive:hover,[data-streamer=on] .sensitive:focus-within{filter:none}.pos{color:var(--mint)}.neg{color:var(--red)}.card{position:relative;isolation:isolate;background:linear-gradient(180deg,var(--card-2),var(--card));border:1px solid var(--stroke);border-radius:var(--radius);box-shadow:var(--shadow);transition:border-color .25s ease,box-shadow .3s ease,transform .2s ease}.card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;border-radius:inherit;opacity:0;transition:opacity .35s ease;background:radial-gradient(460px circle at var(--mx, 50%) var(--my, 50%),var(--glow),transparent 45%)}.card:hover{border-color:var(--glow-border);box-shadow:var(--shadow),0 0 0 1px var(--glow),0 14px 46px -14px var(--glow)}.card:hover:before{opacity:1}.eyebrow{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--text-3);font-weight:600}.grad-text{background:linear-gradient(120deg,var(--mint-2),var(--mint));-webkit-background-clip:text;background-clip:text;color:transparent}@keyframes shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}.skeleton{background:linear-gradient(90deg,var(--skeleton-a) 25%,var(--skeleton-b) 37%,var(--skeleton-a) 63%);background-size:800px 100%;animation:shimmer 1.4s infinite linear;border-radius:8px}