:root{--nav-height: 72px;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--sunset: #E8603C;--sunset-dim: #C84A2A;--sunset-hover: #F47552;--sunset-glow: rgba(232, 96, 60, .15);--sunset-intense: rgba(232, 96, 60, .4);--sage-deep: #3A4D35;--sage-moss: #5E7B5C;--sage-leaf: #7A9A6E;--sage-highlight: #A8C491;--marigold: #E8C547;--bg: #14120F;--bg-pure: #0F0D0A;--surface: #1E1A15;--surface-alt: #252019;--surface-elevated: #2A2520;--text: #EDE4D3;--text-secondary: #B8A88F;--text-light: #7A6B58;--border: #3D3530;--border-light: #2E2822;--cream-bg: #F5EFE4;--cream-text: #2C1F14;--cream-secondary: #5C4A3A;--cream-muted: #8A7A66;--cream-border: #C9B99A;--font-heading: "Fraunces", "Georgia", serif;--font-body: "General Sans", "Space Grotesk", "Inter", system-ui, sans-serif;--font-mono: "JetBrains Mono", "SF Mono", ui-monospace, monospace;--hero-size: clamp(2.8rem, 6.5vw + .8rem, 5.6rem);--h1-size: clamp(2.5rem, 5vw, 4.5rem);--h2-size: clamp(1.75rem, 3.5vw, 3rem);--h3-size: clamp(1.25rem, 2vw, 1.75rem);--body-size: 1.0625rem;--small-size: .875rem;--caption-size: .75rem;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2.5rem;--space-2xl: 4rem;--space-3xl: 6rem;--space-4xl: 9rem;--section-pad: clamp(5rem, 10vw, 8rem);--spring: cubic-bezier(.22, 1, .36, 1);--ease-out: cubic-bezier(0, 0, .2, 1);--duration: .6s;color-scheme:dark}[data-theme=light]{--bg: #F5EFE4;--bg-pure: #EDE4D3;--surface: #E2D6BE;--surface-alt: #D8C9A5;--surface-elevated: #CFBFA0;--text: #2C1F14;--text-secondary: #5C4A3A;--text-light: #8A7A66;--border: #C9B99A;--border-light: #D8C9A5;--cream-bg: #14120F;--cream-text: #EDE4D3;--cream-secondary: #B8A88F;--cream-muted: #7A6B58;--cream-border: #3D3530;color-scheme:light}.eyebrow{font-family:var(--font-mono);font-size:var(--caption-size);letter-spacing:.12em;text-transform:uppercase;color:var(--text-light);margin:0}.shippie-icon{border-radius:0;aspect-ratio:1;flex-shrink:0}:focus-visible{outline:2px solid var(--sunset);outline-offset:2px}.skip-link{position:absolute;top:0;left:0;z-index:10000;padding:var(--space-md, 1rem);background:var(--sunset);color:var(--bg-pure, #14120F);font-family:var(--font-body);font-weight:700;text-decoration:none;transform:translateY(-100%);transition:transform .1s ease}.skip-link:focus,.skip-link:focus-visible{transform:translateY(0);outline:2px solid var(--text);outline-offset:-4px}:root{color-scheme:dark;--night: #16120f;--paper: #211a16;--paper-soft: #2c231e;--ink: #eee6d6;--muted: #bbaea0;--line: rgba(238, 230, 214, .14);--line-strong: rgba(238, 230, 214, .28);--lavender: #8d90e8;--dawn: #d8a060;--font-display: var(--font-heading, "Fraunces", "Iowan Old Style", Georgia, serif);--font-body: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", "SF Mono", ui-monospace, monospace}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{min-width:320px;background:linear-gradient(90deg,rgba(238,230,214,.025) 1px,transparent 1px) 0 0 / 32px 32px,linear-gradient(180deg,#16120f,#211812);color:var(--ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased}button,input,textarea{font:inherit}button{min-height:42px;border:1px solid var(--line-strong);border-radius:0;background:transparent;color:var(--ink);cursor:pointer;transition:transform .16s ease,border-color .16s ease,background .16s ease}button:hover:not(:disabled){border-color:var(--lavender)}button:active:not(:disabled){transform:translateY(1px)}button:disabled{cursor:not-allowed;opacity:.45}button.primary{width:100%;background:var(--lavender);border-color:var(--lavender);color:#11100f;font-weight:700}button.ghost{padding:0 12px;color:var(--muted)}input,textarea{width:100%;min-height:42px;border:1px solid var(--line);border-radius:0;background:var(--night);color:var(--ink);padding:10px 12px}input:focus,textarea:focus{outline:2px solid rgba(141,144,232,.34);border-color:var(--lavender)}input[type=range]{padding:0;accent-color:var(--dawn);background:transparent}textarea{resize:vertical}.sleep-app{width:min(100%,560px);margin:0 auto;padding:max(22px,env(safe-area-inset-top)) 18px max(32px,env(safe-area-inset-bottom));display:grid;gap:18px}.sleep-hero{min-height:180px;display:grid;align-content:end;padding:18px 0 20px;border-bottom:1px solid var(--line)}.eyebrow{margin:0 0 8px;font-family:var(--font-mono);font-size:.72rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--dawn)}h1,h2{margin:0;font-family:var(--font-display);letter-spacing:0}h1{font-size:clamp(4rem,22vw,7.4rem);line-height:.82;color:var(--ink)}.sleep-hero p:last-child{max-width:28rem;margin:16px 0 0;color:var(--muted);font-size:1rem;line-height:1.45}.log-panel,.trend,.recent{display:grid;gap:14px;padding:16px;background:var(--paper);border:1px solid var(--line)}.section-head{display:flex;align-items:end;justify-content:space-between;gap:14px}.section-head h2{font-size:1.55rem}.section-head small{color:var(--muted);font-family:var(--font-mono);font-size:.75rem}.duration{color:var(--lavender);font-family:var(--font-mono);font-size:clamp(1.5rem,8vw,2.5rem);line-height:1;font-variant-numeric:tabular-nums}.preset-row{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line)}.preset-row button{border:0;border-right:1px solid var(--line)}.preset-row button:last-child{border-right:0}.form-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:10px}label{display:grid;gap:7px}label span{color:var(--muted);font-family:var(--font-mono);font-size:.72rem;letter-spacing:.1em;text-transform:uppercase}.quality{padding-top:2px}.summary-grid{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line)}.summary-grid div{min-width:0;padding:14px;border-right:1px solid var(--line);background:#8d90e80f}.summary-grid div:last-child{border-right:0}.summary-grid strong{display:block;color:var(--dawn);font-family:var(--font-mono);font-size:clamp(1.2rem,5vw,1.9rem);line-height:1;font-variant-numeric:tabular-nums}.summary-grid span{display:block;margin-top:7px;color:var(--muted);font-size:.78rem}.bars,.recent ul{list-style:none;margin:0;padding:0;display:grid;gap:0}.bars li{display:grid;grid-template-columns:50px minmax(0,1fr) 78px;align-items:center;gap:10px;padding:9px 0;border-top:1px solid var(--line)}.bars span,.recent small{color:var(--muted);font-family:var(--font-mono);font-size:.72rem}.bars i{--bar: 0;display:block;height:10px;background:linear-gradient(90deg,var(--lavender),var(--dawn)) 0 0 / calc(var(--bar) * 100%) 100% no-repeat,#eee6d614}.bars strong{justify-self:end;color:var(--ink);font-family:var(--font-mono);font-size:.78rem;font-variant-numeric:tabular-nums}.recent h2{font-size:1.3rem}.recent li{display:flex;justify-content:space-between;gap:12px;padding:12px 0;border-top:1px solid var(--line)}.recent li strong{display:block}.recent li span{color:var(--dawn);font-family:var(--font-mono);font-weight:700}.empty{margin:0;color:var(--muted)}@media(max-width:430px){.sleep-app{padding-inline:14px}.form-grid,.summary-grid{grid-template-columns:1fr}.summary-grid div{border-right:0;border-bottom:1px solid var(--line)}.summary-grid div:last-child{border-bottom:0}}