:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--dawn:#ffefc8;--cream:#fff8e6;--paper:#fffbf0;--card:#fff;--sand:#ffe7b0;--sand-dark:#e9b95a;--line:#f0e2c0;--row-hover:#fffdf6;--placeholder:#b9a88c;--sand-ink:#7a5512;--teal:#13897d;--teal-dark:#0d665d;--teal-soft:#d2f0ea;--gold:#ffc23d;--gold-dark:#d99a12;--ink:#3b2c1e;--muted:#7a6650;--danger:#a83a2a;--danger-soft:#fbe6e1;--danger-line:#e8b9af;--danger-line-soft:#ebc5bd;--hard:#2f6fd6;--hard-dark:#1e4e9e;--soft:#e0782c;--soft-dark:#a8541a;--sun:#ffd54f;--grass:#9fd17a;--grass-dark:#7db85a;--pink:#f27ba6;--violet:#b48cf2;--serif:"Lora", Georgia, "Times New Roman", serif;--sans:"Nunito", "Segoe UI", system-ui, sans-serif;--radius-sm:10px;--radius:14px;--radius-lg:18px;--radius-xl:24px;--shadow-card:0 1px 0 #3b2c1e0a, 0 14px 32px -22px #3b2c1e59}*,:before,:after{box-sizing:border-box}html{background:var(--cream);-webkit-text-size-adjust:100%}body{background:var(--cream);min-width:320px;min-height:100svh;color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;margin:0;line-height:1.45}h1,h2,h3{font-family:var(--serif);text-wrap:balance;line-height:1.2}p{text-wrap:pretty}img{max-width:100%}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:default}a{color:var(--teal-dark)}:focus-visible{outline:3px solid var(--gold);outline-offset:3px}::selection{background:var(--sand)}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.btn{--btn-bg:var(--teal);--btn-edge:var(--teal-dark);--btn-text:#fff;border-radius:var(--radius);background:var(--btn-bg);min-height:48px;color:var(--btn-text);box-shadow:0 4px 0 var(--btn-edge);font:800 1.02rem/1.2 var(--sans);text-align:center;border:none;justify-content:center;align-items:center;gap:8px;padding:12px 20px;text-decoration:none;transition:transform .12s,box-shadow .12s,filter .12s;display:inline-flex}.btn:hover:not(:disabled){filter:brightness(1.05)}.btn:active:not(:disabled){box-shadow:0 1px 0 var(--btn-edge);transform:translateY(3px)}.btn:disabled,.btn[aria-disabled=true]{opacity:.5;cursor:default;box-shadow:none;transform:none}.btn.gold{--btn-bg:var(--gold);--btn-edge:var(--gold-dark);--btn-text:var(--ink)}.btn.ghost{--btn-bg:var(--card);--btn-edge:transparent;--btn-text:var(--teal-dark);box-shadow:inset 0 0 0 2px var(--teal)}.btn.ghost:active:not(:disabled){box-shadow:inset 0 0 0 2px var(--teal)}.btn.danger{--btn-bg:var(--card);--btn-edge:transparent;--btn-text:var(--danger);box-shadow:inset 0 0 0 2px var(--danger-line)}.btn.danger:active:not(:disabled){box-shadow:inset 0 0 0 2px var(--danger-line)}.btn.small{border-radius:var(--radius-sm);min-height:36px;box-shadow:0 3px 0 var(--btn-edge);padding:7px 12px;font-size:.9rem}.btn.small.ghost{box-shadow:inset 0 0 0 1.5px var(--line), 0 0 0 transparent;--btn-text:var(--ink)}.btn.small.danger{box-shadow:inset 0 0 0 1.5px var(--danger-line-soft)}.btn.block{width:100%}.btns{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.text-btn{color:var(--teal-dark);text-underline-offset:3px;background:0 0;border:none;padding:4px 0;font-weight:700;text-decoration:underline;text-decoration-thickness:1.5px}.text-btn:disabled{color:var(--muted);text-decoration:none}.field{text-align:left;width:100%;color:var(--ink);flex-direction:column;gap:6px;font-weight:800;display:flex}.field small{color:var(--muted);font-weight:600}.field input,.field select{border:2px solid var(--sand-dark);background:var(--card);width:100%;min-height:50px;color:var(--ink);font:700 1.1rem var(--sans);-webkit-user-select:text;user-select:text;touch-action:manipulation;border-radius:12px;padding:11px 14px;transition:border-color .15s,box-shadow .15s}.field input::placeholder{color:var(--placeholder);font-weight:600}.field input:focus,.field select:focus{border-color:var(--teal);box-shadow:0 0 0 4px var(--teal-soft);outline:none}.field input[aria-invalid=true]{border-color:var(--danger)}.field input:disabled{opacity:.6}.hint-text{color:var(--muted);margin:0;font-size:.9rem}.panel{border:2px solid var(--teal-soft);border-radius:var(--radius-lg);background:var(--card);text-align:left;width:100%;padding:20px}.panel-title{font:800 .9rem var(--sans);letter-spacing:.02em;color:var(--teal-dark);margin:0 0 6px}.panel p{margin:0 0 14px;line-height:1.5}.panel>:last-child{margin-bottom:0}.alert,.notice{text-align:left;border-radius:12px;width:100%;margin:0;padding:10px 14px;font-size:.95rem;font-weight:700;line-height:1.4}.alert{background:var(--danger-soft);color:var(--danger)}.notice{background:var(--teal-soft);color:var(--teal-dark)}.badge{background:var(--teal-soft);color:var(--teal-dark);white-space:nowrap;vertical-align:middle;border-radius:999px;padding:3px 9px;font-size:.78rem;font-weight:800;display:inline-block}.badge.warm{background:var(--sand);color:var(--sand-ink)}.badge.danger{background:var(--danger-soft);color:var(--danger)}.avatar{background:var(--sand);width:44px;height:44px;color:var(--ink);font:900 1.2rem var(--sans);border-radius:50%;flex:none;place-items:center;display:inline-grid}.avatar.small{width:26px;height:26px;font-size:.8rem}.brand{font:700 1.15rem var(--serif);color:var(--teal);white-space:nowrap;align-items:center;gap:8px;text-decoration:none;display:inline-flex}.brand:before{content:"";background:var(--gold);border-radius:50%;width:14px;height:14px;box-shadow:0 0 0 4px #ffc23d4d}.brand .badge{font-family:var(--sans)}.eyebrow{font:800 .8rem var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--teal);margin:0}.muted{color:var(--muted)}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.pager{color:var(--muted);justify-content:center;align-items:center;gap:12px;font-size:.95rem;display:flex}.tuk{min-height:100svh;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px);background:linear-gradient(180deg, var(--dawn) 0%, var(--cream) 45%, var(--paper) 100%) fixed var(--cream);position:relative;overflow-x:clip}.tuk:before{content:"";background:radial-gradient(circle, var(--sun) 0 55%, #ffd54f59 56% 70%, transparent 71%);pointer-events:none;z-index:0;border-radius:50%;width:220px;height:220px;position:fixed;top:-70px;right:-70px}.tuk:after{content:"";pointer-events:none;z-index:0;background:radial-gradient(120% 90px at 25% 100%, var(--grass) 60%, transparent 61%), radial-gradient(110% 80px at 85% 100%, var(--grass-dark) 60%, transparent 61%);height:90px;position:fixed;bottom:0;left:0;right:0}.tuk .tuk-app{z-index:1;flex-direction:column;max-width:1120px;min-height:100svh;margin:0 auto;padding:16px 20px 72px;display:flex;position:relative}.tuk .top{justify-content:space-between;align-items:center;gap:12px;min-height:44px;display:flex}.tuk .top-link{background:var(--card);min-height:40px;box-shadow:inset 0 0 0 2px var(--teal-soft);color:var(--teal-dark);font:800 .92rem var(--sans);border-radius:999px;align-items:center;gap:8px;max-width:52vw;padding:5px 14px 5px 6px;text-decoration:none;display:inline-flex}.tuk .top-link span:last-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.tuk .top-link.plain{padding:5px 16px}.tuk .dots{gap:6px;display:flex}.tuk .dots i{background:var(--sand-dark);opacity:.45;border-radius:50%;width:9px;height:9px;transition:background .2s,opacity .2s}.tuk .dots i.on{background:var(--teal);opacity:1}.tuk .stage{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:22px;width:100%;max-width:720px;margin:0 auto;padding:20px 0;display:flex;position:relative}.tuk .phase,.tuk .top-progress{display:contents}.tuk .lesson-stage{flex-direction:column;align-items:center;gap:22px;width:100%;display:flex;position:relative}.tuk h1{max-width:22ch;margin:0;font-size:clamp(1.6rem,5vw,2.2rem)}.tuk h2{margin:0;font-size:1.35rem}.tuk p.lead{max-width:44ch;color:var(--muted);margin:0;font-size:1.08rem;line-height:1.5}.tuk .hint{min-height:1.4em;color:var(--muted);font-weight:700}.tuk .status{color:var(--muted);font-weight:700}.tuk .panel,.tuk .alert,.tuk .notice{max-width:460px}.tuk .panel .btns{justify-content:flex-start}.tuk .panel .field{margin-bottom:14px}.tuk .panel .hint-text{margin:-6px 0 14px}.tuk .stage>.field{width:min(360px,100%)}.tuk .hero{width:auto;height:min(32vh,260px);display:block}.tuk .cube{--f:var(--sand);--e:var(--sand-dark);--t:var(--ink);background:var(--f);width:clamp(104px,26vw,140px);height:clamp(104px,26vw,140px);color:var(--t);box-shadow:0 12px 0 var(--e);font-family:var(--sans);cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:none;border:none;border-radius:22px;place-items:center;font-size:clamp(3.6rem,11vw,5rem);font-weight:900;line-height:1;transition:transform .18s;display:grid;position:relative}.tuk .cube:active{box-shadow:0 7px 0 var(--e);transform:translateY(5px)}.tuk .cube.vowel{--f:var(--hard);--e:var(--hard-dark);--t:#fff}.tuk .cube.vowel.soft{--f:var(--soft);--e:var(--soft-dark)}.tuk .cube.split{width:auto;padding:0;display:flex;overflow:hidden}.tuk .cube.split span{place-items:center;width:clamp(90px,22vw,120px);height:100%;display:grid}.tuk .cube.split .consonant{background:var(--sand);color:var(--ink)}.tuk .cube.split .vowel{background:var(--hard);color:#fff}.tuk .cube.split .vowel.soft{background:var(--soft)}.tuk .cube:focus-visible{outline:4px solid var(--gold);outline-offset:6px}.tuk .row{flex-wrap:wrap;justify-content:center;align-items:center;gap:18px;display:flex}.tuk .pulse{animation:1.6s ease-in-out infinite tuk-pulse}@keyframes tuk-pulse{50%{transform:translateY(-6px)}}.tuk .shake{animation:.4s tuk-shake}@keyframes tuk-shake{25%{transform:translate(-10px)}75%{transform:translate(10px)}}.tuk .dragging{z-index:5;box-shadow:0 18px 0 var(--e), 0 24px 30px #0000002e;transition:none}.tuk .glow{box-shadow:0 12px 0 var(--e), 0 0 0 7px var(--gold)!important}.tuk .hand{z-index:10;pointer-events:none;filter:drop-shadow(0 4px 4px #00000040);font-size:3.2rem;line-height:1;position:absolute}.tuk .replay{min-height:42px;padding:8px 16px;font-size:.95rem}.tuk .demoing .cube,.tuk .demoing .replay{pointer-events:none}.tuk .demoing .replay{opacity:.4}.tuk .train{align-items:center;min-height:160px;display:flex}.tuk .slot{border:4px dashed var(--sand-dark);border-radius:22px;place-items:center;width:clamp(104px,26vw,140px);height:clamp(104px,26vw,140px);display:grid}.tuk .slot.filled{border:none;width:auto}.tuk .train.joined .cube{border-radius:0}.tuk .train.joined .cube:first-child{border-radius:22px 0 0 22px}.tuk .train.joined .cube:last-child{border-radius:0 22px 22px 0}.tuk .counter{gap:10px;display:flex}.tuk .counter b{border:3px solid var(--teal);border-radius:50%;width:22px;height:22px;transition:background .2s}.tuk .counter b.on{background:var(--teal)}.tuk .wordslots{gap:10px;display:flex}.tuk .tray{align-items:center;gap:18px;min-height:150px;display:flex}.tuk .picture{font-size:clamp(5rem,20vw,8rem);line-height:1}.tuk .bigword{font-family:var(--sans);letter-spacing:.06em;font-size:clamp(3.4rem,14vw,6rem);font-weight:900}.tuk .bigword .vowel{color:var(--hard)}.tuk .bigword .vowel.soft{color:var(--soft)}.tuk .cert{border:3px solid var(--gold);border-radius:var(--radius-xl);background:var(--card);width:100%;max-width:420px;box-shadow:var(--shadow-card);padding:26px 22px;position:relative}.tuk .cert .label{font:600 1.1rem var(--serif);color:var(--muted)}.tuk .cert .word{letter-spacing:.08em;color:var(--teal);margin:6px 0;font-size:3.4rem;font-weight:900}.tuk .cert .cname{min-height:1.2em;font:700 1.5rem var(--serif)}.tuk .cert .date{color:var(--muted);margin-top:10px}.tuk .stats{grid-template-columns:repeat(3,1fr);gap:10px;width:100%;max-width:460px;display:grid}.tuk .stat{background:var(--card);box-shadow:var(--shadow-card);border-radius:16px;padding:14px 8px}.tuk .stat strong{color:var(--teal);font-size:2rem;line-height:1.15;display:block}.tuk .stat span{color:var(--muted);font-size:.9rem}.tuk .path{text-align:left;flex-direction:column;gap:8px;width:100%;max-width:460px;display:flex}.tuk .step{border-radius:var(--radius);background:var(--card);width:100%;color:inherit;font:inherit;text-align:left;border:2px solid #0000;align-items:center;gap:12px;padding:12px 14px;text-decoration:none;transition:transform .15s,box-shadow .15s;display:flex}.tuk a.step:hover{box-shadow:var(--shadow-card);transform:translateY(-2px)}.tuk .step .w{letter-spacing:.04em;min-width:84px;font-size:1.3rem;font-weight:900}.tuk .step .n{color:var(--muted);font-size:.95rem}.tuk .step.done{border-color:var(--teal)}.tuk .step.go{border-color:var(--gold);box-shadow:0 0 0 4px #ffc23d38}.tuk .step.lock{opacity:.55}.tuk .step .pic{text-align:center;width:2rem;font-size:1.6rem}.tuk .step .st{color:var(--teal-dark);white-space:nowrap;margin-left:auto;font-size:.9rem;font-weight:800}.tuk .step.reward .w{min-width:0;font:700 1.05rem var(--serif);letter-spacing:0}.tuk .profiles{flex-direction:column;gap:10px;width:100%;max-width:460px;display:flex}.tuk .profile{background:var(--card);text-align:left;box-shadow:var(--shadow-card);border:2px solid #0000;border-radius:16px;flex-wrap:wrap;align-items:center;gap:12px;padding:14px;display:flex}.tuk .profile.active{border-color:var(--teal)}.tuk .profile .avatar{width:48px;height:48px;font-size:1.3rem}.tuk .profile-info{flex-direction:column;flex:1;gap:2px;min-width:120px;display:flex}.tuk .profile-info b{overflow-wrap:anywhere;font-size:1.15rem}.tuk .profile-info span{color:var(--muted);font-size:.95rem}.tuk .profile-actions{gap:8px;display:flex}.tuk .course-progress{flex-direction:column;align-items:center;gap:14px;width:100%;max-width:460px;display:flex}.tuk .account-footer{color:var(--muted);flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;font-size:.95rem;display:flex}.tuk .house{width:min(440px,94%)}.tuk .roof{background:var(--sand-dark);clip-path:polygon(50% 0,100% 100%,0 100%);height:64px}.tuk .rooms{background:var(--sand);box-shadow:0 10px 0 var(--sand-dark);border-radius:0 0 18px 18px;grid-template-columns:repeat(4,1fr);gap:10px;padding:12px;display:grid}.tuk .room{aspect-ratio:1;background:var(--card);border-radius:12px;place-items:center;font-size:clamp(1.8rem,7vw,2.6rem);display:grid}.tuk .room.in{animation:.5s ease-out tuk-pop}@keyframes tuk-pop{0%{transform:scale(.3)}70%{transform:scale(1.15)}to{transform:scale(1)}}.tuk .fq{opacity:0;min-height:4.4rem;transition:opacity .3s}.tuk .fq.on{opacity:1}.tuk .fq-kk{font:700 clamp(1.8rem, 6vw, 2.4rem) var(--serif)}.tuk .fq-tr{color:var(--muted)}.tuk .fword{justify-content:center;align-items:center;min-height:96px;transition:opacity .4s;display:flex}.tuk .fword.fade{opacity:0}.tuk .fword .cube{width:84px;height:84px;box-shadow:0 8px 0 var(--e);pointer-events:none;font-size:2.8rem}.tuk .fword .cube.split{width:auto}.tuk .fword .cube.split span{width:72px}.tuk .readbar{min-height:1.6rem;color:var(--teal);align-items:center;gap:12px;font-size:1.3rem;font-weight:900;display:flex}.tuk .readbar.off{visibility:hidden}.tuk .readbar i{background:var(--teal-soft);border-radius:6px;width:160px;height:12px;display:block;overflow:hidden}.tuk .readbar b{background:var(--gold);width:0;height:100%;display:block}.tuk .readbar b.run{width:100%;transition:width 2s linear}.tuk .icon-btn{width:48px;padding:0}.tuk .icon-btn svg{width:22px;height:22px}.tuk .more{left:50%;bottom:calc(18px + env(safe-area-inset-bottom,0px));z-index:20;background:var(--teal);color:#fff;font:800 1rem var(--sans);white-space:nowrap;border:none;border-radius:999px;align-items:center;gap:8px;padding:11px 18px;animation:1.4s ease-in-out infinite tuk-bob;display:flex;position:fixed;transform:translate(-50%);box-shadow:0 4px 14px #0003}.tuk .more span{font-size:1.2rem;line-height:1}@keyframes tuk-bob{50%{transform:translate(-50%,-6px)}}.tuk-confetti{z-index:30;pointer-events:none;position:fixed;inset:0;overflow:hidden}.tuk-confetti i{border-radius:3px;width:12px;height:18px;animation:2.4s linear forwards tuk-fall;position:absolute;top:-20px}@keyframes tuk-fall{to{transform:translateY(110vh)rotate(540deg)}}