:root{--bg: #fff8ec;--card: #ffffff;--ink: #2b2140;--muted: #7a6f8f;--magic: #6c4ee3;--magic-dark: #4f35b8;--sun: #ffd23f;--sun-dark: #e0ae12;--coral: #ff7a59;--coral-dark: #d9583a;--mint: #2ec4a6;--mint-dark: #1e9a82;--sky: #4cc9f0;--line: #ecdfca;--err: #e63946;--radius: 22px;--shadow: 0 6px 0 rgba(43, 33, 64, .08);color-scheme:light}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{background:var(--bg);color:var(--ink);font-family:Nunito,system-ui,sans-serif;font-size:18px;-webkit-font-smoothing:antialiased;background-image:radial-gradient(circle at 10% 10%,#fff1d6 0,transparent 40%),radial-gradient(circle at 90% 80%,#efe8ff 0,transparent 45%);background-attachment:fixed}h1,h2,h3,.display{font-family:"Baloo 2",Nunito,sans-serif;line-height:1.1;margin:0}h1{font-size:clamp(28px,6vw,44px)}h2{font-size:clamp(22px,4.5vw,30px)}h3{font-size:22px}p{line-height:1.5}a{color:var(--magic)}.page{max-width:1040px;margin:0 auto;padding:16px 16px 96px}.row{display:flex;gap:12px;align-items:center}.wrap{flex-wrap:wrap}.spread{justify-content:space-between}.col{display:flex;flex-direction:column;gap:12px}.grow{flex:1}.center{text-align:center}.muted{color:var(--muted)}.small{font-size:15px}.card{background:var(--card);border-radius:var(--radius);border:2px solid var(--line);box-shadow:var(--shadow);padding:20px}.btn{--c: var(--magic);--d: var(--magic-dark);-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;cursor:pointer;min-height:52px;padding:0 24px;border-radius:18px;font:800 19px Nunito,sans-serif;color:#fff;background:var(--c);box-shadow:0 5px 0 var(--d);transform:translateY(0);transition:transform .08s,box-shadow .08s,filter .15s;display:inline-flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap;text-decoration:none}.btn:active:not(:disabled){transform:translateY(4px);box-shadow:0 1px 0 var(--d)}.btn:disabled{filter:grayscale(.7) opacity(.55);cursor:not-allowed}.btn.sun{--c: var(--sun);--d: var(--sun-dark);color:var(--ink)}.btn.coral{--c: var(--coral);--d: var(--coral-dark)}.btn.mint{--c: var(--mint);--d: var(--mint-dark)}.btn.ghost{--c: #fff;--d: var(--line);color:var(--ink);border:2px solid var(--line)}.btn.big{min-height:64px;font-size:22px;padding:0 32px}.btn.block{width:100%}.topbar{display:flex;align-items:center;gap:10px;padding:12px 16px;max-width:1040px;margin:0 auto}.brand{white-space:nowrap;font:800 26px "Baloo 2",sans-serif;color:var(--magic);text-decoration:none;display:flex;align-items:center;gap:6px}.pill{display:inline-flex;align-items:center;gap:6px;background:#fff;border:2px solid var(--line);border-radius:999px;padding:6px 12px;font-weight:800;font-size:16px;white-space:nowrap}.pill.streak{color:var(--coral-dark)}.pill.ink{color:var(--magic)}.tabs{position:fixed;bottom:0;left:0;right:0;z-index:10;display:flex;justify-content:space-around;background:#fff;border-top:2px solid var(--line);padding:6px 4px calc(6px + env(safe-area-inset-bottom))}.tabs a{flex:1;text-align:center;text-decoration:none;color:var(--muted);font-weight:800;font-size:13px;padding:4px;border-radius:12px}.tabs a .ico{display:block;font-size:24px}.tabs a.on{color:var(--magic);background:#f2edff}.bar{height:14px;background:#f1e7d6;border-radius:99px;overflow:hidden}.bar>i{display:block;height:100%;background:linear-gradient(90deg,var(--sun),var(--coral));border-radius:99px;transition:width .6s}.levels{display:grid;gap:16px}.level{position:relative;overflow:hidden}.level.locked{opacity:.55}.level .badge-num{width:56px;height:56px;border-radius:18px;flex:none;display:grid;place-items:center;font:800 28px "Baloo 2",sans-serif;color:#fff}.nodes{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}.node{width:64px;height:64px;border-radius:50%;border:3px solid var(--line);background:#fff;display:grid;place-items:center;text-decoration:none;color:var(--ink);font-weight:800;position:relative;box-shadow:0 4px 0 var(--line)}.node.done{border-color:var(--sun-dark);background:#fff6d1}.node.next{border-color:var(--magic);box-shadow:0 4px 0 var(--magic-dark);animation:bob 1.6s ease-in-out infinite}.node.imagine{border-style:dashed}.node .s{position:absolute;bottom:-8px;font-size:12px;letter-spacing:-2px}.node img{width:100%;height:100%;border-radius:50%;object-fit:cover}@keyframes bob{50%{transform:translateY(-4px)}}.play{display:grid;gap:16px;grid-template-columns:1fr}@media (min-width: 820px){.play{grid-template-columns:1fr 1fr;align-items:start}}.picture{width:100%;aspect-ratio:1;border-radius:var(--radius);object-fit:cover;border:4px solid #fff;box-shadow:0 8px 24px #2b21401f;background:#f3eadb}.prompt{font:700 22px "Baloo 2",sans-serif}.skill-chip{display:inline-flex;gap:6px;align-items:center;background:#f2edff;color:var(--magic-dark);font-weight:800;border-radius:12px;padding:6px 12px;font-size:15px}.editor{position:relative;border-radius:18px;background:#fff;border:3px solid var(--line)}.editor:focus-within{border-color:var(--magic)}.editor textarea,.editor .mirror{font:600 22px/1.6 Nunito,sans-serif;padding:16px;margin:0;border:0;white-space:pre-wrap;word-wrap:break-word;letter-spacing:0}.editor textarea{position:relative;z-index:1;width:100%;min-height:160px;resize:vertical;background:transparent;color:var(--ink);outline:none;display:block}.editor .mirror{position:absolute;top:0;right:0;bottom:0;left:0;color:transparent;pointer-events:none;overflow:hidden}.editor .mirror mark{background:transparent;color:transparent;text-decoration:underline wavy var(--err);text-decoration-thickness:2px;text-underline-offset:5px}.counter{font-weight:800;font-size:14px;color:var(--muted)}.counter.full{color:var(--coral-dark)}.spell-chips{display:flex;flex-wrap:wrap;gap:8px}.spell-chip{border:2px dashed var(--err);color:var(--err);background:#fff5f5;border-radius:12px;padding:6px 10px;font-weight:800;cursor:pointer;font-size:16px}.hint{background:#fff;border:2px solid var(--err);border-radius:16px;padding:12px 14px}.coach{display:flex;gap:12px;align-items:flex-start}.coach .wiz{font-size:44px;line-height:1;flex:none}.bubble{background:#fff;border:2px solid var(--magic);border-radius:4px 20px 20px;padding:14px 16px;font-weight:700}.details-meter{display:flex;gap:6px;flex-wrap:wrap}.details-meter i{width:22px;height:22px;border-radius:50%;background:#efe6d6;display:block}.details-meter i.on{background:var(--sun);box-shadow:0 0 0 3px #fff3c2}.stars{font-size:44px;letter-spacing:4px}.stars .off{filter:grayscale(1) opacity(.3)}.compare{display:grid;grid-template-columns:1fr 1fr;gap:12px}.compare figure{margin:0}.compare figcaption{font-weight:800;text-align:center;margin-top:6px}.checklist{list-style:none;padding:0;margin:0;display:grid;gap:6px}.checklist li{padding:8px 12px;border-radius:12px;background:#f8f3ea;font-weight:700}.checklist li.got{background:#e4f8f2}.checklist li.got:before{content:"✓ ";color:var(--mint-dark)}.checklist li.miss:before{content:"○ ";color:var(--muted)}.gem{display:inline-flex;flex-direction:column;align-items:center;gap:4px;padding:12px;border-radius:18px;background:#fff;border:2px solid var(--line);min-width:110px}.gem .stone{font-size:34px}.gem.common .stone{filter:hue-rotate(140deg)}.gem.rare .stone{filter:hue-rotate(250deg) saturate(1.4)}.gem.legendary{border-color:var(--sun-dark);background:linear-gradient(160deg,#fff7d6,#fff)}.gem.locked{opacity:.35}.works{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px}.work img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:16px}.work p{margin:8px 0 0;font-size:16px}.modal-bg{position:fixed;top:0;right:0;bottom:0;left:0;background:#2b214073;display:grid;place-items:center;padding:16px;z-index:50}.modal{max-width:460px;width:100%}.avatars{display:grid;grid-template-columns:repeat(auto-fill,minmax(64px,1fr));gap:10px}.avatar{font-size:36px;height:72px;border-radius:18px;border:3px solid var(--line);background:#fff;cursor:pointer}.avatar.on{border-color:var(--magic);background:#f2edff}input.field{font:700 20px Nunito,sans-serif;padding:12px 14px;border-radius:14px;border:3px solid var(--line);width:100%;outline:none}input.field:focus{border-color:var(--magic)}.spinner{width:64px;height:64px;border-radius:50%;border:6px solid #eee3ff;border-top-color:var(--magic);animation:spin 1s linear infinite;margin:0 auto}@keyframes spin{to{transform:rotate(360deg)}}.sparkle{animation:pop .5s ease-out}@keyframes pop{0%{transform:scale(.4);opacity:0}70%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}.toast{position:fixed;left:50%;top:16px;transform:translate(-50%);background:var(--ink);color:#fff;padding:12px 18px;border-radius:14px;font-weight:800;z-index:60;max-width:calc(100% - 32px)}table.report{width:100%;border-collapse:collapse;font-size:16px}table.report td,table.report th{padding:8px;border-bottom:1px solid var(--line);text-align:left}.trend{display:flex;gap:10px;align-items:flex-end;height:90px}.trend>div{flex:1;background:var(--sky);border-radius:8px 8px 0 0;min-height:4px;position:relative}.trend>div span{position:absolute;top:-20px;left:0;right:0;text-align:center;font-size:12px;font-weight:800}@media print{.tabs,.topbar,.no-print{display:none!important}body{background:#fff}.card{box-shadow:none;border:0}}.actions{display:grid;grid-template-columns:1fr;gap:12px}@media (min-width: 560px){.actions{grid-template-columns:1fr 1fr}}.today{display:grid;grid-template-columns:88px 1fr;gap:14px;align-items:center;text-decoration:none;color:inherit;border-color:var(--magic)}.today img,.today .ph{width:88px;height:88px;border-radius:16px;object-fit:cover}.today .btn{grid-column:1 / -1}@media (min-width: 640px){.today{grid-template-columns:110px 1fr auto}.today .btn{grid-column:auto}.today img{width:110px;height:110px}}.level summary{list-style:none;cursor:pointer}.level summary::-webkit-details-marker{display:none}@media (max-width: 480px){.topbar{gap:6px;padding:10px 12px}.brand{font-size:22px}.pill{padding:4px 8px;font-size:14px}}