.app{max-width:480px;margin:0 auto;min-height:100dvh;padding:env(safe-area-inset-top,0) 20px calc(env(safe-area-inset-bottom,0) + 24px);display:flex;flex-direction:column}.app-header{padding:28px 0 8px}.app-eyebrow{margin:0;font-family:var(--font-body);font-size:13px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--text-soft)}.app-title{margin:2px 0 0;font-family:var(--font-display);font-size:40px;font-weight:600;font-style:italic;color:var(--text)}.app-main{flex:1;display:flex;flex-direction:column;gap:20px;padding-bottom:12px}.app-loading,.app-error{color:var(--text-soft);font-size:15px}.status-card{border-radius:28px;padding:28px 24px;background:var(--mood);color:var(--mood-ink);box-shadow:var(--shadow);transition:background-color .6s ease,color .6s ease}.status-card-label{font-family:var(--font-display);font-size:34px;font-weight:600;line-height:1.1}.status-card-duration{margin-top:8px;font-size:15px;font-weight:600;opacity:.85}.info-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.info-tile{background:var(--card);border:1px solid var(--line);border-radius:20px;padding:16px}.info-tile-label{font-size:12px;font-weight:700;letter-spacing:.04em;color:var(--text-soft);text-transform:uppercase}.info-tile-value{margin-top:6px;font-family:var(--font-display);font-size:24px;font-weight:500}.info-tile-sub{margin-top:2px;font-size:12px;color:var(--text-soft)}.action-buttons{display:flex;flex-direction:column;gap:10px}.action-button{appearance:none;border:none;border-radius:20px;padding:20px;font-family:var(--font-body);font-size:18px;font-weight:700;background:var(--card);color:var(--text);border:1px solid var(--line);cursor:pointer;transition:transform .15s ease,opacity .15s ease}.action-button:first-child{background:var(--mood);color:var(--mood-ink);border-color:transparent}.action-button:active:not(:disabled){transform:scale(.97)}.action-button:disabled{opacity:.4;cursor:default}.events-section{margin-top:4px}.events-title{font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text-soft);margin:0 0 10px}.events-empty{color:var(--text-soft);font-size:14px}.events-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}.events-item{display:flex;gap:14px;padding:10px 0;border-bottom:1px solid var(--line);font-size:14px}.events-item:last-child{border-bottom:none}.events-item-time{font-variant-numeric:tabular-nums;color:var(--text-soft);min-width:42px}.events-item-text{font-weight:600}.modal-overlay{position:fixed;inset:0;background:#14102280;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:flex-end;justify-content:center;padding:16px;z-index:10}.modal{width:100%;max-width:420px;background:var(--card);border-radius:28px 28px 20px 20px;padding:28px 24px calc(env(safe-area-inset-bottom,0) + 20px);box-shadow:var(--shadow)}.modal-title{margin:0;font-family:var(--font-display);font-size:28px;font-weight:600;font-style:italic}.modal-subtitle{margin:4px 0 20px;color:var(--text-soft);font-size:14px;font-weight:600}.stepper{display:flex;align-items:center;justify-content:space-between;gap:12px}.stepper-button{appearance:none;border:none;width:64px;height:64px;border-radius:20px;background:var(--bg);border:1px solid var(--line);color:var(--text);font-size:30px;line-height:1;cursor:pointer}.stepper-button:active:not(:disabled){transform:scale(.95)}.stepper-button:disabled{opacity:.35;cursor:default}.stepper-value{font-family:var(--font-display);font-size:38px;font-weight:600;font-variant-numeric:tabular-nums}.modal-actions{display:flex;gap:10px;margin-top:28px}.button{flex:1;appearance:none;border:none;border-radius:16px;padding:16px;font-size:16px;font-weight:700;cursor:pointer}.button-secondary{background:var(--bg);color:var(--text);border:1px solid var(--line)}.button-primary{background:var(--amber);color:var(--amber-ink)}.button:disabled{opacity:.5;cursor:default}.toast{position:fixed;left:50%;bottom:calc(env(safe-area-inset-bottom,0) + 20px);transform:translate(-50%);background:var(--sage);color:#fff;padding:12px 20px;border-radius:999px;font-size:14px;font-weight:700;box-shadow:var(--shadow);z-index:20;animation:toast-in .25s ease}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%)}}:root{--cream: #fbf4ea;--ink: #2b2440;--ink-soft: #7a7189;--surface: #ffffff;--amber: #f2a154;--amber-ink: #7a4416;--periwinkle: #7c83fd;--periwinkle-ink: #ffffff;--sage: #6fa584;--line: rgba(43, 36, 64, .1);--mood: var(--amber);--mood-ink: var(--amber-ink);--bg: var(--cream);--text: var(--ink);--text-soft: var(--ink-soft);--card: var(--surface);--shadow: 0 12px 32px -16px rgba(43, 36, 64, .25);--font-display: "Fraunces", "Georgia", serif;--font-body: "Manrope", system-ui, sans-serif;color-scheme:light dark}@media(prefers-color-scheme:dark){:root{--bg: #1b1830;--text: #f1ece3;--text-soft: #a79fc2;--card: #262140;--line: rgba(241, 236, 227, .12);--shadow: 0 16px 40px -16px rgba(0, 0, 0, .5);--amber-ink: #2b1a05}}:root:has([data-status=sleeping]){--mood: var(--periwinkle);--mood-ink: var(--periwinkle-ink)}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:var(--font-body);-webkit-font-smoothing:antialiased;transition:background-color .6s ease}button{font-family:inherit}:focus-visible{outline:3px solid var(--mood);outline-offset:2px}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}}