.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-header--row{display:flex;align-items:flex-start;justify-content:space-between}.logout-button{appearance:none;border:none;background:transparent;color:var(--text-soft);font-family:var(--font-body);font-size:13px;font-weight:700;padding:8px 0;cursor:pointer}.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}.login-screen{min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:20px}.login-card{width:100%;max-width:360px;display:flex;flex-direction:column;gap:16px}.login-card .app-title{margin-bottom:12px}.login-field{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:700;color:var(--text-soft);text-transform:uppercase;letter-spacing:.04em}.login-field input{font-family:var(--font-body);font-size:16px;font-weight:600;text-transform:none;letter-spacing:normal;color:var(--text);background:var(--card);border:1px solid var(--line);border-radius:14px;padding:14px 16px}.login-error{margin:0;color:#c0524a;font-size:14px;font-weight:600}.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)}.quick-log{background:var(--card);border:1px solid var(--line);border-radius:20px;padding:16px}.quick-log-input{width:100%;margin-top:4px;font-family:var(--font-body);font-size:16px;color:var(--text);background:var(--bg);border:1px solid var(--line);border-radius:14px;padding:12px 14px;resize:none}.quick-log-actions{display:flex;gap:10px;margin-top:10px}.quick-log-mic{position:relative;appearance:none;border:1px solid var(--line);background:var(--bg);color:var(--text);width:48px;height:48px;border-radius:14px;font-size:16px;flex-shrink:0;cursor:pointer}.quick-log-mic--active{background:#c0524a;color:#fff;border-color:transparent}.quick-log-mic-pulse{position:absolute;inset:0;border-radius:inherit;background:#c0524a;animation:mic-pulse 1.4s ease-out infinite;pointer-events:none}@keyframes mic-pulse{0%{transform:scale(1);opacity:.6}to{transform:scale(1.7);opacity:0}}.quick-log-recognized-label{margin:4px 0 8px;font-size:13px;font-weight:700;color:var(--sage)}.quick-log-recognized .events-list{margin-bottom:12px}.quick-log-skipped-list{list-style:none;margin:0 0 12px;padding:0;display:flex;flex-direction:column;gap:8px}.quick-log-skipped-item{display:flex;gap:14px;font-size:13px;color:var(--text-soft)}.quick-log-skipped-time{font-variant-numeric:tabular-nums;min-width:42px;flex-shrink:0}.quick-log-recognized-actions{display:flex;gap:10px}.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-wrapper{position:relative;overflow:hidden;border-bottom:1px solid var(--line)}.events-item-wrapper:last-child{border-bottom:none}.events-item-delete-bg{position:absolute;inset:0;display:flex;justify-content:flex-end;align-items:stretch}.events-item-delete-button{appearance:none;border:none;width:88px;display:flex;align-items:center;justify-content:center;background:#c0524a;color:#fff;font-family:var(--font-body);font-size:13px;font-weight:700;cursor:pointer}.events-item-delete-button:disabled{cursor:default}.spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.4);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.events-item{display:flex;gap:14px;padding:10px 0;font-size:14px;background:var(--row-bg, var(--bg));position:relative;touch-action:pan-y;-webkit-user-select:none;user-select:none}.events-item--settled{transition:transform .2s ease}li.events-item{border-bottom:1px solid var(--line)}li.events-item:last-child{border-bottom:none}.quick-log-recognized{--row-bg: var(--card)}.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}}