:root{--bg:#0f172a;--surface:#1e293b;--surface2:#334155;--text:#e2e8f0;--muted:#94a3b8;--accent:#14b8a6;--accent-dim:#14b8a633;--danger:#f87171;--radius:14px;--font:"SF Pro Text", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--nav-h:4.25rem;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{min-height:100dvh;font-family:var(--font);color:var(--text);background:var(--bg);margin:0;font-size:16px;line-height:1.45}#root{min-height:100dvh}button,input,select{font:inherit;color:inherit}code{background:var(--surface2);border-radius:6px;padding:.1em .35em;font-family:ui-monospace,monospace;font-size:.85em}.app{max-width:520px;min-height:100dvh;padding-bottom:calc(var(--nav-h) + env(safe-area-inset-bottom,0px));flex-direction:column;margin:0 auto;display:flex}.main{flex:1;padding:1rem 1rem .5rem}.bottom-nav{max-width:520px;padding:.35rem .5rem calc(.35rem + env(safe-area-inset-bottom,0px));-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--surface2);z-index:20;background:#0f172aeb;justify-content:space-around;align-items:stretch;gap:0;margin:0 auto;display:flex;position:fixed;bottom:0;left:0;right:0}.nav-item{color:var(--muted);letter-spacing:.02em;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;border-radius:10px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:.15rem;padding:.35rem;font-size:.7rem;font-weight:600;display:flex}.nav-item.active{color:var(--accent);background:var(--accent-dim)}.nav-icon{font-size:1.25rem;line-height:1}.view{animation:.2s ease-out fade}@keyframes fade{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.view-head{margin-bottom:1.25rem}.view-head h1{letter-spacing:-.03em;margin:0;font-size:1.65rem;font-weight:700}.subtitle{color:var(--muted);margin:.35rem 0 0;font-size:.95rem}.muted{color:var(--muted)}.empty-hint{text-align:center;padding:2rem .5rem}.card{background:var(--surface);border-radius:var(--radius);border:1px solid #33415599;margin-bottom:1rem;padding:1.1rem}.card-title{margin:0 0 .5rem;font-size:1rem;font-weight:600}.muted-card{opacity:.95}.section{margin-bottom:1.5rem}.section-title{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin:0 0 .65rem;font-size:.85rem;font-weight:600}.capitalize{text-transform:capitalize}.progress-card{text-align:center}.progress-ring-wrap{width:140px;height:140px;margin:0 auto .75rem;position:relative}.progress-ring{width:140px;height:140px}.progress-bg{fill:none;stroke:var(--surface2);stroke-width:10px}.progress-fg{fill:none;stroke:var(--accent);stroke-width:10px;stroke-linecap:round;stroke-dasharray:0 326.73;transition:stroke-dasharray .35s}.progress-center{pointer-events:none;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.progress-center strong{font-size:1.5rem;font-weight:700;line-height:1}.progress-center .unit{color:var(--muted);font-size:.75rem}.goal-text{color:var(--muted);margin-top:.2rem;font-size:.7rem}.progress-caption{color:var(--muted);margin:0;font-size:.9rem}.entry-list{margin:0;padding:0;list-style:none}.entry-row{border-bottom:1px solid #33415580;justify-content:space-between;align-items:flex-start;gap:.75rem;padding:.75rem 0;display:flex}.entry-row:last-child{border-bottom:none}.history-row{align-items:center}.entry-main{flex-direction:column;gap:.2rem;min-width:0;display:flex}.entry-kind{font-weight:600}.entry-meta{color:var(--muted);word-break:break-word;font-size:.8rem}.entry-tags{flex-wrap:wrap;gap:.25rem;display:flex}.tag{background:var(--surface2);color:var(--muted);border-radius:999px;padding:.15rem .4rem;font-size:.65rem}.entry-ml{color:var(--accent);white-space:nowrap;font-weight:700}.entry-actions{flex-direction:column;align-items:flex-end;gap:.35rem;display:flex}.day-section{margin-bottom:1.75rem}.day-header{justify-content:space-between;align-items:baseline;gap:.5rem;margin-bottom:.25rem;display:flex}.day-header .section-title{margin-bottom:0}.day-total{color:var(--accent);font-size:.9rem;font-weight:600}.field-label{color:var(--muted);margin:.75rem 0 .35rem;font-size:.8rem;font-weight:600;display:block}.field-label:first-of-type{margin-top:0}.input,.select{border:1px solid var(--surface2);background:var(--bg);border-radius:10px;width:100%;padding:.65rem .75rem}.select{appearance:none;background-image:linear-gradient(45deg, transparent 50%, var(--muted) 50%), linear-gradient(135deg, var(--muted) 50%, transparent 50%);background-position:calc(100% - 18px),calc(100% - 13px);background-repeat:no-repeat;background-size:5px 5px}.quick-ml,.tag-toggles{flex-wrap:wrap;gap:.4rem;margin-top:.5rem;display:flex}.chip{border:1px solid var(--surface2);color:var(--text);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border-radius:999px;padding:.45rem .65rem;font-size:.8rem}.chip.active{border-color:var(--accent);background:var(--accent-dim);color:var(--accent)}.btn{cursor:pointer;-webkit-tap-highlight-color:transparent;border:none;border-radius:10px;justify-content:center;align-items:center;padding:.65rem 1rem;font-size:.95rem;font-weight:600;display:inline-flex}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.primary{background:var(--accent);color:#042f2e}.btn.secondary{background:var(--surface2);color:var(--text)}.btn.ghost{color:var(--muted);background:0 0}.btn.sm{padding:.35rem .5rem;font-size:.75rem}.btn.wide{width:100%;margin-top:1rem}.btn-stack{flex-direction:column;gap:.5rem;display:flex}.btn-stack.mt{margin-top:.75rem}.row{align-items:center;gap:.5rem;display:flex}.input.grow{flex:1}.hint{color:var(--muted);margin:.5rem 0 0;font-size:.8rem}.hint.small{margin-top:.75rem;font-size:.72rem}.file-label{text-align:center;cursor:pointer}.toast{text-align:center;color:var(--accent);margin:.75rem 0 0;font-size:.9rem}.toast.inline{margin-top:.5rem}.row.gap{align-items:stretch;gap:.5rem}.grow{flex:1}.pin-settings-form,.pin-settings-form .mt{margin-top:.75rem}.lock-screen{min-height:100dvh;padding:1.5rem;padding-bottom:calc(1.5rem + env(safe-area-inset-bottom,0px));background:radial-gradient(ellipse 120% 80% at 50% -20%, #14b8a62e, transparent), var(--bg);flex-direction:column;justify-content:center;align-items:center;display:flex}.lock-card{text-align:left;width:100%;max-width:360px}.lock-brand{letter-spacing:.12em;text-transform:uppercase;color:var(--accent);margin:0 0 .25rem;font-size:.8rem;font-weight:700}.lock-title{margin:0 0 .5rem;font-size:1.35rem;font-weight:700}.lock-desc{color:var(--muted);margin:0 0 1rem;font-size:.88rem;line-height:1.4}.lock-input{letter-spacing:.2em;text-security:disc;-webkit-text-security:disc;font-size:1.25rem}.lock-error{color:var(--danger);margin:.5rem 0 0;font-size:.88rem}.lock-actions{flex-direction:column;gap:.5rem;margin-top:1.25rem;display:flex}