:root{--ui-white: #ffffff;--ui-surface: #f5f8fa;--ui-bg: #c8d6e8;--ui-blue-900: #194f88;--ui-blue-800: #1766a4;--ui-blue-soft: #729cc8;--ui-text: #425b75;--ui-muted: #71849a;--ui-border: #b1bfd5;--green-dark: #3d9345;--lime: #9bf56a;--amber: #e8b86a;--slate: #a9b8c6;--radius-md: 10px;--radius-lg: 14px;--radius-pill: 999px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--font: "Nunito Sans", "Trebuchet MS", Arial, sans-serif;--shadow-mod: 0 3px 8px rgba(40, 60, 90, .18);--shadow-win: 0 8px 22px rgba(24, 37, 76, .22);--motion: .16s ease;--crystal-motion: .24s ease}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:var(--font);font-size:15px;line-height:1.25;color:var(--ui-text);background:var(--ui-bg)}button{font:inherit;color:inherit}.world{min-height:100dvh;padding:var(--space-3) var(--space-3) 84px;background:radial-gradient(700px 320px at 70% 10%,rgba(120,100,160,.22),transparent 55%),linear-gradient(165deg,#b9c9de,#d5e2f0 40%,#aebfd4)}#app{max-width:560px;margin:0 auto}.hud{display:grid;gap:var(--space-3);animation:open .16s ease}.hud.is-busy{pointer-events:none;opacity:.85}@keyframes open{0%{opacity:0;transform:scale(.985)}to{opacity:1;transform:scale(1)}}@media(prefers-reduced-motion:reduce){.hud,.crystal__gem,.sheet-host,.sheet{animation:none!important;transition:none!important}}.block,.hero,.now{border:1px solid rgba(145,169,198,.95);border-radius:var(--radius-lg);background:linear-gradient(180deg,#fffffffa,#ecf3faf5);box-shadow:var(--shadow-mod),inset 0 1px #fffffff2}.block__head{display:flex;align-items:baseline;justify-content:space-between;gap:8px;padding:10px 14px 4px}.block__head h2{margin:0;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--ui-blue-800)}.block__meta{font-size:12px;font-weight:700;color:var(--ui-muted)}.block__pad{padding:4px 14px 14px}.hero{display:grid;grid-template-columns:64px 1fr auto;grid-template-areas:"avatar meta crystal" "line line line" "score score score";gap:6px 12px;align-items:center;padding:14px}.hero__avatar{grid-area:avatar;width:64px;height:64px;border-radius:50%;border:3px solid #8aa4be;background:linear-gradient(#fff,#dce8f4);overflow:hidden;display:grid;place-items:center}.hero__avatar .avatar-ico{width:60px;height:60px}.hero__meta{grid-area:meta;min-width:0}.hero__name{margin:0;color:var(--ui-blue-800);font-size:20px;font-weight:800;display:flex;gap:8px;align-items:baseline}.hero__level{font-size:12px;font-weight:800;color:var(--ui-muted)}.hero__note{margin:4px 0 0;padding:0;border:0;background:none;text-align:left;font-style:italic;font-size:13px;font-weight:600;color:var(--ui-text);cursor:pointer;display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hero__note--empty{color:var(--ui-muted);cursor:default}.crystal{grid-area:crystal;display:grid;justify-items:center;gap:2px;padding:4px 8px 6px;border:0;border-radius:14px;background:none;cursor:pointer}.crystal__gem{display:block;width:56px;height:56px;transition:transform var(--crystal-motion),filter var(--crystal-motion)}.crystal__gem .crystal-ico{width:56px;height:56px}.crystal--shine .crystal__gem{filter:drop-shadow(0 0 10px rgba(155,245,106,.9));animation:pulse 2.4s ease-in-out infinite}.crystal--dim .crystal__gem{filter:saturate(.6)}.crystal--dark .crystal__gem{filter:drop-shadow(0 0 6px rgba(232,184,106,.6))}.crystal.is-changed .crystal__gem{animation:pop var(--crystal-motion)}@keyframes pulse{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}@keyframes pop{0%{transform:scale(.85)}60%{transform:scale(1.1)}to{transform:scale(1)}}.crystal__word{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:var(--ui-blue-800)}.crystal__mult{font-style:normal;padding:0 5px;border-radius:var(--radius-pill);background:linear-gradient(#c9ffa1,#79ed41);color:#165a12}.hero__crystal-line{grid-area:line;margin:0;font-size:13px;font-weight:700;color:var(--ui-muted)}.score{grid-area:score;display:grid;grid-template-columns:auto auto 1fr auto;align-items:center;gap:10px;padding:8px 12px;border:1px solid #afc0d2;border-radius:var(--radius-md);background:linear-gradient(180deg,#fff,#e8f0f8);cursor:pointer;text-align:left}.score__label{font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--ui-muted)}.score__value{font-size:22px;font-weight:800;color:var(--ui-blue-800);line-height:1}.score__bar,.bar{display:block;height:8px;border-radius:var(--radius-pill);border:1px solid var(--ui-border);background:linear-gradient(180deg,#e6eef6,#cfdcea);overflow:hidden}.score__bar>i,.bar>i{display:block;height:100%;background:linear-gradient(180deg,#5eb4d8,#1766a4)}.score__hint{font-size:11px;font-weight:700;color:var(--ui-muted);white-space:nowrap}.now{padding:10px 14px 12px;border-color:#7ab0d8;background:linear-gradient(180deg,#f3f9ff,#dbeaf7)}.now.is-soon{border-color:#e8b86a;background:linear-gradient(180deg,#fff9ee,#f7e9cf)}.now--empty .now__title{color:var(--ui-muted);font-weight:700;font-size:15px}.now__kicker{margin:0 0 6px;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--ui-blue-800)}.now__card{display:grid;grid-template-columns:56px 1fr auto;gap:12px;align-items:center;width:100%;padding:10px 12px;border:1px solid #9ab6d6;border-radius:var(--radius-md);background:linear-gradient(180deg,#fff,#eaf2fa);cursor:pointer;text-align:left;transition:transform var(--motion)}.now__card:active{transform:scale(.99)}.now.is-running{border-color:#2f6eae;background:linear-gradient(180deg,#eaf4ff,#d3e5f6)}.now__actions{display:flex;justify-content:flex-end;padding-top:8px}.quest-ico--sm{width:32px;height:32px}.quest-ico{width:44px;height:44px}.quest-ico--lg{width:56px;height:56px}.now__body{min-width:0;display:grid;gap:2px}.now__title{margin:0;font-size:18px;font-weight:800;color:var(--ui-blue-800)}.now__sub{font-size:13px;font-weight:700;color:var(--ui-muted)}.now__xp,.row__xp{font-size:18px;font-weight:800;color:var(--green-dark)}.rows{display:grid;gap:6px;padding:6px 10px 12px}.row{display:grid;grid-template-columns:44px 1fr auto;gap:10px;align-items:center;width:100%;padding:8px 10px;text-align:left;border:1px solid var(--ui-border);border-radius:var(--radius-md);background:linear-gradient(180deg,#fff,#e8f0f8);cursor:pointer;transition:transform var(--motion)}.row--in_progress{border-color:#7ab0d8;background:linear-gradient(90deg,#eef7ff,#fff);box-shadow:inset 3px 0 #1766a4}.row__actions,.step__actions{display:flex;align-items:center;gap:6px;flex-shrink:0}.btn-sm{min-height:30px;padding:4px 10px;font-size:13px;white-space:nowrap}.row--done{opacity:.7;background:linear-gradient(90deg,#f4fff6,#fff)}.row--missed{opacity:.75;background:linear-gradient(90deg,#f3f5f8,#fff);border-style:dashed}.row--missed .quest-ico{filter:grayscale(1) opacity(.7)}.row__body{min-width:0;display:grid;gap:2px}.row__title{font-size:15px;font-weight:800;color:var(--ui-blue-800)}.row__sub{font-size:12px;font-weight:700;color:var(--ui-muted);letter-spacing:.02em}.row__xp{font-size:15px}.row__tag{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;padding:3px 8px;border-radius:var(--radius-pill)}.row__tag--done{color:#1f6a2a;background:#e8ffd4}.row__tag--missed{color:var(--ui-muted);background:#eef1f5}.chip-row{display:flex;flex-wrap:wrap;gap:4px;margin-top:2px}.chip{display:inline-flex;align-items:center;gap:3px;padding:1px 7px 1px 4px;border-radius:var(--radius-pill);font-size:11px;font-weight:800;border:1px solid #9ab6d6;background:#eef6ff;color:#1766a4}.glyph{width:14px;height:14px}.block--whim{border-color:#c9a9e0;background:linear-gradient(180deg,#fbf7ff,#efe6f8)}.block--close,.block--close-hint{padding-bottom:12px}.block--close .block__meta .crystal-ico{width:22px;height:22px;vertical-align:middle}.close__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:6px 14px}.close__grid div{display:grid;justify-items:center;padding:8px;border-radius:var(--radius-md);border:1px solid #afc0d2;background:linear-gradient(180deg,#fff,#e8f0f8)}.close__grid b{font-size:22px;color:var(--ui-blue-800)}.close__grid span{font-size:11px;font-weight:700;color:var(--ui-muted);text-transform:uppercase}.close__line{margin:6px 14px 0;font-size:13px;font-weight:600}.close__actions{display:flex;justify-content:flex-end;gap:8px;padding:10px 14px 0}.link{border:0;background:none;padding:0;color:var(--ui-blue-800);font-weight:800;text-decoration:underline;cursor:pointer}.goals{display:grid;gap:10px;padding:6px 10px 4px}.goals__add{display:flex;justify-content:flex-end}.goal{display:grid;gap:6px;padding:10px 12px 8px;border:1px solid var(--ui-border);border-radius:var(--radius-md);background:linear-gradient(180deg,#fff,#e8f0f8)}.goal--done{border-color:#62ce32;background:linear-gradient(180deg,#f6fff0,#e3f7d4)}.goal__head{display:grid;grid-template-columns:44px 1fr auto;gap:10px;align-items:center}.goal__body{display:grid;min-width:0}.goal__title{font-size:16px;color:var(--ui-blue-800)}.goal__body small{font-size:12px;font-weight:600;color:var(--ui-muted)}.goal__pct{font-size:18px;font-weight:800;color:var(--ui-blue-800)}.goal__badge{padding:4px 10px;border-radius:var(--radius-pill);border:1px solid #62ce32;background:linear-gradient(180deg,#e8ffd4,#c8f59a);color:#1f6a2a;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.04em}.goal__bar{height:10px}.goal--done .goal__bar>i{background:linear-gradient(180deg,#9bf56a,#3d9345)}.goal__meta{font-size:12px;font-weight:700;color:var(--ui-muted)}.goal__empty{margin:4px 0;font-size:13px;font-weight:600;color:var(--ui-muted)}.goal__stage{margin:6px 0 2px;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--ui-blue-800)}.goal__stage.is-done{color:var(--green-dark)}.steps{list-style:none;margin:0;padding:0;display:grid;gap:4px}.step{display:grid;grid-template-columns:24px 1fr auto;gap:8px;align-items:center;padding:6px 8px;border-radius:var(--radius-md);border:1px solid #d6e0ec;background:#fff}.step--in_progress{border-color:#7ab0d8;background:#f3f9ff}.step--done{opacity:.75;background:#f4fff6}.step--done .step__title{text-decoration:line-through}.step__mark{text-align:center;font-size:16px;font-weight:800;color:var(--ui-muted)}.step__mark--done{color:var(--green-dark)}.step__mark--run{color:var(--ui-blue-800)}.step__body{display:grid;min-width:0}.step__title{font-size:14px;font-weight:800;color:var(--ui-blue-800)}.step__sub{font-size:11px;font-weight:700;color:var(--ui-muted)}.step__del{width:26px;height:26px;border:0;border-radius:50%;background:none;color:var(--ui-muted);font-size:16px;cursor:pointer}.goal__foot{display:flex;justify-content:space-between;padding-top:4px}.link--muted{color:var(--ui-muted);font-weight:700;text-decoration:none}.goal-strip{display:grid;gap:6px;padding:4px 10px 12px}.goal-mini{display:grid;grid-template-columns:32px 1fr auto;gap:10px;align-items:center;padding:6px 10px;border:1px solid var(--ui-border);border-radius:var(--radius-md);background:linear-gradient(180deg,#fff,#e8f0f8);cursor:pointer;text-align:left}.goal-mini__body{display:grid;gap:4px;min-width:0}.goal-mini__title{font-size:14px;font-weight:800;color:var(--ui-blue-800);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.form{display:grid;gap:10px;padding:4px 0 8px}.form__row{display:grid;gap:4px;font-size:12px;font-weight:800;color:var(--ui-muted);text-transform:uppercase;letter-spacing:.04em}.form__row input,.form__row select{font:inherit;font-size:15px;font-weight:700;text-transform:none;letter-spacing:0;color:var(--ui-text);min-height:40px;padding:6px 10px;border-radius:var(--radius-md);border:1px solid var(--ui-border);background:#fff}.form__pair{display:grid;grid-template-columns:1fr 1fr;gap:8px}.form__label{margin:0;font-size:12px;font-weight:800;color:var(--ui-muted);text-transform:uppercase;letter-spacing:.04em}.weights{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}.weight{display:grid;justify-items:center;gap:2px;padding:8px 2px;border-radius:var(--radius-md);border:1px solid var(--ui-border);background:#fff;cursor:pointer}.weight input{position:absolute;opacity:0;pointer-events:none}.weight b{font-size:18px;color:var(--ui-blue-800)}.weight small{font-size:10px;font-weight:700;color:var(--ui-muted)}.weight.is-on{border-color:#2f6eae;background:linear-gradient(180deg,#eaf4ff,#d3e5f6)}.form__actions{display:flex;justify-content:flex-end}.skills{display:grid;gap:8px;padding:6px 10px 12px}.skill{display:grid;grid-template-columns:44px 1fr;gap:10px;align-items:center;padding:8px 10px;border:1px solid var(--ui-border);border-radius:var(--radius-md);background:linear-gradient(180deg,#fff,#e8f0f8)}.skill__body{display:grid;gap:4px;min-width:0}.skill__head{display:flex;justify-content:space-between;color:var(--ui-blue-800);font-weight:800}.skill small{font-size:12px;font-weight:600;color:var(--ui-muted)}.days{list-style:none;margin:0;padding:4px 10px 12px;display:grid;gap:6px}.day{display:grid;grid-template-columns:32px 1fr auto;gap:10px;align-items:center;padding:8px 10px;border:1px solid var(--ui-border);border-radius:var(--radius-md);background:linear-gradient(180deg,#fff,#e8f0f8)}.day__gem .crystal-ico{width:28px;height:28px}.day__nogem{display:inline-block;width:28px;text-align:center;color:var(--ui-muted);font-size:20px}.day__body{display:grid}.day__body b{color:var(--ui-blue-800)}.day__body small{font-size:12px;font-weight:600;color:var(--ui-muted)}.day__score{font-weight:800;color:var(--green-dark)}.day__score.is-neg{color:#a86a32}.tabs{position:fixed;left:0;right:0;bottom:0;display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding:8px 12px calc(8px + env(safe-area-inset-bottom));background:linear-gradient(180deg,#c8d6e800,#c8d6e8f5 30%);max-width:584px;margin:0 auto}.tab{min-height:40px;border-radius:var(--radius-md);border:1px solid #afc0d2;background:linear-gradient(#fff,#e4ebf3);color:var(--ui-blue-800);font-weight:800;cursor:pointer;box-shadow:var(--shadow-mod)}.tab.is-on{border-color:#2f6eae;background:linear-gradient(180deg,#5a9fd8,#1766a4);color:#fff}.btn{min-height:34px;padding:6px 14px;border-radius:var(--radius-pill);border:1px solid var(--ui-border);font-weight:800;cursor:pointer;background:linear-gradient(#fff,#e8edf4);color:#4878a2}.btn:disabled{opacity:.55;cursor:default}.btn-primary{border-color:#2f6eae;background:linear-gradient(180deg,#5a9fd8,#1766a4);color:#fff}.sheet-host{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;pointer-events:none}.sheet-host.is-open{pointer-events:auto}.sheet-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#1e2d4600;transition:background var(--motion)}.sheet-host.is-open .sheet-backdrop{background:#1e2d4659}.sheet{position:absolute;left:0;right:0;bottom:0;max-width:560px;margin:0 auto;max-height:80dvh;overflow:auto;border-radius:18px 18px 0 0;border:1px solid rgba(145,169,198,.95);background:linear-gradient(180deg,#fff,#eef4fa);box-shadow:var(--shadow-win);transform:translateY(100%);transition:transform .2s ease;padding-bottom:calc(12px + env(safe-area-inset-bottom))}.sheet-host.is-open .sheet{transform:translateY(0)}.sheet__head{display:flex;justify-content:space-between;align-items:center;padding:12px 16px 6px}.sheet__head h2{margin:0;font-size:16px;font-weight:800;color:var(--ui-blue-800)}.sheet__close{width:32px;height:32px;border-radius:50%;border:1px solid var(--ui-border);background:#fff;font-size:18px;cursor:pointer}.sheet__body{padding:4px 16px 12px}.sheet__p{margin:8px 0;font-size:14px;font-weight:600}.sheet__p--muted{color:var(--ui-muted);font-size:12px}.sheet__h{margin:12px 0 6px;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--ui-muted)}.why-list,.treat-list{list-style:none;margin:0;padding:0;display:grid;gap:6px}.why{display:grid;grid-template-columns:36px 1fr;gap:8px;align-items:center;padding:8px 10px;border-radius:var(--radius-md);border:1px solid var(--ui-border);background:#fff}.why b{font-size:18px;text-align:center}.why--up b{color:var(--green-dark)}.why--down b{color:#a86a32}.why span{display:grid;font-weight:700}.why small{font-size:11px;color:var(--ui-muted)}.treat{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:8px 10px;border-radius:var(--radius-md);border:1px solid var(--ui-border);background:#fff}.treat__body{display:grid}.treat__body b{color:var(--ui-blue-800)}.treat__body small{font-size:12px;color:var(--ui-muted);font-weight:600}.score-pair{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:6px 0 4px}.score-pair div{display:grid;padding:8px 10px;border-radius:var(--radius-md);border:1px solid #afc0d2;background:linear-gradient(180deg,#fff,#e8f0f8)}.score-pair span{font-size:11px;font-weight:800;text-transform:uppercase;color:var(--ui-muted)}.score-pair b{font-size:22px;color:var(--ui-blue-800)}.toast-host{position:fixed;top:10px;left:0;right:0;z-index:30;display:flex;justify-content:center;pointer-events:none;opacity:0;transform:translateY(-8px);transition:opacity var(--motion),transform var(--motion)}.toast-host.is-on{opacity:1;transform:translateY(0)}.toast{padding:8px 14px;border-radius:var(--radius-pill);font-size:13px;font-weight:800;box-shadow:var(--shadow-win)}.toast--ok{border:1px solid #62ce32;background:linear-gradient(180deg,#e8ffd4,#c8f59a);color:#1f6a2a}.toast--err{border:1px solid #d4a0a0;background:#fff0f0;color:#8a3030}.error{margin:0;padding:10px;border-radius:var(--radius-md);border:1px solid #d4a0a0;background:#fff0f0;color:#8a3030;font-weight:700}.status-line{text-align:center;color:var(--ui-blue-soft);font-weight:700;padding:40px 12px}:focus-visible{outline:3px solid rgba(51,145,196,.45);outline-offset:2px}