:root{--bg: #F7EEE3;--paper: #F4E9DC;--surface: #FFFAF4;--text: #4B3A2F;--muted: #8C7768;--faint: #B9A698;--line: #EEE2D4;--grid-strong: #E2D2C0;--ink: #D6613B;--ink-press: #C2532F;--ink-soft: #FBE4D8;--coral-a: #F49A7B;--coral-b: #E36F4D;--green: #5A9A79;--green-soft: #DEEBDD;--orange: #EC9444;--orange-soft: #FCE6CE;--gold: #D5961F;--gold-soft: #FCEFC9;--margin: #D6533D;--red-soft: #F9DED7;--marker-soft: rgba(246, 196, 80, .45);--sage: #DCE9DA;--sage-2: #8DB7A0;--sage-3: #4C7C65;--peach: #F9DACB;--peach-2: #F0997C;--peach-3: #B8573A;--butter: #FBE8B8;--butter-2: #EFBB4E;--butter-3: #9A6B0E;--sky: #DAE6F2;--sky-2: #8CAED6;--sky-3: #3F6793;--lilac: #E8DFF2;--lilac-2: #AE97D2;--shadow: 0 16px 30px -18px rgba(122, 82, 52, .42), 0 4px 10px -6px rgba(122, 82, 52, .14), inset 0 2px 0 rgba(255, 255, 255, .85), inset 0 -4px 10px rgba(122, 82, 52, .06);--shadow-sm: 0 8px 16px -10px rgba(122, 82, 52, .42), 0 2px 4px -2px rgba(122, 82, 52, .12), inset 0 2px 0 rgba(255, 255, 255, .8), inset 0 -3px 6px rgba(122, 82, 52, .06);--shadow-lg: 0 20px 36px -20px rgba(190, 100, 60, .6), 0 6px 14px -8px rgba(122, 82, 52, .18), inset 0 2px 0 rgba(255, 255, 255, .6), inset 0 -6px 14px rgba(160, 80, 40, .07);--sunken: inset 0 3px 7px rgba(122, 82, 52, .11), inset 0 -2px 0 rgba(255, 255, 255, .75);--f-body: "Nunito", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--f-display: var(--f-body);--f-hand: var(--f-body);--left: 16px;--right: 16px;--r: 26px;--tabbar: 68px;color-scheme:light}*{box-sizing:border-box}[hidden]{display:none!important}html,body{margin:0;padding:0}body{font-family:var(--f-body);font-size:16px;line-height:1.5;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;min-height:100vh;overscroll-behavior:none}#app{position:relative;min-height:100vh}button{font:inherit;color:inherit;cursor:pointer}input,textarea,select{font:inherit;color:inherit}img{max-width:100%;display:block}:focus-visible{outline:2.5px solid var(--ink);outline-offset:2px;border-radius:10px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.display{font-weight:900;letter-spacing:-.01em;line-height:1.1}.hand{font-weight:800}.eyebrow{font-size:13px;font-weight:800;letter-spacing:.02em;color:var(--muted)}.muted{color:var(--muted)}.small{font-size:13.5px}.center{text-align:center}h1,h2,h3{margin:0}h1{font-size:28px;font-weight:900;line-height:1.15;letter-spacing:-.015em}h2{font-size:21px;font-weight:800;line-height:1.2;letter-spacing:-.01em}h3{font-size:17px;font-weight:800}p{margin:0}b,strong{font-weight:800}.marker{background:linear-gradient(transparent 55%,var(--marker-soft) 55%)}a{color:var(--ink);font-weight:700}.screen{padding:12px var(--right) calc(var(--tabbar) + 44px + env(safe-area-inset-bottom)) var(--left);animation:rise .25s ease both}.screen.no-tabs{padding-bottom:32px}.stack>*+*{margin-top:16px}.row{display:flex;align-items:center;gap:10px}.row.between{justify-content:space-between}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:12px}@keyframes rise{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.topbar{display:flex;align-items:center;justify-content:space-between;min-height:46px;margin-bottom:2px;gap:10px}.brand{display:flex;align-items:center;gap:8px;font-weight:900;font-size:19px}.head-art{display:flex;align-items:flex-end;gap:14px}.head-art img{width:84px;height:84px;object-fit:contain;flex:none;filter:drop-shadow(0 8px 10px rgba(122,82,52,.22))}.head-art>div{flex:1;min-width:0}.card{background:var(--surface);border-radius:var(--r);box-shadow:var(--shadow);padding:18px;position:relative}.card.flat{box-shadow:var(--sunken);background:var(--paper)}.card.tap{cursor:pointer;transition:transform .12s ease}.card.tap:active{transform:scale(.985)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:52px;padding:12px 22px;border:0;border-radius:999px;background:linear-gradient(180deg,var(--coral-a),var(--coral-b));color:#fff;font-weight:800;font-size:16px;letter-spacing:.005em;text-shadow:0 1px 1px rgba(150,60,30,.25);box-shadow:0 10px 18px -9px #e36f4dbf,inset 0 2px #ffffff59,inset 0 -3px #a03c1e29;transition:transform .08s ease,filter .15s,opacity .2s;width:100%}.btn:active{transform:scale(.97) translateY(1px);filter:brightness(.96)}.btn[disabled]{opacity:.45;pointer-events:none}.btn svg{width:20px;height:20px}.btn.ghost{background:transparent;color:var(--ink);text-shadow:none;box-shadow:inset 0 0 0 2px var(--grid-strong)}.btn.soft{background:var(--surface);color:var(--ink);text-shadow:none;box-shadow:var(--shadow-sm)}.btn.green,.btn.sage{background:linear-gradient(180deg,#86b79d,#5e957a);text-shadow:0 1px 1px rgba(30,70,50,.25);box-shadow:0 10px 18px -9px #46785fbf,inset 0 2px #ffffff4d,inset 0 -3px #1e463226}.btn.small{min-height:40px;padding:8px 16px;font-size:14.5px;width:auto}.btn.inline{width:auto}.linkish{background:none;border:0;color:var(--ink);font-weight:800;padding:6px 0}.clay-ic{width:48px;height:48px;border-radius:16px;display:grid;place-items:center;flex:none;box-shadow:0 7px 12px -7px #5a3c2880,inset 0 2px #ffffff8c,inset 0 -3px 6px #00000012}.clay-ic img{width:38px;height:38px;object-fit:contain;filter:drop-shadow(0 2px 2px rgba(80,50,30,.22))}.clay-ic svg{width:24px;height:24px;color:#fff}.clay-ic.sage{background:linear-gradient(160deg,#b3d3c0,#86b39a)}.clay-ic.peach{background:linear-gradient(160deg,#f8b9a2,#ee9276)}.clay-ic.butter{background:linear-gradient(160deg,#f8d88e,#efbc52)}.clay-ic.sky{background:linear-gradient(160deg,#b5cdea,#8aaed8)}.clay-ic.lilac{background:linear-gradient(160deg,#cdbde6,#a992d1)}.cells{display:inline-flex;gap:3px;vertical-align:middle}.cells i{width:11px;height:11px;border-radius:4px;background:var(--paper);box-shadow:var(--sunken)}.cells i.on{background:var(--sage-2);box-shadow:inset 0 1px #ffffff80}.bar{height:12px;border-radius:8px;background:var(--paper);box-shadow:var(--sunken);overflow:hidden}.bar>i{display:block;height:100%;background:linear-gradient(180deg,var(--coral-a),var(--coral-b));border-radius:8px;box-shadow:inset 0 2px #ffffff59;transition:width .6s ease}.pen-circle{position:absolute;inset:-14px -22px;width:calc(100% + 44px);height:calc(100% + 28px);pointer-events:none;overflow:visible}.pen-circle path,.pen-tick path,.pen-wave path{stroke-dasharray:1;stroke-dashoffset:1;animation:draw .8s .1s cubic-bezier(.6,.1,.3,1) forwards}.pen-tick{width:22px;height:18px;flex:none}.pen-tick path{animation-duration:.4s;animation-delay:0s}.pen-wave{display:block;width:100%;height:6px;margin-top:3px}@keyframes draw{to{stroke-dashoffset:0}}.circled{position:relative;display:inline-block;padding:0 6px}.home-top{display:flex;align-items:center;gap:10px;padding:4px 0 0}.home-top h1{flex:1;font-size:30px}.round-btn{position:relative;width:48px;height:48px;border-radius:50%;border:0;background:var(--surface);box-shadow:var(--shadow-sm);display:grid;place-items:center;color:var(--sage-3);flex:none;padding:0}.round-btn img{width:30px;height:30px;object-fit:contain}.round-btn svg{width:22px;height:22px}.round-btn .dot{position:absolute;top:2px;right:1px;min-width:18px;height:18px;padding:0 4px;border-radius:9px;background:var(--coral-b);color:#fff;font-size:11px;font-weight:900;font-style:normal;line-height:18px;box-shadow:0 0 0 2.5px var(--surface)}.ava{width:48px;height:48px;border-radius:50%;overflow:hidden;flex:none;background:linear-gradient(160deg,#e4efe2,#c9ddc9);box-shadow:0 0 0 3px var(--surface),0 8px 14px -8px #7a523480;display:grid;place-items:center;border:0;padding:0}.ava img{width:100%;height:100%;object-fit:cover;object-position:50% 20%}.ava.txt{font-weight:900;color:var(--sage-3);font-size:20px}.ava.big{width:76px;height:76px}.ava.sm{width:36px;height:36px;box-shadow:0 0 0 2.5px var(--surface),0 6px 10px -6px #7a523480}.meet{display:flex;align-items:flex-end;gap:6px;margin:4px 0 6px}.meet img{width:124px;flex:none;filter:drop-shadow(0 10px 12px rgba(122,82,52,.22))}.bubble{position:relative;flex:1;background:var(--surface);box-shadow:var(--shadow-sm);border-radius:22px 22px 22px 6px;padding:12px 14px;font-weight:700;font-size:15px;line-height:1.4;margin-bottom:44px}.ava.big.txt{font-size:30px}.hero{position:relative;overflow:hidden;border-radius:30px;min-height:250px;background:linear-gradient(165deg,#fce6da,#f8d5c3);box-shadow:var(--shadow-lg);display:grid;grid-template-columns:35% 1fr;color:var(--text)}.hero:after{content:"";position:absolute;left:0;right:0;bottom:0;height:20px;z-index:2;background:linear-gradient(180deg,#f3c5ae,#edb39a);box-shadow:inset 0 2px #ffffff80,0 -6px 12px -8px #96503259}.hero-art{position:relative;z-index:1;align-self:end;width:118%;max-width:none;margin:0 0 6px -6%;filter:drop-shadow(0 10px 12px rgba(150,80,50,.22))}.hero-txt{position:relative;z-index:3;padding:20px 16px 36px 4px;display:flex;flex-direction:column;gap:6px;min-width:0}.hero-hi{font-size:20px;font-weight:900;line-height:1.2;letter-spacing:-.01em}.hero-lead{font-size:13px;font-weight:800;color:var(--muted);margin-top:2px}.home-top .me-hi{flex:1;min-width:0;display:flex;flex-direction:column}.home-top .me-hi b{font-size:20px;font-weight:900;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.home-top .me-hi span{font-size:13.5px;font-weight:700;color:var(--muted)}.ava-btn{border:0;background:none;padding:0;border-radius:50%;flex:none}.pulse{animation:pulse 1.4s ease-in-out 3}@keyframes pulse{0%,to{box-shadow:0 0 color-mix(in srgb,var(--coral-b) 45%,transparent)}50%{box-shadow:0 0 0 12px transparent}}.hero h2{font-size:17px;font-weight:800;line-height:1.25;color:var(--peach-3)}.hero .meta{font-size:13px;font-weight:600;color:var(--muted);line-height:1.35}.hero .mastery{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:800;color:var(--muted)}.hero .mastery .track{flex:1;height:8px;border-radius:5px;background:#fff9;overflow:hidden}.hero .mastery .track i{display:block;height:100%;background:var(--coral-b);border-radius:5px}.hero .btn{margin-top:6px;min-height:48px;padding:10px 12px;font-size:14.5px;white-space:nowrap}.hero .btn svg{width:17px;height:17px;fill:currentColor}@media (max-width: 350px){.hero{grid-template-columns:32% 1fr}.hero-hi{font-size:18px}}.section-h{font-size:19px;font-weight:900;color:var(--text);margin:26px 2px 12px;display:flex;justify-content:space-between;align-items:baseline}.section-h .linkish{font-size:13.5px}.stats{display:grid;grid-template-columns:1fr 1fr;gap:12px}.stat-card{border:0;border-radius:24px;padding:14px 14px 13px;text-align:left;display:flex;flex-direction:column;min-width:0;box-shadow:var(--shadow);color:var(--text);transition:transform .1s}.stat-card:active{transform:scale(.97)}.stat-card .clay-ic{margin-bottom:10px}.stat-card .l{font-size:13.5px;font-weight:800;line-height:1.2}.stat-card b{font-size:30px;font-weight:900;line-height:1.15;letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stat-card .d{font-size:12.5px;font-weight:800;line-height:1.25}.stat-card.sage{background:linear-gradient(170deg,#e6f0e3,#d4e5d2)}.stat-card.sage .d{color:var(--sage-3)}.stat-card.peach{background:linear-gradient(170deg,#fce5da,#f7d1c0)}.stat-card.peach .d{color:var(--peach-3)}.stat-card.butter{background:linear-gradient(170deg,#fdf0cf,#f9e1a6)}.stat-card.butter .d{color:var(--butter-3)}.stat-card.sky{background:linear-gradient(170deg,#e6eef7,#d2dfee)}.stat-card.sky .d{color:var(--sky-3)}.week-card .head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px}.week-card .head b{font-size:17px;font-weight:900}.pill{display:inline-block;padding:4px 12px;border-radius:999px;background:var(--surface);box-shadow:var(--shadow-sm);color:var(--text);font-weight:800;font-size:12.5px;white-space:nowrap}.pill.ok{background:var(--green-soft);color:var(--sage-3);box-shadow:none}.pill.warn{background:var(--red-soft);color:var(--margin);box-shadow:none}.wbars{display:grid;grid-template-columns:repeat(7,1fr);gap:6px}.wb{display:flex;flex-direction:column;align-items:center;gap:6px;min-width:0}.wb .track{height:104px;width:100%;max-width:32px;display:flex;align-items:flex-end}.wb .col{width:100%;border-radius:11px 11px 9px 9px;display:grid;place-items:start center;padding-top:6px;color:#fff;background:var(--c);box-shadow:inset 0 2px #ffffff73,inset 0 -3px 6px #0000000f,0 6px 10px -7px #5a3c288c}.wb .col svg{width:16px;height:16px;stroke-width:3}.wb.free .col{height:16%;background:var(--paper);box-shadow:var(--sunken)}.wb.plan .col{height:56%;background:color-mix(in srgb,var(--c) 18%,transparent);box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--c) 70%,transparent)}.wb.done .col{height:100%}.wb.extra .col{height:78%}.wb .lbl{font-size:12.5px;font-weight:800;color:var(--muted);line-height:1.1;text-align:center}.wb .tm{display:block;font-size:10.5px;font-weight:800;color:var(--faint);margin-top:2px}.wb.today .lbl{color:var(--ink)}.wb.today .lbl:after{content:"";display:block;width:5px;height:5px;border-radius:50%;background:var(--ink);margin:3px auto 0}.wb:nth-child(1){--c: #F0A487}.wb:nth-child(2){--c: #EFC063}.wb:nth-child(3){--c: #93BDA5}.wb:nth-child(4){--c: #EC8B6D}.wb:nth-child(5){--c: #93B3D8}.wb:nth-child(6){--c: #7FB3A5}.wb:nth-child(7){--c: #B7A1D8}.week-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:16px}.week-foot .hint{font-size:13.5px;font-weight:600;color:var(--muted);line-height:1.35}.week-foot .btn,.week-foot .linkish{flex:none}.tiles{display:grid;grid-template-columns:1fr 1fr;gap:12px}.tile{position:relative;border:0;border-radius:24px;background:var(--surface);box-shadow:var(--shadow);padding:14px 14px 16px;text-align:left;display:flex;flex-direction:column;gap:2px;min-width:0;color:var(--text);transition:transform .1s}.tile:active{transform:scale(.97)}.tile .art{width:64px;height:64px;border-radius:20px;display:grid;place-items:center;margin-bottom:10px;box-shadow:var(--sunken)}.tile .art img{width:52px;height:52px;object-fit:contain;filter:drop-shadow(0 3px 3px rgba(80,50,30,.2))}.tile .art svg{width:28px;height:28px}.tile .art.sage{background:var(--sage)}.tile .art.peach{background:var(--peach)}.tile .art.butter{background:var(--butter)}.tile .art.sky{background:var(--sky)}.tile .art.lilac{background:var(--lilac)}.tile b{font-size:15.5px;font-weight:900;line-height:1.2}.tile .s{font-size:12.5px;font-weight:600;color:var(--muted);line-height:1.3;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.tile .go{position:absolute;top:14px;right:14px;width:34px;height:34px;border-radius:50%;background:var(--surface);box-shadow:var(--shadow-sm);display:grid;place-items:center;color:var(--sage-3)}.tile .go svg{width:16px;height:16px;stroke-width:2.6}.tile .badge{position:absolute;top:16px;right:14px;background:var(--ink-soft);color:var(--ink);font-size:12px;font-weight:900;padding:3px 9px;border-radius:999px}.tile.wide{grid-column:1 / -1;flex-direction:row;align-items:center;gap:14px;padding:12px 56px 12px 12px}.tile.wide .art{margin-bottom:0;flex:none}.tile.wide .go{top:50%;margin-top:-17px}.tile.wide .txt{display:flex;flex-direction:column;gap:2px;min-width:0}.promo{position:relative;display:flex;align-items:center;gap:12px;border-radius:26px;padding:12px 14px 12px 8px;box-shadow:var(--shadow)}.promo>img{width:74px;height:74px;object-fit:contain;flex:none;filter:drop-shadow(0 6px 8px rgba(80,60,40,.22))}.promo .txt{flex:1;min-width:0}.promo .txt b{display:block;font-size:16px;font-weight:900;line-height:1.2}.promo .txt span{display:block;font-size:13px;font-weight:600;opacity:.8;margin-top:2px;line-height:1.3}.promo .btn{flex:none}.promo.sage{background:linear-gradient(170deg,#d3e6d8,#bad5c3)}.promo.peach{background:linear-gradient(170deg,#fce4d6,#f6cdb8)}.promo.butter{background:linear-gradient(170deg,#fdf0cf,#f9e1a6)}.banner{display:flex;align-items:center;gap:12px;padding:14px;border-radius:var(--r);background:var(--surface);box-shadow:var(--shadow)}.banner .ico{width:44px;height:44px;border-radius:15px;display:grid;place-items:center;flex:none;background:var(--butter);color:var(--butter-3)}.banner .ico svg{width:22px;height:22px}.banner .ico img{width:36px;height:36px;object-fit:contain}.banner .txt{flex:1;min-width:0}.banner .txt b{display:block;font-weight:900;font-size:15px;line-height:1.25}.banner .txt span{display:block;font-size:13px;color:var(--muted);font-weight:600}.banner.accent{background:linear-gradient(170deg,#fce5da,#f8d6c6)}.banner.accent .ico{background:var(--surface);color:var(--ink)}.list-card{background:var(--surface);border-radius:var(--r);box-shadow:var(--shadow);overflow:hidden}.list-row{display:flex;align-items:center;gap:14px;width:100%;padding:14px 16px;border:0;background:none;text-align:left;color:var(--text)}.list-row+.list-row{border-top:1.5px solid var(--line)}.list-row:active{background:var(--paper)}.list-row .ico{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;flex:none;background:var(--peach);color:var(--peach-3)}.list-row .ico svg{width:21px;height:21px}.list-row .ico img{width:34px;height:34px;object-fit:contain}.list-row .ico.green{background:var(--sage);color:var(--sage-3)}.list-row .ico.gold{background:var(--butter);color:var(--butter-3)}.list-row .ico.orange{background:var(--peach);color:var(--peach-3)}.list-row .txt{flex:1;min-width:0}.list-row .txt b{display:block;font-weight:800;font-size:15.5px;line-height:1.3}.list-row .txt span{display:block;font-size:13px;color:var(--muted);line-height:1.35;margin-top:1px;font-weight:600}.list-row .chev{color:var(--faint);flex:none}.list-row .chev svg{width:18px;height:18px}.list-row .badge{background:var(--ink-soft);color:var(--ink);font-size:12px;font-weight:900;padding:2px 9px;border-radius:999px}.chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.chip{border:0;background:var(--surface);box-shadow:var(--shadow-sm);border-radius:999px;padding:9px 14px;font-weight:800;font-size:14px;color:var(--text);max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.plan-line{display:flex;align-items:center;justify-content:space-between;gap:10px}.school-bar{display:flex;gap:8px;flex-wrap:wrap}.tabbar{position:fixed;left:12px;right:12px;bottom:calc(10px + env(safe-area-inset-bottom));z-index:20;height:var(--tabbar);display:grid;grid-template-columns:repeat(4,1fr);gap:4px;padding:7px;border-radius:26px;background:linear-gradient(180deg,#d8e8db,#c5dbcb);box-shadow:0 18px 30px -16px #325a4699,inset 0 2px #fff9,inset 0 -3px 8px #28503c14}.tabbar button{background:none;border:0;border-radius:20px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;color:#4e7563;font-size:11.5px;font-weight:800;transition:background .2s,box-shadow .2s}.tabbar button svg{width:23px;height:23px}.tabbar button.on{background:var(--surface);color:var(--text);box-shadow:var(--shadow-sm)}.tabbar button.on svg{color:var(--ink)}.field{width:100%;min-height:52px;padding:12px 16px;border-radius:18px;border:2px solid transparent;background:var(--paper);box-shadow:var(--sunken);font-size:17px;font-weight:600}.field:focus{outline:none;border-color:var(--coral-a);background:var(--surface)}.field::placeholder{color:var(--faint)}select.field{appearance:none;-webkit-appearance:none;padding-right:34px;background-image:linear-gradient(45deg,transparent 50%,var(--muted) 50%),linear-gradient(135deg,var(--muted) 50%,transparent 50%);background-position:calc(100% - 17px) 55%,calc(100% - 12px) 55%;background-size:5px 5px;background-repeat:no-repeat}.choices{display:grid;gap:10px}.choices.cols3{grid-template-columns:repeat(3,1fr)}.choices.cols2{grid-template-columns:repeat(2,1fr)}.choice{min-height:56px;border-radius:18px;border:0;background:var(--surface);box-shadow:var(--shadow-sm);font-weight:800;font-size:15px;padding:10px;transition:background .15s,transform .08s,box-shadow .15s;color:var(--text)}.choice:active{transform:scale(.96)}.choice.on{background:var(--ink-soft);color:var(--ink);box-shadow:inset 0 0 0 2.5px var(--coral-a),0 8px 14px -10px #e36f4d99}.choice .big{font-weight:900;font-size:24px;display:block;line-height:1.15}.choice.wide-choice{display:flex;align-items:center;gap:12px;text-align:left;padding:12px 16px}.wide-choice .ic{font-size:24px;flex:none}.wide-choice b{display:block;font-size:16px}.wide-choice small{display:block;font-weight:700;font-size:13px;color:var(--muted);margin-top:2px}.plan-card{display:grid;gap:14px}.plan-card .label{display:block;margin-bottom:2px;font-size:12px;font-weight:900;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.plan-card p{margin:0}.plan-card p+p{margin-top:4px;font-size:14px}.focus-line{margin:0;font-size:14px}.toggle{position:relative;width:52px;height:32px;border-radius:16px;background:var(--paper);box-shadow:var(--sunken);border:0;transition:background .2s;flex:none}.toggle:after{content:"";position:absolute;top:4px;left:4px;width:24px;height:24px;border-radius:50%;background:#fff;transition:transform .2s;box-shadow:0 2px 4px #5a3c284d,inset 0 -2px #0000000d}.toggle.on{background:linear-gradient(180deg,#86b79d,#5e957a);box-shadow:inset 0 2px 3px #1e463233}.toggle.on:after{transform:translate(20px)}.setting{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 0;border-bottom:1.5px solid var(--line)}.setting:first-child{padding-top:0}.setting:last-child{border-bottom:0;padding-bottom:0}.steps-dots{display:flex;gap:6px}.steps-dots i{flex:1;height:8px;border-radius:5px;background:var(--paper);box-shadow:var(--sunken)}.steps-dots i.on{background:linear-gradient(180deg,var(--coral-a),var(--coral-b));box-shadow:inset 0 1px #fff6}.grade-strip{display:flex;gap:8px;overflow-x:auto;padding:6px 4px 12px;margin:0 -4px;scrollbar-width:none}.grade-strip::-webkit-scrollbar{display:none}.grade-strip button{flex:none;min-width:48px;height:44px;padding:0 14px;border-radius:16px;border:0;background:var(--surface);box-shadow:var(--shadow-sm);font-weight:900;color:var(--text);font-size:15px}.grade-strip button.on{background:linear-gradient(180deg,var(--coral-a),var(--coral-b));color:#fff;box-shadow:0 8px 14px -8px #e36f4db3,inset 0 2px #ffffff4d}.section-title{font-size:14px;font-weight:800;color:var(--muted);margin:20px 2px 8px}.topic{display:flex;align-items:center;gap:12px;padding:14px;border-radius:20px;background:var(--surface);box-shadow:var(--shadow-sm);margin-bottom:8px;width:100%;border:0;text-align:left;color:var(--text)}.topic .t{flex:1;font-weight:700;line-height:1.3}.topic.next{box-shadow:inset 0 0 0 2px var(--coral-a),var(--shadow-sm)}.topic .go{color:var(--faint);display:grid}.topic .go svg{width:18px;height:18px}.plan-card{background:linear-gradient(170deg,#e6f0e3,#d4e5d2)}.plan-card .bar{background:#fff9}.unit{margin-top:22px}.unit-head{padding:0 4px 10px}.unit-head .month{display:inline-block;font-size:12.5px;font-weight:900;color:var(--sage-3);background:var(--sage);padding:3px 11px;border-radius:999px;margin-bottom:6px}.unit.now .unit-head .month{background:linear-gradient(180deg,var(--coral-a),var(--coral-b));color:#fff}.unit-head h3{font-size:17px;margin-bottom:2px}.topic-row .txt b{font-weight:700;font-size:15px}.steps{display:inline-flex;gap:4px;flex:none}.steps i{width:10px;height:10px;border-radius:4px;background:var(--paper);box-shadow:var(--sunken)}.steps i.on{background:var(--sage-2);box-shadow:inset 0 1px #ffffff80}.lesson{display:flex;flex-direction:column;min-height:100vh;background:var(--bg)}.lesson-head{position:sticky;top:0;z-index:10;display:flex;align-items:center;gap:10px;padding:10px var(--right) 12px var(--left);background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.lesson-head{flex-wrap:wrap}.lesson-head .title{flex:1;min-width:0}.stages{flex-basis:100%;margin-top:2px}.stages .sts{display:flex;gap:4px}.stages .st{flex:1;min-width:0;text-align:center;font-size:11px;font-weight:800;padding:4px 2px;border-radius:999px;background:var(--paper);color:var(--faint);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:background .3s,color .3s}.stages .st.past{color:var(--sage-3);background:var(--green-soft)}.stages .st.now{color:#fff;background:linear-gradient(180deg,var(--coral-a),var(--coral-b));box-shadow:0 4px 10px -6px #e36f4dcc}.stages .stage-hint{margin:4px 0 0;font-size:12px;font-weight:700;color:var(--muted);text-align:center}.lesson-head .title b{display:block;font-size:15.5px;font-weight:900;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lesson-head .title>span{font-size:12.5px;color:var(--muted);font-weight:700;font-variant-numeric:tabular-nums}.icon-btn{width:42px;height:42px;border-radius:50%;border:0;background:var(--surface);box-shadow:var(--shadow-sm);display:grid;place-items:center;flex:none;color:var(--text)}.icon-btn svg{width:20px;height:20px}.icon-btn.on{color:var(--ink)}.timeline{position:absolute;left:var(--left);right:var(--right);bottom:2px;height:6px;border-radius:4px;background:var(--paper);box-shadow:var(--sunken);overflow:hidden}.timeline i{display:block;height:100%;background:linear-gradient(180deg,var(--coral-a),var(--coral-b));transition:width .6s ease,background .3s;border-radius:4px}.timeline i.done{background:linear-gradient(180deg,#86b79d,#5e957a)}.lesson-head .goal{white-space:nowrap}.gcells{display:inline-flex;gap:3px;vertical-align:-1px}.gcells i{width:12px;height:12px;border-radius:4px;background:var(--paper);box-shadow:var(--sunken);transition:background .3s}.gcells i.on{background:var(--sage-2);box-shadow:inset 0 1px #ffffff80}.gcells i.pop{animation:cellpop .5s ease}@keyframes cellpop{0%{transform:scale(.6)}60%{transform:scale(1.4)}to{transform:none}}.nudge{display:flex;gap:10px;align-items:flex-end;background:linear-gradient(170deg,#fdf0cf,#f9e3ae);border-radius:22px;padding:10px 12px 12px 6px;margin-bottom:10px;animation:rise .25s ease both;box-shadow:var(--shadow-sm)}.nudge>img{width:62px;height:62px;object-fit:contain;flex:none}.nudge>div{flex:1;min-width:0}.nudge p{margin:0 0 8px;font-size:14.5px;font-weight:700;line-height:1.35}.nudge .acts{display:flex;gap:8px;flex-wrap:wrap}.xp-pill{font-weight:900;color:var(--butter-3);background:linear-gradient(170deg,#fdf0cf,#f9e1a6);font-size:14px;padding:6px 11px;border-radius:999px;font-variant-numeric:tabular-nums;box-shadow:var(--shadow-sm)}.feed{flex:1;padding:8px var(--right) 12px var(--left)}.msg{margin:16px 0;animation:rise .22s ease both}.msg.tutor{position:relative;padding-left:46px;font-size:16.5px;line-height:1.55}.msg.tutor .who{position:absolute;left:0;top:0;width:38px;height:38px;border-radius:50%;overflow:hidden;background:linear-gradient(160deg,#e4efe2,#c9ddc9);box-shadow:0 0 0 2.5px var(--surface),0 6px 10px -6px #7a523480;display:grid;place-items:center}.msg.tutor .who img{width:100%;height:100%;object-fit:cover;object-position:50% 18%}.msg.tutor .who svg{width:22px;height:22px}.msg.tutor .who.talking{animation:talk .5s ease-in-out infinite alternate}@keyframes talk{0%{transform:scale(1)}to{transform:scale(1.1)}}.msg.tutor .body{background:var(--surface);border-radius:6px 22px 22px;padding:13px 15px;box-shadow:var(--shadow-sm)}.msg.tutor .body:empty{display:none}.msg.tutor .tools{display:flex;gap:16px;margin-top:7px;padding-left:6px}.msg.tutor .tools button{background:none;border:0;padding:2px 0;color:var(--muted);font-size:13px;font-weight:800;display:inline-flex;gap:5px;align-items:center}.msg.tutor .tools button svg{width:15px;height:15px}.msg.student{display:flex;justify-content:flex-end;align-items:center;gap:8px}.msg.student .ans{background:linear-gradient(180deg,var(--coral-a),var(--coral-b));color:#fff;border-radius:22px 22px 6px;padding:11px 15px;font-size:16.5px;line-height:1.4;max-width:80%;word-break:break-word;font-weight:700;box-shadow:0 10px 16px -10px #e36f4db3,inset 0 2px #ffffff4d}.msg.student .mark{order:-1;flex:none;display:grid}.msg.student .mark .pen-tick{width:26px;height:22px}.msg.student .pen-wave{max-width:120px;margin-left:auto}.msg.system{text-align:center}.msg.system span{font-size:12.5px;color:var(--faint);font-weight:700}.msg img.pic{border-radius:20px;margin-top:10px;box-shadow:var(--shadow-sm);width:100%;background:var(--surface)}.typing{display:inline-flex;gap:4px;padding:4px 0}.typing i,.dots i{width:8px;height:8px;border-radius:50%;background:var(--peach-2);animation:blink 1.2s infinite ease-in-out}.typing i:nth-child(2),.dots i:nth-child(2){animation-delay:.15s;background:var(--butter-2)}.typing i:nth-child(3),.dots i:nth-child(3){animation-delay:.3s;background:var(--sage-2)}@keyframes blink{0%,80%,to{opacity:.35;transform:translateY(0)}40%{opacity:1;transform:translateY(-4px)}}.cursor:after{content:"▍";color:var(--ink);animation:caret 1s steps(2) infinite;margin-left:1px}@keyframes caret{50%{opacity:0}}.composer{position:sticky;bottom:0;z-index:10;padding:10px var(--right) calc(12px + env(safe-area-inset-bottom)) var(--left);background:var(--surface);border-radius:26px 26px 0 0;box-shadow:0 -12px 26px -18px #7a523473,inset 0 2px #fffc}.quick{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 10px;padding:2px 0 4px}.quick::-webkit-scrollbar{display:none}.quick button{flex:none;display:inline-flex;align-items:center;gap:5px;border:0;background:var(--paper);border-radius:999px;padding:7px 11px;font-size:13px;font-weight:800;color:var(--text);box-shadow:inset 0 2px #ffffffb3,0 4px 8px -6px #7a523473}.quick button svg{width:16px;height:16px;flex:none}.quick [data-act=hint]{background:var(--butter);color:var(--butter-3)}.quick [data-act=explain]{background:var(--sky);color:var(--sky-3)}.quick [data-act=photo]{background:var(--sage);color:var(--sage-3)}.quick [data-act=draw]{background:var(--lilac);color:#6f58a0}.quick [data-act=keypad]{background:var(--peach);color:var(--peach-3)}.quick button:disabled{opacity:.4}.quick button[aria-pressed=true]{box-shadow:inset 0 0 0 2px currentColor}.inputrow{display:flex;gap:8px;align-items:flex-end}.inputrow textarea{flex:1;resize:none;min-height:50px;max-height:120px;padding:13px 16px;border-radius:22px;border:2px solid transparent;background:var(--paper);box-shadow:var(--sunken);font-size:16.5px;line-height:1.3;font-weight:600}.inputrow textarea:focus{outline:none;border-color:var(--coral-a);background:#fff}.inputrow textarea::placeholder{color:var(--faint)}.send{width:50px;height:50px;border-radius:50%;border:0;background:linear-gradient(180deg,var(--coral-a),var(--coral-b));color:#fff;display:grid;place-items:center;flex:none;box-shadow:0 10px 16px -9px #e36f4dcc,inset 0 2px #ffffff59}.send:disabled{opacity:.4}.send svg{width:22px;height:22px;stroke-width:2.6}.keypad{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-top:10px}.keypad button{height:46px;border-radius:16px;border:0;background:var(--surface);box-shadow:var(--shadow-sm);font-weight:900;font-size:19px;color:var(--text)}.keypad button:active{transform:scale(.95);background:var(--paper)}.xp-float{position:fixed;z-index:50;font-weight:900;color:var(--gold);font-size:22px;pointer-events:none;animation:floatup 1.3s ease-out forwards;text-shadow:0 2px 0 #fff}@keyframes floatup{0%{opacity:0;transform:translateY(8px) scale(.8)}20%{opacity:1;transform:none}to{opacity:0;transform:translateY(-46px)}}.widget{margin:12px 0 6px;padding:16px 14px 14px;border-radius:24px;background:var(--surface);box-shadow:var(--shadow);position:relative}.widget .wlabel{display:inline-block;background:var(--butter);color:var(--butter-3);font-size:12px;font-weight:900;padding:4px 11px;border-radius:999px}.widget .wq{font-weight:800;font-size:17px;margin:10px 0 12px;line-height:1.4}.widget .opts{display:grid;gap:9px}.widget .opt{display:flex;align-items:center;gap:10px;min-height:54px;padding:10px 12px;text-align:left;border-radius:18px;border:2px solid transparent;background:#fffdf9;box-shadow:var(--shadow-sm);font-weight:700;font-size:16px;color:var(--text);transition:border-color .15s,background .15s,transform .08s}.widget .opt:active{transform:scale(.98)}.widget .opt .k{width:30px;height:30px;border-radius:10px;background:var(--paper);color:var(--muted);display:grid;place-items:center;font-size:13px;font-weight:900;flex:none}.widget .opt.sel{border-color:var(--coral-a);background:var(--ink-soft)}.widget .opt.good{border-color:var(--green);background:var(--green-soft)}.widget .opt.good .k{background:var(--green);color:#fff}.widget .opt.bad{border-color:var(--margin);background:var(--red-soft);animation:shake .35s}.widget .done-note{margin-top:12px;font-size:15px;font-weight:800;color:var(--green);display:flex;align-items:center;gap:8px}.widget .give-up{margin-top:10px;background:none;border:0;color:var(--muted);font-size:13px;font-weight:700;text-decoration:underline;text-underline-offset:3px}.widget.solved{box-shadow:inset 0 0 0 2.5px var(--sage-2),var(--shadow)}.widget.skipped{opacity:.85}.widget .wfoot{display:flex;align-items:center;justify-content:space-between;margin-top:12px;gap:8px}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.shake{animation:shake .35s}.tiles2{display:grid;grid-template-columns:1fr 1fr;gap:9px}.mtile{min-height:60px;padding:8px;border-radius:18px;border:2px solid transparent;background:#fffdf9;box-shadow:var(--shadow-sm);font-weight:700;font-size:16px;transition:all .2s;color:var(--text)}.mtile.sel{border-color:var(--coral-a);background:var(--ink-soft);transform:scale(1.03)}.mtile.gone{opacity:0;transform:scale(.6);pointer-events:none}.mtile.bad{border-color:var(--margin);background:var(--red-soft);animation:shake .35s}.note-card{text-align:left;box-shadow:inset 0 0 0 2.5px var(--sage-2),var(--shadow)}.note-card .note-text{margin-top:8px;font-size:15px;line-height:1.5}.widget .whow{margin:8px 0 0;font-size:13.5px;font-weight:700;color:var(--muted);line-height:1.35;display:flex;gap:6px;align-items:flex-start}.widget .whow:before{content:"👆";flex:none}.widget.young .whow{font-size:15px;color:var(--text)}.widget.young .wq{font-size:20px}.widget.young .opt,.widget.young .mtile{min-height:64px;font-size:20px}.widget.young .tf-card{font-size:24px;min-height:130px}.widget.young .tf-actions .btn{min-height:58px;font-size:19px}.widget.young .block{min-width:54px;min-height:54px;font-size:21px}.mcols{display:grid;grid-template-columns:1fr 1fr;gap:10px}.mcol{display:grid;gap:9px;align-content:start}.mtile{position:relative}.mtile.done{border-color:var(--green);background:var(--green-soft)}.mtile .pn{position:absolute;top:-7px;left:-7px;width:22px;height:22px;border-radius:50%;background:var(--green);color:#fff;font-size:12px;font-weight:900;display:grid;place-items:center}.rung.slot{border:2px dashed var(--grid-strong);background:transparent;box-shadow:none;color:var(--faint);font-size:14px}.rung.placed{border-color:var(--coral-a)}.pickpool{margin-top:12px}.cpics{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px 14px;padding:12px 6px;border-radius:20px;background:var(--paper)}.cgroup{display:grid;grid-template-columns:repeat(var(--cols),46px);gap:6px}.citem{position:relative;width:46px;height:46px;border-radius:14px;border:0;padding:0;background:var(--surface);box-shadow:var(--shadow-sm);display:grid;place-items:center}.citem .ce{font-size:30px;line-height:1}.citem.on{background:var(--butter)}.citem b{position:absolute;right:-5px;top:-7px;min-width:20px;height:20px;padding:0 4px;border-radius:10px;background:var(--coral-b);color:#fff;font-size:12px;font-weight:900;display:grid;place-items:center}.citem.gone{opacity:.4}.citem.gone:after{content:"";position:absolute;left:5px;right:5px;top:50%;height:4px;border-radius:2px;background:var(--margin);transform:rotate(-35deg)}.cop{font-size:34px;font-weight:900;color:var(--ink)}.cnums{display:flex;justify-content:center;gap:10px;margin-top:14px;flex-wrap:wrap}.cnum{width:64px;height:64px;border-radius:20px;border:2px solid transparent;background:#fffdf9;box-shadow:var(--shadow-sm);font-size:28px;font-weight:900;color:var(--text)}.cnum.good{border-color:var(--green);background:var(--green-soft)}.cnum.bad{border-color:var(--margin);background:var(--red-soft);animation:shake .35s}.erun{display:inline-flex;flex-wrap:wrap;gap:6px 10px;vertical-align:middle;margin:4px 0;font-size:30px;line-height:1.2}.erun .eg{display:inline-block;padding:2px 6px;border-radius:12px;background:color-mix(in srgb,var(--butter) 60%,transparent);white-space:nowrap;letter-spacing:2px}.ladder{display:grid;gap:8px}.rung{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:18px;border:2px solid transparent;background:#fffdf9;box-shadow:var(--shadow-sm);text-align:left;font-weight:600;min-height:52px;transition:transform .15s,border-color .15s;color:var(--text)}.rung .num{font-weight:900;color:var(--faint);width:20px;flex:none}.rung.sel{border-color:var(--coral-a);background:var(--ink-soft);transform:translate(4px)}.rung.good{border-color:var(--green);background:var(--green-soft)}.rung.good .num{color:var(--green)}.rung.bad{border-color:var(--margin);background:var(--red-soft)}.machine{display:flex;gap:12px;align-items:stretch;margin-bottom:12px}.machine table{border-collapse:collapse;font-variant-numeric:tabular-nums;flex:1;background:var(--paper);border-radius:16px;overflow:hidden}.machine th,.machine td{padding:7px 10px;text-align:center;border-bottom:1.5px solid var(--line);font-weight:700}.machine th{font-size:12px;color:var(--muted)}.machine .box{width:78px;border-radius:18px;background:linear-gradient(180deg,var(--coral-a),var(--coral-b));color:#fff;display:grid;place-items:center;font-weight:900;font-size:30px;box-shadow:inset 0 2px #ffffff59,0 8px 14px -9px #e36f4db3}.slider-wrap{padding:8px 4px 2px}.slider-val{text-align:center;font-weight:900;font-size:32px;color:var(--ink);margin-bottom:8px;font-variant-numeric:tabular-nums}input[type=range]{width:100%;accent-color:var(--coral-b);height:32px}.scale{display:flex;justify-content:space-between;font-size:12.5px;color:var(--muted);font-weight:700}.build-zone{min-height:60px;border:2px dashed var(--grid-strong);border-radius:18px;padding:8px;display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-bottom:10px;background:var(--paper)}.build-zone.empty:before{content:"Натискай блоки знизу";color:var(--faint);font-size:14px;font-weight:700;padding-left:4px}.build-zone.good{border-color:var(--green);border-style:solid;background:var(--green-soft)}.build-zone.bad{border-color:var(--margin);animation:shake .35s}.pool{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.block{min-width:44px;min-height:44px;padding:6px 12px;border-radius:14px;border:0;background:linear-gradient(180deg,var(--coral-a),var(--coral-b));color:#fff;font-weight:900;font-size:17px;box-shadow:0 8px 12px -8px #e36f4dcc,inset 0 2px #ffffff59}.block.placed{background:var(--surface);color:var(--text);box-shadow:var(--shadow-sm)}.tf-card{min-height:116px;border-radius:22px;background:linear-gradient(170deg,#fdf0cf,#f9e3ae);display:grid;place-items:center;padding:16px;font-size:19px;font-weight:800;text-align:center;transition:transform .3s ease,opacity .3s ease;border:2px solid transparent;box-shadow:var(--shadow-sm)}.tf-card.out-l{transform:translate(-60px) rotate(-8deg);opacity:0}.tf-card.out-r{transform:translate(60px) rotate(8deg);opacity:0}.tf-card.bad{animation:shake .35s;border-color:var(--margin)}.tf-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}.tf-actions .btn{text-shadow:none}.tf-actions .no{background:var(--red-soft);color:var(--margin);box-shadow:var(--shadow-sm)}.tf-actions .yes{background:var(--green-soft);color:var(--sage-3);box-shadow:var(--shadow-sm)}.tf-count{font-size:12.5px;color:var(--muted);text-align:center;margin-top:6px;font-weight:700}.nline{position:relative;height:84px;margin:10px 6px 4px;touch-action:none}.nline .axis{position:absolute;left:0;right:0;top:40px;height:4px;background:var(--text);border-radius:2px}.nline .tick{position:absolute;top:33px;width:2px;height:17px;background:var(--text);transform:translate(-1px)}.nline .tl{position:absolute;top:56px;transform:translate(-50%);font-size:13px;font-weight:700;color:var(--muted);white-space:nowrap}.nline .pin{position:absolute;top:6px;width:30px;height:30px;margin-left:-15px;border-radius:50% 50% 50% 0;transform:rotate(-45deg);background:linear-gradient(135deg,var(--coral-a),var(--coral-b));box-shadow:0 3px 8px -2px #0000004d}.nline .pin.good{background:var(--green)}.wsteps{list-style:none;padding:0;margin:10px 0 0;display:grid;gap:8px}.wsteps li{display:flex;gap:10px;align-items:flex-start;padding:11px 12px;border-radius:18px;background:var(--paper);font-size:16px;line-height:1.45}.wsteps li.fresh{animation:rise .25s ease both}.wsteps .sn{width:26px;height:26px;border-radius:9px;background:linear-gradient(180deg,var(--coral-a),var(--coral-b));color:#fff;display:grid;place-items:center;font-size:13px;font-weight:900;flex:none;margin-top:1px}.tb{width:42px;height:42px;border-radius:14px;border:0;background:var(--surface);box-shadow:var(--shadow-sm);font-size:20px;font-weight:900;color:var(--ink);flex:none}.tb:disabled{opacity:.5}.tens{display:grid;gap:8px}.tens.cols2{grid-template-columns:1fr 1fr}.tens.cols3{grid-template-columns:repeat(3,1fr)}.tcol{background:var(--paper);border-radius:18px;padding:10px 6px;display:flex;flex-direction:column;align-items:center;gap:8px;min-width:0}.tname{font-size:12.5px;font-weight:800;color:var(--muted)}.tpics{min-height:70px;display:flex;flex-wrap:wrap;gap:3px;justify-content:center;align-content:center}.tpics .stick{width:6px;height:30px;border-radius:3px;background:var(--orange)}.tpics .bundle{width:16px;height:34px;border-radius:5px;background:repeating-linear-gradient(90deg,var(--orange) 0 3px,color-mix(in srgb,var(--orange) 55%,#fff) 3px 4px);box-shadow:inset 0 15px 0 -12px var(--coral-b)}.tpics .sq{width:28px;height:28px;border-radius:6px;background:var(--orange);box-shadow:inset 0 0 0 2px color-mix(in srgb,#fff 45%,transparent)}.tctl{display:flex;align-items:center;gap:8px}.tctl b{min-width:22px;text-align:center;font-size:20px;font-variant-numeric:tabular-nums}.clockface{width:min(220px,72%);display:block;margin:2px auto 10px}.clockface .rim{fill:#fffdf9;stroke:var(--text);stroke-width:3}.clockface text{font-size:15px;font-weight:800;fill:var(--text)}.clockface .tk{stroke:var(--grid-strong);stroke-width:1.5}.clockface .tk5{stroke:var(--text);stroke-width:2.5}.clockface .hh{stroke:var(--text);stroke-width:6;stroke-linecap:round}.clockface .mh{stroke:var(--coral-b);stroke-width:4;stroke-linecap:round}.clockface .pivot{fill:var(--text)}.cctl{display:grid;grid-template-columns:1fr;gap:6px;max-width:280px;margin:0 auto}.cctl>div{background:var(--paper);border-radius:18px;padding:8px;display:flex;align-items:center;gap:6px;font-weight:700;font-size:14px}.cctl span{margin-right:auto;padding-left:4px}.tray{min-height:68px;border:2px dashed var(--grid-strong);border-radius:18px;padding:8px;display:flex;flex-wrap:wrap;gap:6px;align-items:center;background:var(--paper);margin-bottom:10px}.tray.empty:before{content:"Натискай монети й купюри знизу";color:var(--faint);font-size:14px;font-weight:700;padding-left:4px}.wallet{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;align-items:center}.cash{border:0;font-weight:900;font-size:12.5px;padding:0 6px}.cash.coin{width:52px;height:52px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff3c4,#e8b931 70%);box-shadow:inset 0 0 0 3px #d19e1c,0 4px 6px -3px #0000004d;color:#5a4300}.cash.coin.kop{width:44px;height:44px;font-size:11px;background:radial-gradient(circle at 35% 30%,#fbe6d0,#c98a4b 70%);box-shadow:inset 0 0 0 3px #a86b33,0 4px 6px -3px #0000004d;color:#4a2a0c}.cash.note{min-width:74px;height:42px;border-radius:8px;background:linear-gradient(135deg,#d4ecd9,#8cc7a0);box-shadow:inset 0 0 0 2px #5f9e75,0 4px 6px -3px #00000040;color:#1f4a2e}.tray .cash{transform:scale(.88)}.fracsvg{display:block;margin:2px auto 8px;touch-action:manipulation}.fracsvg.pizza{width:min(220px,72%)}.fracsvg.bar{width:100%}.fracsvg .fr{fill:var(--paper);stroke:var(--surface);stroke-width:3;cursor:pointer;transition:fill .15s}.fracsvg .fr.on{fill:var(--orange)}.balsvg{width:100%;max-width:320px;display:block;margin:0 auto;overflow:visible}.balsvg .beam{transform-origin:120px 40px;transition:transform .5s cubic-bezier(.3,1.4,.5,1)}.balsvg .stand{fill:var(--grid-strong)}.balsvg .bar{stroke:var(--text);stroke-width:5;stroke-linecap:round}.balsvg .str{stroke:var(--muted);stroke-width:1.5}.balsvg .pan{stroke:var(--text);stroke-width:4;stroke-linecap:round}.balsvg .pivot{fill:var(--text)}.balsvg .bx{fill:var(--ink-soft);stroke:var(--coral-b);stroke-width:1.5}.balsvg .bxt{font-size:11px;font-weight:900;fill:var(--ink)}.balsvg .wt{fill:var(--text)}.balsvg .wtt{font-size:11px;font-weight:900;fill:var(--surface)}.beq{text-align:center;font-weight:900;font-size:18px;margin:2px 0 10px;font-variant-numeric:tabular-nums}.bctl{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;font-weight:700}.bctl b{min-width:30px;text-align:center;font-size:22px;font-variant-numeric:tabular-nums}.gridf{display:grid;border:2px solid var(--grid-strong);border-radius:8px;overflow:hidden;margin:4px auto 8px;background:#fffdf9}.gridf .gc{aspect-ratio:1;border:0;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:transparent;padding:0;display:block}.gridf .gc.on{background:color-mix(in srgb,var(--coral-b) 72%,transparent)}.planesvg{width:100%;max-width:320px;display:block;margin:0 auto 6px;touch-action:none;background:#fffdf9;border-radius:14px}.planesvg .gl{stroke:var(--line);stroke-width:1}.planesvg .ax{stroke:var(--text);stroke-width:1.6}.planesvg .lb{font-size:8px;fill:var(--muted);font-weight:700}.planesvg .ax-n{font-size:10px;fill:var(--text);font-style:italic}.planesvg .pt{fill:var(--coral-b);stroke:var(--surface);stroke-width:2}.planesvg .pt.good{fill:var(--green)}.planesvg .fn{stroke:var(--coral-b);stroke-width:3;fill:none;stroke-linecap:round}.graphs{display:grid;grid-template-columns:1fr 1fr;gap:8px}.gopt{padding:6px;border-radius:18px;border:2px solid transparent;background:var(--paper);position:relative}.gopt .k{position:absolute;top:6px;left:10px;font-weight:900;font-size:13px;color:var(--muted);z-index:1}.gopt.good{border-color:var(--green);background:var(--green-soft)}.gopt.bad{border-color:var(--margin);background:var(--red-soft);animation:shake .35s}.exam-card,.exam-ask{display:grid;gap:4px;background:linear-gradient(170deg,#fdf0cf,#f9e3ae)}.exam-card .label{font-size:13px;font-weight:900;color:var(--butter-3)}.exam-card .linkish{justify-self:start;font-size:13.5px}.marks{display:grid;grid-template-columns:repeat(6,1fr);gap:7px;margin-top:10px}.marks .choice{min-height:44px;padding:0;font-size:17px}.chips .choice{min-height:40px;padding:6px 14px;font-size:14px}.field.date{width:auto;min-height:42px;padding:6px 12px;font-size:15px;margin-left:6px}.list-row.pick .box{width:26px;height:26px;border-radius:9px;background:var(--paper);box-shadow:var(--sunken);display:grid;place-items:center;font-weight:900;color:#fff;flex:none}.list-row.pick.on .box{background:linear-gradient(180deg,#86b79d,#5e957a);box-shadow:inset 0 2px #ffffff59}.sticky-foot{position:sticky;bottom:0;padding:12px 0 calc(12px + env(safe-area-inset-bottom));background:linear-gradient(transparent,var(--bg) 30%)}.mic{width:50px;height:50px;border-radius:50%;border:0;background:var(--sage);color:var(--sage-3);display:grid;place-items:center;flex:none;box-shadow:var(--shadow-sm)}.mic svg{width:22px;height:22px}.mic.rec{background:var(--margin);color:#fff;animation:micpulse 1.1s ease-in-out infinite}@keyframes micpulse{0%,to{box-shadow:0 0 color-mix(in srgb,var(--margin) 50%,transparent)}50%{box-shadow:0 0 0 9px transparent}}.msg.student img.ans-pic{max-width:62%;border-radius:20px 20px 6px;display:block;margin-left:auto;box-shadow:var(--shadow-sm)}.nmt{min-height:100vh;padding:0 var(--right) 24px var(--left);display:grid;gap:12px;align-content:start}.nmt-head{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 0;background:var(--bg)}.nmt-time{font-weight:900;font-size:21px;font-variant-numeric:tabular-nums;color:var(--ink);background:var(--surface);padding:4px 14px;border-radius:999px;box-shadow:var(--shadow-sm)}.nmt-time.low{color:#fff;background:var(--margin)}.nmt-nav{display:grid;grid-template-columns:repeat(11,1fr);gap:4px}.nmt-nav button{height:30px;border-radius:9px;border:0;background:var(--surface);box-shadow:var(--shadow-sm);font-size:12.5px;font-weight:900;color:var(--muted);padding:0}.nmt-nav button.ok{background:var(--sage);color:var(--sage-3)}.nmt-nav button.cur{box-shadow:inset 0 0 0 2px var(--coral-a);color:var(--ink)}.nmt-task{display:grid;gap:12px}.nmt-q{font-size:16.5px;line-height:1.5;font-weight:700;overflow-x:auto}.nmt-opts{display:grid;gap:8px}.nmt-opt{display:flex;align-items:center;gap:10px;min-height:52px;padding:10px 12px;text-align:left;border-radius:18px;border:2px solid transparent;background:#fffdf9;box-shadow:var(--shadow-sm);font-size:16px;color:var(--text)}.nmt-opt .k{width:30px;height:30px;border-radius:10px;background:var(--paper);display:grid;place-items:center;font-weight:900;color:var(--muted);flex:none}.nmt-opt.on{border-color:var(--coral-a);background:var(--ink-soft)}.nmt-opt.on .k{background:var(--coral-b);color:#fff}.match-lists{display:grid;grid-template-columns:1fr 1fr;gap:10px;font-size:14.5px}.match-lists p{margin:4px 0}.match-grid{display:grid;grid-template-columns:28px repeat(5,1fr);gap:5px;align-items:center;max-width:320px}.match-grid .h{text-align:center;font-weight:900;color:var(--muted);font-size:14px}.mcell{aspect-ratio:1;border-radius:10px;border:0;background:var(--paper);box-shadow:var(--sunken)}.mcell.on{background:linear-gradient(180deg,var(--coral-a),var(--coral-b));box-shadow:inset 0 2px #ffffff59}.nmt-review summary{display:flex;align-items:center;gap:10px;cursor:pointer;list-style:none}.nmt-review summary::-webkit-details-marker{display:none}.nmt-review .nn{width:30px;height:30px;border-radius:10px;display:grid;place-items:center;font-weight:900;color:#fff;background:var(--margin);flex:none}.nmt-review.ok .nn{background:var(--green)}.nmt-review.part .nn{background:var(--butter-2)}.nmt-review .txt{flex:1;color:var(--muted);font-size:13.5px;font-weight:600}.nmt-review[open]{display:grid;gap:8px}.nmt-review .explain{background:var(--paper);border-radius:16px;padding:10px 12px}.combo-pop{position:fixed;top:76px;left:50%;z-index:65;background:linear-gradient(180deg,#f7b25e,#ec9444);color:#fff;font-weight:900;font-size:17px;padding:9px 20px;border-radius:999px;box-shadow:0 12px 24px -10px #c86e1e99,inset 0 2px #ffffff59;pointer-events:none;animation:combo 1.7s ease forwards}@keyframes combo{0%{opacity:0;transform:translate(-50%,-8px) scale(.7)}15%{opacity:1;transform:translate(-50%) scale(1.08)}25%{transform:translate(-50%) scale(1)}80%{opacity:1}to{opacity:0;transform:translate(-50%,-14px)}}.confetti{position:fixed;inset:0;pointer-events:none;z-index:70;overflow:hidden}.confetti i{position:absolute;top:-14px;width:10px;height:10px;border-radius:3px;animation:fall 1.6s ease-in forwards}@keyframes fall{to{transform:translate(var(--dx),105vh) rotate(540deg)}}.nline .target{position:absolute;top:34px;width:14px;height:14px;margin-left:-7px;border-radius:50%;border:3px solid var(--green);background:var(--surface)}.numin{display:flex;gap:8px}.numin input{flex:1;min-width:0;width:100%;min-height:54px;border-radius:18px;border:2px solid transparent;background:var(--paper);box-shadow:var(--sunken);padding:10px 14px;font-weight:900;font-size:22px;color:var(--ink);text-align:center}.numin input:focus{outline:none;border-color:var(--coral-a);background:#fff}.numin input.bad{border-color:var(--margin);animation:shake .35s}.numin input.good{border-color:var(--green);background:var(--green-soft)}.result{text-align:center;padding-top:14px}.result-art{width:min(220px,60%);margin:0 auto -6px;filter:drop-shadow(0 12px 14px rgba(122,82,52,.25))}.result .big{font-weight:900;font-size:60px;line-height:1;color:var(--ink);letter-spacing:-.02em}.result .stamp{display:inline-block;margin-top:18px;padding:7px 16px;border-radius:999px;background:linear-gradient(170deg,#e6f0e3,#d4e5d2);color:var(--sage-3);font-weight:900;font-size:16px;box-shadow:var(--shadow-sm)}.statrow{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:22px}.stat{border-radius:22px;box-shadow:var(--shadow-sm);padding:13px 6px;background:var(--surface)}.statrow .stat:nth-child(1){background:linear-gradient(170deg,#e6f0e3,#d4e5d2)}.statrow .stat:nth-child(2){background:linear-gradient(170deg,#fce5da,#f7d1c0)}.statrow .stat:nth-child(3){background:linear-gradient(170deg,#fdf0cf,#f9e1a6)}.stat b{font-weight:900;font-size:23px;display:block}.stat span{font-size:12px;color:var(--text);opacity:.75;font-weight:800}.badge-new{display:flex;gap:12px;align-items:center;text-align:left}.badge-ico{width:48px;height:48px;border-radius:16px;display:grid;place-items:center;font-weight:900;color:#fff;flex:none;font-size:22px;background:linear-gradient(160deg,#f8d88e,#efbc52);box-shadow:0 7px 12px -7px #a06e1499,inset 0 2px #ffffff80}.badge-ico img{width:38px;height:38px;object-fit:contain}.badge-ico.off{color:var(--faint);background:var(--paper);box-shadow:var(--sunken)}.badge-ico.off img{filter:grayscale(1);opacity:.35}.level-card{display:flex;gap:14px;align-items:center;background:linear-gradient(170deg,#fdf0cf,#f9e1a6)}.level-card>img{width:76px;height:76px;object-fit:contain;flex:none;filter:drop-shadow(0 8px 10px rgba(122,82,52,.25))}.level-card>div{flex:1;min-width:0}.level-card .bar{background:#ffffffa6}.chart{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;align-items:end;height:130px;margin-top:12px}.chart .col{display:flex;flex-direction:column;align-items:center;gap:5px;height:100%;justify-content:flex-end}.chart .col i{width:100%;max-width:30px;border-radius:10px 10px 8px 8px;background:var(--c, var(--peach-2));min-height:6px;box-shadow:inset 0 2px #ffffff73,inset 0 -3px 6px #0000000f,0 6px 10px -7px #5a3c2880}.chart .col:nth-child(1){--c: #F0A487}.chart .col:nth-child(2){--c: #EFC063}.chart .col:nth-child(3){--c: #93BDA5}.chart .col:nth-child(4){--c: #EC8B6D}.chart .col:nth-child(5){--c: #93B3D8}.chart .col:nth-child(6){--c: #7FB3A5}.chart .col:nth-child(7){--c: #B7A1D8}.chart .col span{font-size:12px;color:var(--muted);font-weight:800}.chart .col.today span{color:var(--ink)}.chart .col em{font-style:normal;font-size:11px;color:var(--muted);font-weight:800}.badges{display:grid;grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:14px 8px}.badges .b{text-align:center;font-size:12.5px;font-weight:800;line-height:1.25}.badges .b .badge-ico{margin:0 auto 7px}.badges .b.off{color:var(--faint)}.hist{border-left:3px solid var(--line);padding-left:14px;margin-left:4px}.hist .h{padding:8px 0}.hist .h b{font-weight:800}.lrow{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:20px;background:var(--surface);box-shadow:var(--shadow-sm);margin-bottom:8px}.lrow .r{font-weight:900;width:30px;height:30px;border-radius:10px;display:grid;place-items:center;color:var(--muted);background:var(--paper);flex:none}.lrow .n{flex:1;font-weight:800}.lrow .n small{display:block;font-weight:600;color:var(--muted);font-size:12px}.lrow .x{font-weight:900;color:var(--butter-3)}.lrow.me{box-shadow:inset 0 0 0 2.5px var(--coral-a),var(--shadow-sm)}.lrow.top1 .r{background:linear-gradient(160deg,#f8d88e,#efbc52);color:#fff}.plan{border-radius:26px;background:var(--surface);box-shadow:var(--shadow);padding:18px 16px;position:relative}.plan.rec{background:linear-gradient(170deg,#fce7dc,#f8d8c8);box-shadow:inset 0 0 0 2.5px var(--coral-a),var(--shadow)}.plan .tag{position:absolute;top:-12px;right:16px;background:linear-gradient(180deg,var(--coral-a),var(--coral-b));color:#fff;font-size:12px;font-weight:900;padding:4px 12px;border-radius:999px;box-shadow:0 6px 12px -6px #e36f4db3}.plan .price{font-weight:900;font-size:30px;line-height:1}.plan .price small{font-size:15px;font-weight:700;color:var(--muted)}.plan ul{margin:12px 0 14px;padding:0;list-style:none}.plan li{display:flex;gap:8px;align-items:center;padding:3px 0;font-size:15px;font-weight:600}.plan li svg{width:18px;height:16px;flex:none}.anchor{font-size:14px;color:var(--muted);font-weight:600}.anchor b{color:var(--text)}.facts li{margin:5px 0}.offer-card{border-radius:24px;padding:14px 16px;background:linear-gradient(170deg,#fce1d3,#f6c7b2);box-shadow:var(--shadow);display:grid;gap:6px}.offer-card b{font-size:16px;font-weight:900}.offer-card p{margin:0}.timer{font-variant-numeric:tabular-nums;font-weight:900;font-size:17px;color:#fff;background:linear-gradient(180deg,var(--coral-a),var(--coral-b));padding:4px 11px;border-radius:12px;box-shadow:inset 0 2px #ffffff4d,0 6px 12px -8px #e36f4dcc;white-space:nowrap}.tiers{display:grid;gap:12px}.tier{position:relative;display:flex;align-items:center;gap:12px;width:100%;text-align:left;border:0;border-radius:22px;padding:16px 14px;background:var(--surface);box-shadow:var(--shadow-sm);color:var(--text);transition:transform .08s}.tier:active{transform:scale(.98)}.tier.on{background:linear-gradient(170deg,#fce7dc,#f8d8c8);box-shadow:inset 0 0 0 2.5px var(--coral-a),var(--shadow)}.tier .tag{position:absolute;top:-11px;right:14px;background:linear-gradient(180deg,var(--coral-a),var(--coral-b));color:#fff;font-size:11.5px;font-weight:900;padding:3px 11px;border-radius:999px;box-shadow:0 6px 12px -6px #e36f4db3}.tier .tag.voice{background:linear-gradient(180deg,#86b79d,#5e957a);box-shadow:0 6px 12px -6px #46785fb3}.icon-btn.locked{opacity:.55}.tier .radio{width:24px;height:24px;border-radius:50%;flex:none;background:#fff;box-shadow:inset 0 0 0 2.5px var(--grid-strong);transition:box-shadow .15s}.tier.on .radio{box-shadow:inset 0 0 0 7px var(--coral-b)}.tier .tt{flex:1;min-width:0;display:flex;flex-direction:column}.tier .tt b{font-size:17px;font-weight:900}.tier .tt span{font-size:13px;color:var(--muted);font-weight:700}.tier .tp{display:flex;flex-direction:column;align-items:flex-end;flex:none}.tier .tp b{font-size:21px;font-weight:900;white-space:nowrap;line-height:1.15}.tier .tp s{font-size:12.5px;color:var(--faint);font-weight:700}.tier .tp em{font-style:normal;font-size:11.5px;font-weight:900;color:var(--sage-3);background:var(--sage);border-radius:999px;padding:1px 8px;margin-top:4px;white-space:nowrap}.value{list-style:none;padding:0;margin:10px 0 0;display:grid;gap:9px}.value li{display:flex;gap:8px;align-items:flex-start;font-size:14.5px;line-height:1.4}.value li svg{width:20px;height:18px;flex:none;margin-top:1px}.guarantee{display:flex;gap:12px;align-items:center;border-radius:24px;padding:12px 14px 12px 8px;background:linear-gradient(170deg,#e6f0e3,#d4e5d2);box-shadow:var(--shadow)}.guarantee img{width:58px;height:58px;object-fit:contain;flex:none}.guarantee b{display:block;font-weight:900;font-size:15.5px}.guarantee span{display:block;font-size:13px;font-weight:600;line-height:1.35}.paybar{position:sticky;bottom:0;padding:14px 0 calc(12px + env(safe-area-inset-bottom));background:linear-gradient(transparent,var(--bg) 28%);display:grid;gap:5px;justify-items:center;text-align:center}.offer-line{display:flex;align-items:center;gap:6px;font-size:12.5px;font-weight:800;color:var(--peach-3);flex-wrap:wrap}.offer-line .timer{font-size:12.5px;padding:2px 7px;border-radius:9px}.result .offer-card{text-align:left}.boot{min-height:100vh;display:grid;place-content:center;justify-items:center;gap:14px}.boot-cell{width:44px;height:44px;border-radius:14px;background:linear-gradient(180deg,var(--coral-a),var(--coral-b));box-shadow:0 10px 16px -8px #e36f4db3,inset 0 2px #ffffff59;animation:spin 1.4s cubic-bezier(.6,.1,.3,1) infinite}.boot-text{font-size:16px;color:var(--muted);font-weight:700}@keyframes spin{to{transform:rotate(360deg)}}.loading{display:grid;justify-items:center;gap:10px;padding:40px 0;color:var(--muted);font-weight:700}.dots{display:inline-flex;gap:5px}.error-block{text-align:center;padding:30px 0;display:grid;gap:14px;justify-items:center}.error-block .btn{width:auto}#toast{position:fixed;left:16px;right:16px;bottom:calc(var(--tabbar) + 26px + env(safe-area-inset-bottom));z-index:100;background:var(--text);color:#fff6ee;padding:13px 16px;border-radius:20px;font-weight:800;font-size:14.5px;text-align:center;box-shadow:0 14px 30px -12px #3c281e80;animation:rise .2s ease}#toast.error{background:#b8452f;color:#fff}.sheet-bg{position:fixed;inset:0;background:#3c281e61;z-index:60;animation:fade .2s}.sheet{position:fixed;left:0;right:0;bottom:0;z-index:61;background:var(--surface);border-radius:30px 30px 0 0;padding:24px var(--right) calc(22px + env(safe-area-inset-bottom)) var(--left);animation:up .25s ease;max-height:88vh;overflow-y:auto;box-shadow:0 -20px 40px -20px #3c281e66,inset 0 2px #fff}@keyframes fade{0%{opacity:0}}@keyframes up{0%{transform:translateY(40px);opacity:0}}.hw-answer{font-size:16px;line-height:1.6}.tex-block{display:block;overflow-x:auto;overflow-y:hidden;padding:4px 0}.katex{font-size:1.05em}.tag-ok{display:inline-block;padding:2px 9px;border-radius:999px;background:var(--green-soft);color:var(--green);font-weight:800;font-size:12.5px}.photo-drop{border:2.5px dashed var(--grid-strong);border-radius:26px;padding:22px 14px;text-align:center;background:var(--surface);display:grid;gap:6px;justify-items:center;cursor:pointer}.photo-drop>img.obj{width:90px;height:90px;object-fit:contain}.photo-drop img{max-height:220px;border-radius:16px}.photo-drop svg{width:28px;height:28px}hr.rule{border:0;border-top:1.5px solid var(--line);margin:18px 0}@media (min-width: 560px){#app{max-width:540px;margin:0 auto}.tabbar{max-width:516px;margin:0 auto}}