: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)}.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:disabled{cursor:default}.row:not(:disabled):active{transform:translateY(1px)}.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}.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}