:root{--paper: #f5f3ed;--surface: #fffef9;--ink: #12384e;--muted: #516b80;--line: #b8c7cd;--accent: #23617d;--accent-hover: #194961;--gold: #b69552;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;min-width:320px}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button:focus{outline:none}button:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.app-shell{height:100vh;height:100dvh;max-height:100dvh;min-height:0;overflow:hidden;display:grid;place-items:center;padding:max(12px,env(safe-area-inset-top)) 12px max(12px,env(safe-area-inset-bottom))}.card{width:min(100%,480px);height:100%;max-height:100%;min-height:0;overflow:hidden;position:relative;display:flex;flex-direction:column;justify-content:flex-start;padding:clamp(20px,4vw,32px);background:var(--surface);border:1px solid #24485c;border-radius:30px;box-shadow:0 18px 60px #1635480f}.is-progress .card{--pad: clamp(20px, 4vw, 32px);height:100%;max-height:100%;min-height:0;overflow:hidden;justify-content:flex-start;padding:var(--pad)}.progress-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex:0 0 auto}.progress-counters{display:grid;gap:6px;min-width:0;flex:1}.counter-label{color:var(--muted);font-size:15px}.counter-value{font-size:clamp(64px,20vw,96px);font-weight:750;line-height:1.05;letter-spacing:-.055em;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.counter-unit{color:var(--muted);font-size:14px;overflow-wrap:anywhere;max-height:2.8em;overflow-y:auto}.streak-counter{color:var(--muted);font-size:16px}.gear-button{flex:0 0 auto;width:40px;height:40px;padding:0;background:transparent;border-radius:50%}.gear-button:before{content:"";display:block;width:26px;height:26px;margin:7px;background:var(--ink);-webkit-mask:url(/Stuff/gear.svg) center / contain no-repeat;mask:url(/Stuff/gear.svg) center / contain no-repeat}.gear-button:hover{background:transparent;transform:none}.gear-button:hover:before{background:var(--accent)}.form-panel{display:grid;gap:28px}.home-panel{flex:1;min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:16px}.home-summary{min-width:0}.brand{display:flex;align-items:center;gap:10px;margin-bottom:24px;font-size:18px;font-weight:750;letter-spacing:.1em}.brand-mark{flex:0 0 auto;width:22px;height:22px;color:var(--gold)}.home-summary h1{margin:0 0 8px;font-size:25px;font-weight:650;letter-spacing:-.025em}.daily-summary{margin-top:10px;color:var(--muted);font-size:16px}.daily-summary strong{font-weight:500;color:var(--ink)}.home-visual{position:relative;min-height:0;overflow:hidden;display:flex;align-items:flex-end;justify-content:center;container-type:size}.home-character{display:block;width:100%;height:100%;min-height:0;object-fit:contain;object-position:center bottom}.home-actions{display:grid;width:100%;gap:12px}.home-actions button{width:100%}.language-switch{justify-self:center;display:flex;width:min(100%,300px);gap:4px;margin-top:8px;padding:4px;border:1px solid var(--line);border-radius:999px}.language-switch button{flex:1;min-height:36px;padding:8px 12px;color:var(--muted);background:transparent;font-size:13px;font-weight:500}.language-switch button[aria-pressed=true]{color:var(--surface);background:var(--accent)}h1{max-width:440px;margin:0 0 12px;font-size:clamp(34px,6vw,58px);line-height:.98;letter-spacing:-.055em}.intro{max-width:390px;margin:0;color:var(--muted);line-height:1.6}label{display:grid;gap:9px;color:var(--muted);font-size:13px;font-weight:600}input{width:100%;padding:14px 0;color:var(--ink);background:transparent;border:0;border-bottom:1px solid var(--line);outline:0;font-size:18px}input:focus{border-bottom-color:var(--accent)}input[type=number]{appearance:textfield;-moz-appearance:textfield}input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{appearance:none;margin:0}button{min-height:48px;padding:15px 20px;color:var(--surface);background:var(--accent);border:1px solid transparent;border-radius:18px;cursor:pointer;font-weight:650;transition:transform .16s ease,background .16s ease}button:hover{background:var(--accent-hover)}button:active{transform:scale(.94)}.progress-panel{flex:1;min-height:0;grid-template-rows:minmax(0,1fr) auto auto;gap:0}.frame-stage{position:relative;anchor-name:--anim;width:100%;min-width:0;min-height:0;margin-bottom:40px;overflow:hidden;display:flex;align-items:flex-end;justify-content:center;container-type:size}.frame-art{position:relative;flex:0 0 auto;width:100%;width:min(100%,180cqh);aspect-ratio:9 / 5;overflow:hidden}.frame-art img{position:absolute;top:0;left:0;display:block;width:100%;height:auto;max-width:none;transform:translateY(-54.166667%)}.menu-dialog{align-content:start}.menu-edit-row{display:grid;gap:12px}.menu-edit-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.menu-edit-actions button{padding:10px 8px}.warning-backdrop{z-index:20}.progress-scale{display:grid;gap:8px;margin-bottom:16px}.progress-scale-track{height:10px;overflow:hidden;background:#dde3e3;border-radius:999px}.progress-scale-fill{height:100%;background:var(--accent);border-radius:inherit}.progress-scale span{color:var(--muted);font-size:15px;font-weight:500;font-variant-numeric:tabular-nums}button:disabled{opacity:.55;cursor:default;transform:none}.dialog-backdrop{position:fixed;inset:0;z-index:10;display:grid;place-items:center;padding:20px;background:#12384e47}.input-dialog-backdrop{bottom:auto;align-items:center;overflow:hidden}.input-dialog-backdrop .confirm-dialog{overscroll-behavior:contain}.is-progress .progress-header,.is-progress .progress-panel{animation:screen-enter .18s ease-out}@keyframes screen-enter{0%{opacity:0}to{opacity:1}}.confirm-dialog{width:min(100%,400px);max-height:100%;overflow-y:auto;display:grid;gap:18px;padding:24px;background:var(--surface);border:1px solid var(--line);border-radius:24px;box-shadow:0 24px 70px #16354829}.confirm-dialog p{margin:0;color:var(--muted);line-height:1.5}.confirm-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.secondary-button{color:var(--ink);background:transparent;border:1px solid var(--accent)}.secondary-button:hover{color:var(--ink);background:#eaf0f1}@media(max-width:520px),(max-height:740px){.card{border-radius:24px;padding:18px 20px}.is-progress .card{--pad: 20px;padding:18px var(--pad)}}@media(max-height:680px){.app-shell{padding-top:max(8px,env(safe-area-inset-top));padding-bottom:max(8px,env(safe-area-inset-bottom))}.card,.is-progress .card{padding-top:12px;padding-bottom:12px}.counter-value{font-size:52px}.brand{margin-bottom:14px}.home-panel{gap:10px}.home-summary h1{font-size:22px}.home-actions{gap:8px}.home-actions>button{padding-top:11px;padding-bottom:11px}.progress-scale{margin-bottom:12px}}.save-status{position:absolute;left:var(--pad, 20px);right:var(--pad, 20px);bottom:96px;z-index:2;padding:12px;border:1px solid var(--line);border-radius:12px;box-shadow:0 4px 20px #1635481f;color:var(--muted);background:var(--surface);font-size:12px}.save-status button{min-height:32px;padding:6px 10px;margin-left:8px}@media(prefers-reduced-motion:reduce){.is-progress .progress-header,.is-progress .progress-panel{animation:none}button{transition:none}button:active{transform:none}}