:root{color-scheme:dark;--page: #0f0c12;--surface: #17121a;--surface-2: #201826;--border: rgba(240, 200, 215, .09);--border-strong: rgba(240, 200, 215, .18);--ink: #f4edf1;--ink-2: #cfc2cb;--muted: #948795;--grid: #2a2230;--sakura: #e8829f;--sakura-soft: #f2afc2;--sakura-strong: #d75f82;--sakura-deep: #a83a58;--vermilion: #c73e4e;--gold: #d8b45e;--matcha: #93b978;--indigo: #8ca3e8;--flame: #e0854f;--red: #e66d6d;--success: #93b978;--warning: #d8b45e;--font-display: "Iowan Old Style", "Palatino Linotype", Palatino, Georgia, "Times New Roman", serif;--ease-out: cubic-bezier(.22, 1, .36, 1);--ease-spring: cubic-bezier(.3, 1.4, .4, 1)}*{margin:0;padding:0;box-sizing:border-box}html,body{background:var(--page);color:var(--ink);font-family:system-ui,-apple-system,Segoe UI,sans-serif;font-size:16px;-webkit-font-smoothing:antialiased}body{background:radial-gradient(ellipse 90% 40% at 50% -5%,rgba(232,130,159,.07),transparent 70%),radial-gradient(ellipse 80% 50% at 50% 110%,rgba(140,163,232,.05),transparent 70%),var(--page);background-attachment:fixed}.num{font-variant-numeric:tabular-nums}@keyframes fadeUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes kanjiReveal{0%{opacity:0;transform:scale(1.6);filter:blur(6px)}to{opacity:1;transform:scale(1);filter:blur(0)}}@keyframes petalFall{0%{transform:translateY(-6vh) rotate(0);opacity:1}to{transform:translateY(105vh) rotate(340deg);opacity:.4}}@keyframes breathe{0%,to{opacity:.55;transform:scale(1)}50%{opacity:1;transform:scale(1.06)}}@keyframes ensoDraw{0%{stroke-dashoffset:302}to{stroke-dashoffset:34}}@keyframes checkPop{0%{transform:scale(1)}45%{transform:scale(1.25)}to{transform:scale(1)}}.sakura-canvas{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none}.app{max-width:520px;margin:0 auto;min-height:100dvh;display:flex;flex-direction:column;position:relative}.topbar{position:sticky;top:0;z-index:10;display:flex;justify-content:space-between;align-items:center;padding:12px 16px;padding-top:calc(12px + env(safe-area-inset-top));background:#0f0c12e0;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--border)}.brand{display:flex;align-items:center;gap:10px}.hanko{display:grid;place-items:center;width:32px;height:32px;border-radius:8px;background:linear-gradient(145deg,#d24a5b,var(--vermilion));color:#fff5f2;font-size:18px;font-weight:600;box-shadow:0 2px 10px #c73e4e59}.brand-text{display:flex;flex-direction:column;line-height:1.1;font-family:var(--font-display);font-weight:700;font-size:18px;letter-spacing:.3px}.brand-sub{font-family:system-ui,-apple-system,Segoe UI,sans-serif;font-weight:500;font-size:10px;letter-spacing:1.6px;text-transform:uppercase;color:var(--muted)}.countdown-chip{font-size:12.5px;font-weight:600;color:var(--sakura-soft);background:#e8829f1a;border:1px solid rgba(232,130,159,.28);border-radius:999px;padding:5px 12px}.content{flex:1;padding:16px;padding-bottom:calc(108px + env(safe-area-inset-bottom));position:relative;z-index:1}.view{display:flex;flex-direction:column;animation:fadeUp .4s var(--ease-out)}.today,.settings,.progress,.plan-view,.food-view{display:flex;flex-direction:column;gap:14px}.today>*,.settings>*,.progress>*,.plan-view>*,.food-view>*{animation:fadeUp .55s var(--ease-out) both}.today>*:nth-child(2),.settings>*:nth-child(2),.progress>*:nth-child(2),.plan-view>*:nth-child(2),.food-view>*:nth-child(2){animation-delay:.05s}.today>*:nth-child(3),.settings>*:nth-child(3),.progress>*:nth-child(3),.plan-view>*:nth-child(3),.food-view>*:nth-child(3){animation-delay:.1s}.today>*:nth-child(4),.settings>*:nth-child(4),.progress>*:nth-child(4),.plan-view>*:nth-child(4),.food-view>*:nth-child(4){animation-delay:.15s}.today>*:nth-child(5),.progress>*:nth-child(5),.plan-view>*:nth-child(5){animation-delay:.2s}.today>*:nth-child(n+6),.plan-view>*:nth-child(n+6){animation-delay:.24s}.card{background:linear-gradient(170deg,rgba(240,200,215,.03),transparent 40%),var(--surface);border:1px solid var(--border);border-radius:18px;padding:18px;box-shadow:0 8px 28px #00000047}.card h2{font-family:var(--font-display);font-size:21px;letter-spacing:.2px;margin:6px 0 2px}.card h3{font-family:var(--font-display);font-size:17px;letter-spacing:.2px;margin-bottom:10px}.card-head{display:flex;justify-content:space-between;align-items:baseline;gap:8px}.muted{color:var(--muted)}.small{font-size:13px}.success{color:var(--success)}.warn{color:var(--warning)}.banner{background:#e8829f12;border:1px solid rgba(232,130,159,.22);border-radius:14px;padding:12px 14px;font-size:14px;color:var(--ink-2)}.quote-card{position:relative;overflow:hidden;background:linear-gradient(160deg,#e8829f14,#8ca3e80a 70%),var(--surface);border:1px solid rgba(232,130,159,.16);border-radius:18px;padding:20px 18px;box-shadow:0 8px 28px #00000047}.quote-kanji{position:absolute;top:-14px;right:2px;font-family:var(--font-display);font-size:92px;line-height:1;color:#e8829f1a;-webkit-user-select:none;user-select:none;animation:kanjiReveal .9s var(--ease-out) both}.quote-text{position:relative;font-family:var(--font-display);font-size:17.5px;line-height:1.5;color:var(--ink);max-width:88%}.quote-author{margin-top:10px;font-size:12.5px;letter-spacing:.6px;text-transform:uppercase;color:var(--sakura);font-weight:600}.quote-meaning{color:var(--muted);text-transform:none;letter-spacing:.2px;font-weight:500}.workout-card{position:relative;overflow:hidden}.workout-kanji{position:absolute;top:-6px;right:6px;font-family:var(--font-display);font-size:110px;line-height:1;color:#f4edf10b;-webkit-user-select:none;user-select:none;pointer-events:none}.kind-badge{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;letter-spacing:.4px;color:var(--ink-2);background:var(--surface-2);border:1px solid var(--border);border-radius:999px;padding:4px 11px}.kind-kanji{font-size:13px}.kind-badge.kind-fuerza{color:#f0a3b5;background:#d75f821f;border-color:#d75f824d}.kind-badge.kind-cardio{color:#adc0f0;background:#8ca3e81f;border-color:#8ca3e84d}.kind-badge.kind-hiit{color:#edaa7d;background:#e0854f1f;border-color:#e0854f52}.kind-badge.kind-descanso{color:#b3cf9d;background:#93b9781f;border-color:#93b9784d}.kind-badge.kind-viaje{color:#e6ca85;background:#d8b45e1f;border-color:#d8b45e52}.workout-list{list-style:none;margin-top:12px;display:flex;flex-direction:column;gap:8px;position:relative}.workout-list li{font-size:14.5px;line-height:1.45;color:var(--ink-2);padding-left:15px;position:relative;animation:fadeUp .45s var(--ease-out) both}.workout-list li:before{content:"";position:absolute;left:0;top:8px;width:6px;height:6px;border-radius:50% 50% 50% 0;transform:rotate(-45deg);background:var(--sakura);opacity:.8}.session+.session{margin-top:16px;padding-top:14px;border-top:1px solid var(--border)}.session-label{display:flex;align-items:center;gap:7px;margin-top:12px;font-size:11.5px;font-weight:700;letter-spacing:1.4px;text-transform:uppercase;color:var(--gold)}.session-kanji{font-size:14px}.quiet-toggle{margin-top:12px;width:100%;display:flex;align-items:center;justify-content:center;gap:8px;background:transparent;border:1px dashed var(--border-strong);color:var(--muted);border-radius:12px;padding:9px 12px;font-size:13.5px;font-weight:600;box-shadow:none;transition:background .25s,border-color .25s,color .25s}.quiet-toggle.on{background:#8ca3e81a;border:1px solid rgba(140,163,232,.4);color:var(--indigo)}.quiet-kanji{font-size:15px}.quiet-note{margin-top:12px;font-size:12.5px;color:var(--indigo);opacity:.85;text-align:center}.tip{margin-top:16px;font-size:13.5px;line-height:1.55;color:var(--ink-2);background:#d8b45e0f;border-left:3px solid var(--gold);border-radius:6px 12px 12px 6px;padding:10px 12px}.tip-label{display:block;font-size:11px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;color:var(--gold);margin-bottom:4px}.streak strong{color:var(--gold);font-weight:700}.check-ring{flex-shrink:0}.check-ring-track{fill:none;stroke:var(--surface-2);stroke-width:3.5}.check-ring-fill{fill:none;stroke:var(--sakura);stroke-width:3.5;stroke-linecap:round;transform:rotate(-90deg);transform-origin:center;transition:stroke-dashoffset .6s var(--ease-out),stroke .3s}.check-ring-text{fill:var(--ink-2);font-size:10.5px;font-weight:600}.checklist{list-style:none;display:flex;flex-direction:column;margin-top:4px}.checklist label{display:flex;align-items:center;gap:12px;padding:11px 2px;font-size:15px;color:var(--ink-2);border-bottom:1px solid var(--border);cursor:pointer;-webkit-tap-highlight-color:transparent}.checklist li:last-child label{border-bottom:none}.checklist input[type=checkbox]{position:absolute;opacity:0;width:0;height:0}.checkbox-box{display:grid;place-items:center;width:23px;height:23px;border-radius:8px;border:1.5px solid var(--border-strong);background:var(--surface-2);flex-shrink:0;transition:background .25s,border-color .25s}.checkbox-tick{fill:none;stroke:#fff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:16;stroke-dashoffset:16;transition:stroke-dashoffset .3s var(--ease-out) .05s}.checklist input:checked+.checkbox-box{background:linear-gradient(145deg,var(--sakura-strong),var(--sakura-deep));border-color:var(--sakura-strong);animation:checkPop .35s var(--ease-spring)}.checklist input:checked+.checkbox-box .checkbox-tick{stroke-dashoffset:0}.check-label{position:relative;transition:color .3s}.check-label:after{content:"";position:absolute;left:0;top:55%;height:1.5px;width:0;background:var(--muted);transition:width .3s var(--ease-out)}.checklist label.checked .check-label{color:var(--muted)}.checklist label.checked .check-label:after{width:100%}.celebration{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:grid;place-items:center;background:#0c080edb;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);animation:fadeIn .35s ease both;overflow:hidden}.celebration-petal{position:absolute;top:-20px;background:linear-gradient(150deg,var(--sakura-soft),var(--sakura-strong));border-radius:60% 40% 55% 45%;opacity:.9;animation:petalFall linear both}.celebration-inner{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;padding:24px}.celebration-kanji{font-family:var(--font-display);font-size:96px;line-height:1.1;color:var(--ink);text-shadow:0 0 44px rgba(232,130,159,.45);animation:kanjiReveal .7s var(--ease-out) both}.celebration-title{font-family:var(--font-display);font-size:24px;letter-spacing:5px;text-transform:uppercase;color:var(--sakura-soft);animation:fadeUp .6s var(--ease-out) .25s both}.celebration-sub{font-size:13.5px;color:var(--muted);animation:fadeUp .6s var(--ease-out) .4s both}input,button{font:inherit}input[type=number],input[type=email],input[type=password],input[type=search],input[type=text],input:not([type]){width:100%;background:var(--surface-2);border:1px solid var(--border);border-radius:12px;color:var(--ink);padding:11px 13px;outline:none;transition:border-color .2s,box-shadow .2s}input:focus{border-color:var(--sakura);box-shadow:0 0 0 3px #e8829f24}input::placeholder{color:var(--muted)}button{background:linear-gradient(145deg,var(--sakura-strong),var(--sakura-deep));color:#fff;border:none;border-radius:12px;padding:11px 16px;font-weight:600;letter-spacing:.2px;cursor:pointer;-webkit-tap-highlight-color:transparent;box-shadow:0 4px 14px #a83a584d;transition:transform .15s var(--ease-out),box-shadow .2s,filter .2s}button:active{transform:scale(.96)}button:disabled{opacity:.6}button.ghost{background:transparent;border:1px solid var(--border-strong);color:var(--ink-2);box-shadow:none}.link-btn{background:none;border:none;color:var(--sakura);font-weight:600;padding:10px 0 2px;text-align:left;box-shadow:none}.weight-row{display:flex;align-items:center;gap:8px;margin-top:8px}.weight-row input{flex:1;min-width:0}.unit{color:var(--muted);font-size:14px}.field{display:flex;flex-direction:column;gap:6px;font-size:14px;color:var(--ink-2);margin-bottom:12px}.form-error{color:var(--red);font-size:14px;margin-top:8px}.form-info{color:var(--success);font-size:14px;margin-top:8px}.meter{margin-bottom:12px}.meter-label{display:flex;justify-content:space-between;font-size:13.5px;color:var(--ink-2);margin-bottom:5px}.meter-track{height:9px;background:var(--surface-2);border-radius:999px;overflow:hidden}.meter-fill{height:100%;border-radius:999px;transition:width .5s var(--ease-out)}.meter-fill.protein{background:linear-gradient(90deg,var(--sakura-deep),var(--sakura))}.meter-fill.kcal{background:linear-gradient(90deg,#a8863c,var(--gold))}.meter-fill.over{background:linear-gradient(90deg,#b04848,var(--red))}.food-search{position:relative;margin-top:6px}.food-results{list-style:none;margin-top:8px;border:1px solid var(--border);border-radius:12px;overflow:hidden}.food-results button{width:100%;display:flex;flex-direction:column;align-items:flex-start;gap:2px;background:var(--surface-2);color:var(--ink);border:none;border-radius:0;border-bottom:1px solid var(--border);padding:10px 12px;font-weight:500;text-align:left;box-shadow:none}.food-results button:active{transform:none;background:var(--grid)}.food-results li:last-child button{border-bottom:none}.food-confirm{margin-top:12px;background:var(--surface-2);border-radius:12px;padding:12px;animation:fadeUp .3s var(--ease-out)}.food-entries{list-style:none;margin-top:12px}.food-entries li{display:flex;align-items:center;gap:8px;padding:8px 0;border-bottom:1px solid var(--border);font-size:14px;animation:fadeUp .3s var(--ease-out)}.food-entries li:last-child{border-bottom:none}.entry-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.food-entries .ghost{padding:4px 9px;font-size:13px;flex-shrink:0}.custom-food-form{margin-top:10px;display:flex;flex-direction:column;gap:10px;animation:fadeUp .3s var(--ease-out)}.row3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px}.row3 label{display:flex;flex-direction:column;gap:4px;font-size:12px;color:var(--muted)}.day-nav{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 14px}.day-arrow{width:42px;flex-shrink:0;font-size:20px;line-height:1;padding:8px 0}.day-arrow:disabled{opacity:.3}.day-nav-label{display:flex;flex-direction:column;align-items:center;gap:1px;min-width:0}.day-nav-label strong{font-family:var(--font-display);font-size:17px;text-transform:capitalize}.day-today-btn{padding:2px 0 0;font-size:12.5px;text-align:center}.late-night-note{font-size:11.5px;letter-spacing:.02em;text-align:center;margin-top:1px}.food-history{list-style:none}.history-row{width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;background:none;border:none;border-radius:10px;border-bottom:1px solid var(--border);padding:10px 8px;color:var(--ink);font-size:14px;text-align:left;box-shadow:none}.history-row:active{transform:none}.food-history li:last-child .history-row{border-bottom:none}.history-row.active{background:#e8829f14;border-bottom-color:transparent}.history-date{font-weight:600;text-transform:capitalize}.summary-btn{padding:6px 12px;font-size:13px;flex-shrink:0}.plan-intro{padding:0 2px}.plan-day{padding:0;overflow:hidden}.plan-day.today{border-color:#e8829f73;box-shadow:0 8px 28px #00000047,0 0 24px #e8829f14}.plan-day.past{opacity:.6}.plan-day-head{width:100%;display:flex;align-items:center;gap:12px;background:none;border:none;border-radius:0;padding:14px 16px;text-align:left;color:var(--ink);box-shadow:none}.plan-day-head:active{transform:none}.plan-date{display:flex;flex-direction:column;min-width:46px}.plan-title{flex:1;font-weight:600;font-size:14.5px;line-height:1.3}.today-badge{display:inline-block;margin-left:8px;font-size:10px;font-weight:700;letter-spacing:.5px;color:var(--sakura);border:1px solid var(--sakura);border-radius:5px;padding:1px 5px;vertical-align:middle}.kind-badge.small{font-size:11px;padding:2px 8px;flex-shrink:0}.plan-day-body{padding:0 16px 16px;animation:fadeUp .35s var(--ease-out)}.stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.stat-tile{background:linear-gradient(170deg,rgba(240,200,215,.03),transparent 40%),var(--surface);border:1px solid var(--border);border-radius:16px;padding:14px;display:flex;flex-direction:column;gap:4px;box-shadow:0 8px 28px #00000038}.stat-label{font-size:11px;font-weight:600;letter-spacing:1px;text-transform:uppercase;color:var(--muted)}.stat-value{font-family:var(--font-display);font-size:23px;font-weight:700}.delta-good{color:var(--success)}.chart-wrap{position:relative}.weight-chart{width:100%;height:auto;display:block;touch-action:pan-y}.axis-label{fill:var(--muted);font-size:10px;font-variant-numeric:tabular-nums}.chart-tooltip{position:absolute;transform:translate(-50%,-140%);background:var(--surface-2);border:1px solid var(--border-strong);border-radius:8px;padding:5px 9px;font-size:12.5px;color:var(--ink);white-space:nowrap;pointer-events:none}.log-table{width:100%;border-collapse:collapse;font-size:13.5px}.log-table th{text-align:left;color:var(--muted);font-weight:600;font-size:11px;letter-spacing:.6px;text-transform:uppercase;padding:6px 8px 6px 0;border-bottom:1px solid var(--border-strong)}.log-table td{padding:8px 8px 8px 0;border-bottom:1px solid var(--border);color:var(--ink-2)}.log-table tr:last-child td{border-bottom:none}.supp-list{list-style:none;display:flex;flex-direction:column;gap:10px;font-size:14px;line-height:1.5;color:var(--ink-2)}.tabbar{position:fixed;bottom:calc(12px + env(safe-area-inset-bottom));left:50%;transform:translate(-50%);width:calc(100% - 24px);max-width:496px;display:flex;background:#17121adb;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border:1px solid var(--border);border-radius:22px;padding:6px;z-index:10;box-shadow:0 12px 34px #00000073;overflow:hidden}.tab-indicator{position:absolute;top:6px;left:6px;width:calc((100% - 12px)/5);height:calc(100% - 12px);border-radius:16px;background:#e8829f1f;border:1px solid rgba(232,130,159,.2);transition:transform .35s var(--ease-spring);pointer-events:none}.tab{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;background:none;border:none;border-radius:16px;color:var(--muted);font-size:10.5px;font-weight:600;letter-spacing:.3px;padding:8px 0 7px;box-shadow:none;position:relative;transition:color .25s}.tab:active{transform:none}.tab.active{color:var(--sakura-soft)}.tab-icon{display:grid;place-items:center;height:22px}.login{min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:20px}.login-card{position:relative;z-index:1;width:100%;max-width:380px;background:linear-gradient(170deg,rgba(240,200,215,.04),transparent 45%),#17121aeb;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--border);border-radius:22px;padding:30px 26px;text-align:center;box-shadow:0 18px 50px #00000080;animation:fadeUp .6s var(--ease-out)}.enso-wrap{position:relative;display:grid;place-items:center;margin:0 auto 10px;width:110px;height:110px}.enso{position:absolute;top:0;right:0;bottom:0;left:0;transform:rotate(-80deg)}.enso-stroke{stroke:var(--sakura);stroke-width:4.5;stroke-dasharray:302;stroke-dashoffset:34;opacity:.85;animation:ensoDraw 1.3s var(--ease-out) both}.enso-kanji{font-family:var(--font-display);font-size:42px;color:var(--ink);animation:kanjiReveal .9s var(--ease-out) .3s both}.login-card h1{font-family:var(--font-display);font-size:28px;letter-spacing:.5px}.login-sub{color:var(--muted);font-size:12px;letter-spacing:2px;text-transform:uppercase;margin:8px 0 22px}.login-card form{display:flex;flex-direction:column;gap:10px}.login-card .link-btn{text-align:center;width:100%;margin-top:8px}.login-quote{margin-top:22px;padding-top:16px;border-top:1px solid var(--border);font-family:var(--font-display);font-size:13.5px;font-style:italic;line-height:1.55;color:var(--ink-2)}.login-quote-author{display:block;margin-top:6px;font-style:normal;font-size:11.5px;letter-spacing:.8px;text-transform:uppercase;color:var(--sakura)}.setup-notice{max-width:480px;margin:60px auto;padding:24px;line-height:1.7}.setup-notice h1{margin-bottom:12px}.setup-notice ol{margin:12px 0 0 20px}.setup-notice code{background:var(--surface-2);border-radius:5px;padding:1px 6px;font-size:14px}.loading{min-height:100dvh;display:flex;align-items:center;justify-content:center}.loading-kanji{font-family:var(--font-display);font-size:54px;color:var(--sakura);animation:breathe 1.6s ease-in-out infinite}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}