:root{--bg:#07090f;--ink:#f2f5fb;--muted:#e2e9f69e;--faint:#e2e9f661;--glass:#ffffff0e;--glass-2:#ffffff17;--glass-3:#ffffff21;--cyan:#5be9ff;--violet:#8a7bff;--pink:#ff6ec7;--gold:#ffcf6b;--green:#4ce0a2;--red:#ff7a8a;--orange:#ffb45c;--grad-accent:linear-gradient(135deg, #5be9ff, #8a7bff 55%, #ff6ec7);--grad-stroke:linear-gradient(135deg, #78f0ff8c, #ffffff14 45%, #ff6ec773);--grad-stroke-soft:linear-gradient(135deg, #ffffff38, #ffffff0d 50%, #ffffff24);--shadow-card:0 18px 44px #00000080;--font-display:"Unbounded", system-ui, sans-serif;--font-body:"Golos Text", -apple-system, system-ui, sans-serif;--z-dock:30;--z-toast:50}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--bg);color:var(--ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased;font-size:15px;line-height:1.5}body:before{content:"";z-index:-1;background:radial-gradient(42% 30% at 18% 6%, #42d6ff29, transparent 70%), radial-gradient(38% 28% at 85% 20%, #ff5ebe1f, transparent 70%), radial-gradient(50% 36% at 50% 105%, #7a6cff24, transparent 70%), var(--bg);position:fixed;inset:0}#root{flex-direction:column;max-width:480px;min-height:100dvh;margin:0 auto;display:flex}.screen{flex:1;padding:22px 18px 108px}h1{font-family:var(--font-display);letter-spacing:-.02em;text-wrap:balance;font-size:21px;font-weight:600}h2{font-family:var(--font-display);letter-spacing:-.01em;text-wrap:balance;font-size:16px;font-weight:500}.muted{color:var(--muted);font-size:14px;line-height:1.5}.glass{background:var(--glass);-webkit-backdrop-filter:blur(24px)saturate(1.4);box-shadow:var(--shadow-card), inset 0 1px 0 #ffffff24;border-radius:22px;position:relative}.glass:before{content:"";border-radius:inherit;background:var(--grad-stroke-soft);-webkit-mask-composite:xor;pointer-events:none;padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.glass.accent:before{background:var(--grad-stroke)}.btn{background:var(--grad-accent);color:#0a0c14;width:100%;min-height:50px;font-family:var(--font-body);cursor:pointer;border:0;border-radius:16px;justify-content:center;align-items:center;gap:8px;padding:13px 18px;font-size:15.5px;font-weight:700;transition:transform .12s cubic-bezier(.22,1,.36,1),box-shadow .2s;display:flex;position:relative;box-shadow:0 10px 30px #7a82ff59,inset 0 1px #ffffff80}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.35;cursor:default;box-shadow:none}.btn.ghost{background:var(--glass-2);color:var(--ink);-webkit-backdrop-filter:blur(18px);box-shadow:inset 0 1px #ffffff24}.btn.ghost:before{content:"";border-radius:inherit;background:var(--grad-stroke);-webkit-mask-composite:xor;pointer-events:none;padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.btn.small{border-radius:13px;width:auto;min-height:44px;padding:10px 18px;font-size:14px}.step-dots{gap:6px;margin:16px 0 24px;display:flex}.step-dots i{background:#ffffff1a;border-radius:2px;flex:1;height:3px}.step-dots i.on{background:var(--grad-accent);box-shadow:0 0 12px #7a82ff99}.chips{flex-wrap:wrap;gap:10px;margin-top:18px;display:flex}.chip{cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:15px;align-items:center;gap:9px;padding:13px 16px;font-size:14.5px;font-weight:600;transition:transform .12s cubic-bezier(.22,1,.36,1);display:flex}.chip:active{transform:scale(.96)}.chip.on{background:var(--glass-3);box-shadow:var(--shadow-card), inset 0 1px 0 #fff3, 0 0 24px #7a82ff2e}.chip.on:before{background:var(--grad-stroke)}textarea,input[type=text],input[type=time]{background:var(--glass);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);width:100%;color:var(--ink);font-size:15px;font-family:var(--font-body);resize:vertical;border:1px solid #ffffff1f;border-radius:15px;margin-top:10px;padding:13px 15px}textarea::placeholder{color:var(--faint)}textarea:focus,input:focus{border-color:#7ac8ff8c;outline:none;box-shadow:0 0 0 3px #5be9ff1f}label.field{color:var(--muted);margin-top:20px;font-size:13.5px;font-weight:600;display:block}label.field .sphere-ico{vertical-align:-4px;margin-right:7px;display:inline-flex}.time-row{grid-template-columns:1fr 1fr;gap:10px;display:grid}input[type=time]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.tone-cards{grid-template-columns:1fr 1fr;gap:10px;margin-top:18px;display:grid}.tone-card{cursor:pointer;border-radius:18px;padding:16px 14px;transition:transform .12s cubic-bezier(.22,1,.36,1)}.tone-card:active{transform:scale(.97)}.tone-card.on{background:var(--glass-3);box-shadow:var(--shadow-card), inset 0 1px 0 #fff3, 0 0 24px #7a82ff2e}.tone-card.on:before{background:var(--grad-stroke)}.tone-card b{align-items:center;gap:8px;margin-bottom:7px;font-size:14.5px;display:flex}.tone-card span{color:var(--muted);font-size:12.5px;line-height:1.4;display:block}.check{color:var(--muted);cursor:pointer;align-items:flex-start;gap:11px;margin-top:16px;font-size:13.5px;line-height:1.45;display:flex}.check input{width:19px;height:19px;accent-color:var(--violet);flex:none;margin-top:1px}.footer-cta{max-width:480px;padding:14px 18px calc(14px + env(safe-area-inset-bottom));background:linear-gradient(#0000,#07090fe6 45%);margin:0 auto;position:fixed;bottom:0;left:0;right:0}.arc-card{margin-bottom:18px;padding:18px;overflow:hidden}.arc-card .arc-day{font-family:var(--font-display);color:var(--faint);margin-bottom:8px;font-size:11px;font-weight:500}.arc-card h2{color:var(--ink);margin-bottom:9px}.arc-card .muted{font-size:13.5px}.quest{margin-bottom:13px;padding:16px}.quest.done{opacity:.55}.quest.wildcard{background:linear-gradient(160deg, #ffcf6b12, #ff6ec70a), var(--glass)}.quest.wildcard:before{background:linear-gradient(135deg,#ffdc8299,#ffffff14 45%,#ff6ec766)}.quest-head{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.quest-title{align-items:baseline;gap:8px;font-size:15px;font-weight:700;line-height:1.35;display:flex}.quest-title .star{flex:none;align-self:center}.quest-narrative{color:var(--muted);margin-top:7px;font-size:13.5px;line-height:1.5}.quest-meta{flex-wrap:wrap;gap:6px;margin-top:12px;display:flex}.tag{color:var(--muted);background:#ffffff0f;border-radius:9px;align-items:center;gap:5px;padding:5px 10px;font-size:12px;font-weight:600;display:inline-flex;box-shadow:inset 0 0 0 1px #ffffff12}.tag.xp{color:var(--gold);background:#ffcf6b17;box-shadow:inset 0 0 0 1px #ffcf6b38}.tag.stat{color:#b9c8ff;background:#8a7bff1a;box-shadow:inset 0 0 0 1px #8a7bff40}.tag.status-active{color:var(--cyan);background:#5be9ff14;box-shadow:inset 0 0 0 1px #5be9ff47}.tag.status-review{color:var(--orange);background:#ffb45c17;box-shadow:inset 0 0 0 1px #ffb45c47}.tag.status-done{color:var(--green);background:#4ce0a217;box-shadow:inset 0 0 0 1px #4ce0a247}.quest-actions{gap:9px;margin-top:14px;display:flex}.verdict{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:13px;margin-top:12px;padding:11px 13px;font-size:13px;line-height:1.45}.verdict.bad{color:#ffb3bd;background:#ff7a8a17;box-shadow:inset 0 0 0 1px #ff7a8a40}.verdict.warn{color:#ffd2a1;background:#ffb45c17;box-shadow:inset 0 0 0 1px #ffb45c40}.verdict.good{color:#a9f0d2;background:#4ce0a217;box-shadow:inset 0 0 0 1px #4ce0a240}@media (prefers-reduced-motion:no-preference){.quest{animation:.5s cubic-bezier(.22,1,.36,1) both rise}.quest:nth-child(2){animation-delay:50ms}.quest:nth-child(3){animation-delay:.1s}.quest:nth-child(4){animation-delay:.15s}.quest:nth-child(5){animation-delay:.2s}@keyframes rise{0%{opacity:0;transform:translateY(20px)}}}.level-card{margin-bottom:15px;padding:20px 18px}.level-row{justify-content:space-between;align-items:baseline;margin-bottom:13px;display:flex}.level-num{font-family:var(--font-display);background:linear-gradient(135deg,#ffe29a,#ff9d5c);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:27px;font-weight:700}.level-row .muted{font-size:12.5px}.bar{background:#ffffff12;border-radius:6px;height:10px;overflow:hidden;box-shadow:inset 0 1px 3px #0006}.bar>i{background:var(--grad-accent);width:100%;height:100%;transform:scaleX(var(--p,0));transform-origin:0;border-radius:6px;transition:transform .5s cubic-bezier(.22,1,.36,1);display:block;box-shadow:0 0 14px #7a82ff8c}.bar.gold>i{background:linear-gradient(90deg,#ffe29a,#ff9d5c);box-shadow:0 0 14px #ffbe6480}.stat-row{border-bottom:1px solid #ffffff0f;align-items:center;gap:12px;padding:12px 0;display:flex}.stat-row:last-child{border-bottom:0}.stat-name{align-items:center;gap:9px;width:128px;font-size:13.5px;font-weight:600;display:flex}.stat-row .bar{flex:1;height:8px}.stat-val{text-align:right;width:30px;font-family:var(--font-display);color:#b9c8ff;font-size:13px;font-weight:600}.tabs{bottom:calc(12px + env(safe-area-inset-bottom));z-index:var(--z-dock);-webkit-backdrop-filter:blur(28px)saturate(1.5);box-shadow:var(--shadow-card), inset 0 1px 0 #ffffff1f;background:#121621b8;border-radius:20px;gap:4px;padding:5px;display:flex;position:fixed;left:50%;transform:translate(-50%)}.tabs:before{content:"";border-radius:inherit;background:var(--grad-stroke-soft);-webkit-mask-composite:xor;pointer-events:none;padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.tabs button{color:var(--muted);font-family:var(--font-body);cursor:pointer;background:0 0;border:0;border-radius:15px;align-items:center;gap:7px;padding:10px 18px;font-size:13px;font-weight:600;display:flex}.tabs button.on{color:var(--ink);background:var(--glass-3);box-shadow:inset 0 1px #ffffff2e,0 4px 18px #00000059}.toast{z-index:var(--z-toast);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);box-shadow:var(--shadow-card), inset 0 1px 0 #ffffff26, 0 0 30px #7a82ff40;background:#161b28d9;border-radius:15px;align-items:center;gap:8px;max-width:90%;padding:12px 20px;font-size:14.5px;font-weight:700;display:flex;position:fixed;top:16px;left:50%;transform:translate(-50%)}@media (prefers-reduced-motion:no-preference){.toast{animation:.4s cubic-bezier(.22,1,.36,1) toast-in}@keyframes toast-in{0%{opacity:0;transform:translate(-50%)translateY(-12px)}}}.center{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:15px;min-height:62dvh;padding:0 26px;display:flex}.spinner{border:3px solid #ffffff1a;border-top-color:var(--cyan);border-right-color:var(--pink);border-radius:50%;width:36px;height:36px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.spinner{animation-duration:1.6s}.quest,.toast{animation:none}.bar>i{transition:none}}