:root{--paper:#fff8ef;--paper-strong:#fff2de;--surface:#ffffffc7;--surface-strong:#ffffffeb;--text:#1f1b16;--muted:#75675c;--line:#624e3a24;--shadow:0 24px 60px #52351a29;--accent:#c4682d;--accent-dark:#8c4317;--accent-soft:#f7d1b6;--good:#487952;--danger:#aa4f3d}html{height:100%}html,body{max-width:100vw;overflow-x:hidden}body{min-height:100%;color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:radial-gradient(circle at 0 0,#ffdcbdf2,#0000 30%),radial-gradient(circle at 100% 0,#ffeed5f2,#0000 26%),linear-gradient(#fffaf4 0%,#f6e7d7 100%);font-family:Avenir Next,Trebuchet MS,Segoe UI,sans-serif}*{box-sizing:border-box;margin:0;padding:0}a{color:inherit;text-decoration:none}.app-body{min-height:100vh}button,input,select{font:inherit}.shell{width:min(100%,48rem);padding:1.25rem 1rem calc(10.5rem + env(safe-area-inset-bottom));scroll-padding-bottom:calc(10.5rem + env(safe-area-inset-bottom));margin:0 auto}.auth-shell{justify-content:center;align-items:center;min-height:100vh;padding:1.25rem;display:flex}.auth-card,.panel,.hero-card,.event-card,.empty-card{border:1px solid var(--line);background:var(--surface);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:var(--shadow)}.auth-card{border-radius:1.75rem;width:min(100%,28rem);overflow:hidden}.auth-intro{border-bottom:1px solid var(--line);background:linear-gradient(135deg,#c4682d26,#f7d1b6cc);padding:1.5rem}.auth-intro h1{letter-spacing:-.05em;font-size:clamp(2rem,7vw,3.3rem);line-height:.95}.auth-intro p{color:var(--muted);margin-top:.8rem;line-height:1.55}.auth-content{gap:1rem;padding:1.5rem;display:grid}.stack{gap:.9rem;display:grid}.section-title{text-transform:uppercase;letter-spacing:.14em;color:var(--muted);font-size:.82rem}.field{gap:.4rem;display:grid}.field label{color:var(--muted);font-size:.94rem}.input,.select,.textarea{background:var(--surface-strong);width:100%;min-width:0;max-width:100%;color:var(--text);border:1px solid #7b614a38;border-radius:1rem;padding:.85rem .95rem;display:block}.date-input-shell{background:var(--surface-strong);width:100%;min-width:0;color:var(--text);border:1px solid #7b614a38;border-radius:1rem;justify-content:space-between;align-items:center;padding:.85rem .95rem;display:flex;position:relative}.date-input-value{text-overflow:ellipsis;white-space:nowrap;min-width:0;padding-right:.8rem;overflow:hidden}.date-input-icon{width:1rem;height:1rem;color:var(--muted);flex:none}.date-input-icon svg{stroke:currentColor;fill:none;stroke-width:1.4px;stroke-linecap:round;width:100%;height:100%}.native-date-input{opacity:0;cursor:pointer;appearance:none;background:0 0;border:0;width:100%;height:100%;margin:0;position:absolute;inset:0}.native-date-input::-webkit-calendar-picker-indicator{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}select.input,select.select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14' fill='none'%3E%3Cpath d='M3.25 5.25L7 9L10.75 5.25' stroke='%2375675c' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right 1rem center;background-repeat:no-repeat;background-size:.9rem;padding-right:2.8rem}.input:focus,.select:focus,.tab-button:focus,.submit-button:focus,.secondary-button:focus,.chip:focus{outline-offset:2px;outline:2px solid #c4682d47}.notice{border-radius:1rem;padding:.9rem 1rem;font-size:.95rem;line-height:1.5}.notice.error{color:var(--danger);background:#aa4f3d1f}.notice.info{color:var(--good);background:#4879521c}.primary-button,.secondary-button,.submit-button{cursor:pointer;border:0;border-radius:999px;transition:transform .14s,opacity .14s,background .14s}.primary-button,.submit-button{background:linear-gradient(135deg, var(--accent), var(--accent-dark));color:#fff;padding:.9rem 1.1rem;font-weight:600}.secondary-button{color:var(--text);border:1px solid var(--line);background:#ffffffd1;padding:.8rem 1rem}.primary-button:hover,.secondary-button:hover,.submit-button:hover{transform:translateY(-1px)}.primary-button:disabled,.secondary-button:disabled,.submit-button:disabled{cursor:not-allowed;opacity:.65;transform:none}.app-header{gap:1rem;margin-bottom:1rem;display:grid}.title-row{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.header-actions{flex-wrap:nowrap;flex:none;justify-content:flex-end;align-items:center;gap:.55rem;display:flex}.header-actions form{margin:0}.notification-shell{flex:none;align-items:center;display:flex}.notification-button{justify-content:center;align-items:center;gap:.55rem;min-width:2.9rem;min-height:2.9rem;padding-inline:.9rem;display:inline-flex}.notification-button.active{background:linear-gradient(135deg,#c4682d2e,#f7d1b6f2);border-color:#c4682d47}.notification-button.denied{color:var(--danger);border-color:#aa4f3d33}.notification-button-icon{width:1.1rem;height:1.1rem}.notification-button-icon svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:100%;height:100%}.notification-button-label{display:none}.settings-gear-button{justify-content:center;align-items:center;min-width:2.9rem;min-height:2.9rem;padding:0;display:inline-flex}.settings-gear-button.active{background:linear-gradient(135deg,#c4682d2e,#f7d1b6f2);border-color:#c4682d47}.settings-gear-button svg{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;width:1.2rem;height:1.2rem}.eyebrow{text-transform:uppercase;letter-spacing:.14em;color:var(--muted);font-size:.76rem}.app-title{letter-spacing:-.08em;margin-top:.35rem;font-size:clamp(2.2rem,8vw,4.3rem);line-height:.92}.app-subtitle{color:var(--muted);max-width:32rem;margin-top:.6rem;line-height:1.55}.tab-strip{border:1px solid var(--line);background:#ffffff8c;border-radius:1.25rem;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;padding:.3rem;display:grid}.bottom-tab-shell{z-index:30;pointer-events:none;background:linear-gradient(#fffaf400 0%,#fffaf4e0 28%,#fff8effa 100%);padding-top:2.5rem;position:fixed;bottom:0;left:0;right:0}.bottom-tab-inner{width:min(100%,48rem);padding:0 1rem calc(.9rem + env(safe-area-inset-bottom));margin:0 auto}.bottom-tab-strip{pointer-events:auto;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);box-shadow:0 16px 40px #52351a24}.tab-button{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:1rem;padding:.85rem .95rem;font-weight:600}.tab-button.active{color:var(--text);background:linear-gradient(135deg,#c4682d26,#f7d1b6eb)}.panel{border-radius:1.6rem;padding:1rem}.panel-grid,.settings-panel{gap:1rem;display:grid}.settings-header{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.settings-copy,.settings-footnote{color:var(--muted);font-size:.92rem;line-height:1.45}.settings-copy{margin-top:.25rem}.settings-card,.settings-group{border:1px solid var(--line);background:var(--surface-strong);border-radius:1.2rem;gap:.8rem;padding:1rem;display:grid}.settings-card{grid-template-columns:minmax(0,1fr) auto;align-items:center}.settings-card-title,.settings-group-title{font-weight:700}.settings-form{gap:1rem;display:grid}.settings-field{gap:.45rem;display:grid}.settings-field label{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:.82rem;font-weight:600}.settings-time-row,.settings-clock-row,.settings-offset-row{gap:.55rem;display:grid}.settings-time-row{grid-template-columns:repeat(2,minmax(0,1fr))}.settings-clock-row,.settings-offset-row{grid-template-columns:repeat(3,minmax(0,1fr))}.time-row{grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);gap:.75rem;display:grid}.segmented{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;display:grid}.segment-button,.chip{border:1px solid var(--line);background:var(--surface-strong);color:var(--text);cursor:pointer;text-align:center;border-radius:999px;padding:.8rem .95rem}.segment-button.active,.chip.active{background:linear-gradient(135deg,#c4682d2e,#f7d1b6f2);border-color:#c4682d47}.segment-button:disabled{cursor:not-allowed;opacity:.6}.chip-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem;display:grid}.filter-bar{flex-wrap:wrap;gap:.65rem;display:flex}.filter-bar .chip{min-width:2.75rem;padding:.65rem .8rem}.toggle-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;display:grid}.toggle-card{background:var(--surface-strong);border:1px solid var(--line);border-radius:1rem;justify-content:center;align-items:center;gap:.65rem;padding:.95rem;display:flex}.hero-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem;display:grid}.hero-card{border-radius:1.5rem;padding:1rem}.hero-card-flip{appearance:none;color:inherit;cursor:pointer;perspective:52rem;text-align:left;width:100%;min-height:11rem;position:relative;overflow:hidden}.hero-card-flip:focus-visible{outline-offset:3px;outline:3px solid #c4682d59}.hero-card-flip-inner{min-height:9rem;transform-style:preserve-3d;transition:transform .22s;display:block;position:relative}.hero-card-flip.flipped .hero-card-flip-inner{transform:rotateY(180deg)}.hero-card-face{backface-visibility:hidden;display:block;position:absolute;inset:0}.hero-card-face-front{position:relative}.hero-card-face-back{transform:rotateY(180deg)}.hero-flip-icon{border:1px solid var(--line);color:var(--muted);z-index:2;background:#ffffff9e;border-radius:999px;justify-content:center;align-items:center;width:1.85rem;height:1.85rem;font-size:.95rem;line-height:1;display:inline-flex;position:absolute;top:.75rem;right:.75rem}.hero-card-full{grid-column:1/-1}.hero-label{color:var(--muted);text-transform:uppercase;letter-spacing:.12em;font-size:.84rem}.hero-reading{align-items:baseline;gap:.45rem;margin-top:.45rem;display:flex}.hero-stat-stack{gap:.8rem;margin-top:.45rem;display:grid}.hero-reading-secondary{margin-top:0}.hero-reading-tone-good .hero-value,.hero-reading-tone-good .hero-unit{color:var(--good)}.hero-reading-tone-danger .hero-value,.hero-reading-tone-danger .hero-unit{color:var(--danger)}.hero-value{letter-spacing:-.08em;font-size:clamp(2.75rem,10vw,4.5rem);font-weight:700;line-height:.92}.hero-value-alert{color:var(--danger)}.hero-value-secondary{letter-spacing:-.06em;font-size:clamp(2rem,8vw,3.2rem);font-weight:600}.hero-value-clock{font-size:clamp(2.25rem,8vw,3.5rem)}.hero-unit{color:var(--muted);font-size:.95rem;line-height:1}.hero-note{color:var(--muted);margin-top:.45rem;font-size:.9rem;line-height:1.4}.hero-reading-inline-note{flex-wrap:wrap;row-gap:.25rem}.hero-note-inline{margin-top:0;margin-left:.4rem;font-size:.95rem;line-height:1.2}.section-divider{background:linear-gradient(90deg,#624e3a00,#624e3a2e 18% 82%,#624e3a00);width:100%;height:1px}.analytics-stack,.analytics-toolbar{gap:.9rem;display:grid}.analytics-toolbar-title{font-size:1.1rem;font-weight:700}.analytics-toolbar-copy{color:var(--muted);margin-top:.25rem;line-height:1.45}.analytics-toolbar-controls{flex-wrap:wrap;gap:.65rem;display:flex}.analytics-range-toggle{border:1px solid var(--line);background:#fff9;border-radius:999px;grid-template-columns:repeat(3,minmax(0,1fr));gap:.35rem;width:fit-content;padding:.28rem;display:inline-grid}.analytics-day-toggle{grid-template-columns:repeat(2,minmax(0,1fr))}.analytics-range-button{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:.65rem 1rem;font-weight:600}.analytics-range-button.active{color:var(--text);background:linear-gradient(135deg,#c4682d2e,#f7d1b6f2)}.analytics-card{border:1px solid var(--line);background:var(--surface);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:var(--shadow);border-radius:1.5rem;padding:1rem}.analytics-header{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.analytics-title{font-size:1rem;font-weight:700}.analytics-subtitle{color:var(--muted);margin-top:.2rem;font-size:.92rem;line-height:1.4}.analytics-summary{text-align:right;flex:none}.analytics-summary-label{color:var(--muted);text-transform:uppercase;letter-spacing:.12em;font-size:.74rem}.analytics-summary-value{margin-top:.2rem;font-size:.98rem;font-weight:700}.analytics-legend{color:var(--muted);flex-wrap:wrap;gap:.8rem;margin-top:.85rem;font-size:.84rem;display:flex}.analytics-legend-item{align-items:center;gap:.45rem;display:inline-flex}.analytics-legend-swatch{border-radius:999px;width:1.1rem;height:.2rem}.analytics-legend-swatch-raw{background:#c4682d6b}.analytics-legend-swatch-trend{background:var(--accent-dark)}.analytics-chart-frame,.analytics-empty{margin-top:.95rem;padding-top:.4rem}.analytics-empty{text-align:center;min-height:10rem;color:var(--muted);justify-content:center;align-items:center;line-height:1.5;display:flex}.event-list{gap:.85rem;display:grid}.event-card,.empty-card{border-radius:1.35rem;padding:.95rem 1rem}.event-card-alert{background:linear-gradient(135deg,#aa4f3d14,#ffffffdb);border-color:#aa4f3d3d}.event-row{grid-template-columns:minmax(0,1fr) auto;align-items:stretch;gap:.75rem;display:grid}.event-main{align-content:start;gap:0;display:grid}.event-topline{align-items:baseline;display:flex}.event-topline-copy{gap:0;min-width:0;display:grid}.event-actions{flex-direction:column;flex:none;justify-content:space-between;align-items:flex-end;gap:.75rem;display:flex}.event-user-badges{justify-content:flex-end;align-items:center;gap:.35rem;min-height:1.85rem;display:flex}.event-user-badge{letter-spacing:.02em;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;width:1.85rem;height:1.85rem;font-size:.84rem;font-weight:700;line-height:1;display:inline-flex;box-shadow:inset 0 1px #ffffff59}.event-kind{font-weight:700}.event-delete-button{color:var(--danger);cursor:pointer;background:#aa4f3d14;border:1px solid #aa4f3d33;border-radius:999px;justify-content:center;align-items:center;width:1.85rem;height:1.85rem;padding:0;font-size:1rem;font-weight:700;line-height:1;transition:opacity .14s,transform .14s,background .14s;display:inline-flex}.event-detail+.event-detail,.event-date+.event-detail{margin-top:0}.event-delete-button:hover{background:#aa4f3d1f;transform:translateY(-1px)}.event-delete-button:disabled{cursor:not-allowed;opacity:.65;transform:none}.event-date,.event-detail,.muted{color:var(--muted)}.event-alert-note{color:var(--danger);font-size:.92rem;line-height:1.4}.event-list-sentinel{height:1px}.load-more-button{width:100%}.empty-card{text-align:center;line-height:1.55}@media (min-width:640px){.shell{padding:2rem 1.25rem calc(11rem + env(safe-area-inset-bottom));scroll-padding-bottom:calc(11rem + env(safe-area-inset-bottom))}.notification-button-label{display:inline}.panel,.hero-card,.analytics-card,.event-card,.empty-card{padding:1.2rem}.bottom-tab-inner{padding-inline:1.25rem}}