.zt{--zt-ground:#0b0e15;--zt-panel:#161d2c;--zt-panel-2:#1c2436;--zt-fg:#f4efe4;--zt-fg-2:#b3bccd;--zt-fg-3:#8a94aa;--zt-line:hsla(41,42%,93%,.14);--zt-red:#ff4b2b;--zt-blue:#2f7bff;--zt-yellow:#ffc21a;--zt-white:#f6f1e6;--zt-wood-1:#f2c47c;--zt-wood-2:#d89a4c;--zt-wood-edge:#7d4f1f;--zt-display:"Black Han Sans","Apple SD Gothic Neo","Malgun Gothic",sans-serif;--zt-body:"IBM Plex Sans KR",system-ui,-apple-system,"Apple SD Gothic Neo","Segoe UI",sans-serif;--zt-hand:"Nanum Brush Script",cursive;position:fixed;inset:0;overflow:hidden;background:var(--zt-ground);color:var(--zt-fg);font-family:var(--zt-body);color-scheme:dark;isolation:isolate;-webkit-tap-highlight-color:transparent}.zt *,.zt :after,.zt :before{box-sizing:border-box}.zt [hidden]{display:none!important}.zt button{font-family:inherit;color:inherit}.zt :focus-visible{outline:2px solid var(--zt-yellow);outline-offset:2px}.zt-canvas{position:absolute;inset:0;width:100%;height:100%;display:block;pointer-events:none}.zt-canvas.is-bg{z-index:0}.zt-canvas.is-fx{z-index:15}.zt-col{position:relative;z-index:2;height:100%;max-width:460px;margin:0 auto;display:grid;grid-template-rows:auto 84px minmax(200px,1fr) auto;padding:env(safe-area-inset-top,0) 0 env(safe-area-inset-bottom,0)}.zt-top{display:flex;justify-content:space-between;gap:8px;padding:14px 18px 4px}.zt-logo,.zt-top{align-items:center}.zt-logo{font-family:var(--zt-display);font-size:21px;display:inline-flex;text-decoration:none;color:var(--zt-fg)}.zt-logo .zt-o{display:inline-block;width:.62em;height:.62em;border-radius:50%;margin:0 .04em;transform:translateY(.05em);background:radial-gradient(circle at 35% 30%,#70757e,#050608 62%);box-shadow:0 0 0 1px hsla(0,0%,100%,.2)}.zt-logo .zt-tok{margin-left:6px;background:var(--zt-red);color:#fff;border-radius:10px 10px 10px 3px;padding:0 7px;font-size:17px;line-height:1.45}.zt-tools{display:flex;gap:6px;align-items:center}.zt-iconbtn,.zt-select{border:0;border-radius:999px;background:hsla(41,42%,93%,.08);color:var(--zt-fg-2);font-size:13px;min-height:34px;padding:0 12px;cursor:pointer}.zt-select{-moz-appearance:none;appearance:none;-webkit-appearance:none;padding-right:12px}.zt-select option{background:var(--zt-panel);color:var(--zt-fg)}.zt-kin{display:grid;place-items:center;text-align:center;padding:0 16px;pointer-events:none;z-index:4}.zt-kin-big{font-size:60px;line-height:1;display:inline-block}.zt-kin-big,.zt-kin-head{font-family:var(--zt-display)}.zt-kin-head{font-size:29px;line-height:1.14}.zt-kin-prompt{font-family:var(--zt-display);font-size:26px;display:inline-block}.zt-arena{position:relative;perspective:950px;perspective-origin:50% 30%;display:grid;place-items:center;z-index:3;min-height:0}.zt-board{--bs:290px;--tilt:40deg;--spin:0deg;position:relative;width:var(--bs);height:var(--bs);transform-style:preserve-3d;border-radius:12px;background:repeating-linear-gradient(97deg,rgba(120,70,20,0) 0 9px,rgba(120,70,20,.1) 9px 11px,rgba(120,70,20,0) 11px 23px),radial-gradient(120% 90% at 30% 20%,var(--zt-wood-1),var(--zt-wood-2));box-shadow:0 16px 0 var(--zt-wood-edge),0 50px 70px -10px rgba(0,0,0,.75)}.zt-grid,.zt-kibo{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.zt-grid line{stroke:rgba(60,32,8,.55);stroke-width:.45}.zt-grid circle{fill:rgba(60,32,8,.7)}.zt-kibo path{fill:none;stroke:var(--zt-red);stroke-width:1.1;stroke-linecap:round;stroke-linejoin:round}.zt-stone{position:absolute;border:0;padding:0;background:none;transform-style:preserve-3d;cursor:default}.zt-disc{position:absolute;inset:0;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 34% 28%,#7a8089,#16181c 46%,#030304 70%);box-shadow:0 5px 0 #000,0 9px 14px rgba(0,0,0,.55);font-family:var(--zt-display);color:var(--zt-fg);font-size:13px}.zt-ring{position:absolute;inset:-5px;border-radius:50%;border:3px solid;opacity:0;pointer-events:none}.zt-stone.is-tappable{cursor:pointer}.zt-stone.is-tappable:after{content:"";position:absolute;inset:-12px;border-radius:50%}.zt-stone.is-done .zt-disc{filter:brightness(.75)}.zt-stone.is-done .zt-ring{opacity:.95}.zt-stone.is-hint .zt-disc{box-shadow:0 0 0 4px var(--zt-yellow),0 0 26px 6px rgba(255,194,26,.65),0 5px 0 #000;animation:zt-breathe 1.4s ease-in-out infinite}@keyframes zt-breathe{50%{box-shadow:0 0 0 7px var(--zt-yellow),0 0 34px 10px rgba(255,194,26,.8),0 5px 0 #000}}.zt-lw{left:50%;bottom:50%;width:0;height:0;transform-origin:0 0;pointer-events:none;transform:rotateX(calc(var(--tilt) * -1)) rotate(calc(var(--spin) * -1))}.zt-label,.zt-lw{position:absolute}.zt-label{left:0;bottom:6px;transform-origin:50% 100%;white-space:nowrap;font-family:var(--zt-display);font-size:16px;line-height:1;padding:6px 9px 5px;border-radius:11px;color:#0b0e15;background:var(--c,var(--zt-white));box-shadow:0 6px 14px rgba(0,0,0,.35)}.zt-label:after{content:"";bottom:-5px;transform:translateX(-50%);border:5px solid transparent;border-top:5px solid var(--c,var(--zt-white));border-bottom:0}.zt-label:after,.zt-seal{position:absolute;left:50%}.zt-seal{top:50%;width:112px;height:112px;margin:-56px 0 0 -56px;border-radius:22px;border:0;background:var(--zt-red);color:#fff;display:grid;place-items:center;font-family:var(--zt-display);font-size:58px;box-shadow:inset 0 0 0 5px hsla(0,0%,100%,.28),0 20px 40px rgba(255,75,43,.45);z-index:6;opacity:0;pointer-events:none;cursor:pointer}.zt-seal.is-live{pointer-events:auto;animation:zt-pulse 1.4s ease-in-out infinite}@keyframes zt-pulse{50%{box-shadow:inset 0 0 0 5px hsla(0,0%,100%,.28),0 0 0 14px rgba(255,75,43,.18),0 20px 40px rgba(255,75,43,.55)}}.zt-shard{position:absolute;left:0;top:0;z-index:16;pointer-events:none;background:var(--zt-red);border-radius:6px}.zt-bottom{position:relative;z-index:6;padding:8px 18px 18px;display:grid;grid-template-columns:minmax(0,1fr);gap:10px;max-height:62vh;overflow-y:auto;scrollbar-width:none}.zt-label-sm{font-size:12.5px;color:var(--zt-fg-3);letter-spacing:.03em}.zt-sentence{width:100%;resize:none;border:1.5px solid var(--zt-line);border-radius:18px;background:var(--zt-panel);color:var(--zt-fg);font-family:var(--zt-display);font-size:22px;line-height:1.35;padding:12px 14px;min-height:78px}.zt-input:focus,.zt-sentence:focus{border-color:var(--zt-yellow);outline:none}.zt-input{width:100%;border:0;border-bottom:1.5px solid var(--zt-line);background:transparent;color:var(--zt-fg);font-size:15px;padding:6px 2px}.zt-input.is-hand{font-family:var(--zt-hand);font-size:24px}.zt-row{display:flex;gap:8px;align-items:center}.zt-row>*{flex:1;min-width:0}.zt-chips{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;padding-bottom:2px}.zt-chip{flex:none;border:0;border-radius:999px;padding:7px 12px;font-size:13.5px;cursor:pointer;background:hsla(41,42%,93%,.08);color:var(--zt-fg);text-align:left}.zt-chip small{display:block;font-size:11.5px;color:var(--zt-fg-3)}.zt-chip:hover{background:hsla(41,42%,93%,.16)}.zt-chip.is-on{background:var(--zt-yellow);color:#0b0e15}.zt-meta{display:flex;justify-content:space-between;gap:8px;font-size:12.5px;color:var(--zt-fg-3)}.zt-meta b{color:var(--zt-fg)}.zt-error{color:var(--zt-red);font-size:13.5px;font-weight:500}.zt-send{width:100%;border:0;border-radius:20px;min-height:58px;font-family:var(--zt-display);font-size:23px;background:var(--zt-red);color:#fff;cursor:pointer;box-shadow:0 12px 30px -10px rgba(255,75,43,.7);display:flex;align-items:center;justify-content:center;gap:10px}.zt-send:disabled{opacity:.45;cursor:default}.zt-send .zt-dot{width:16px;height:16px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff,#d9d2c2 60%)}.zt-pill{border:0;border-radius:999px;padding:11px 18px;font-weight:700;font-size:15px;cursor:pointer;min-height:46px;background:hsla(41,42%,93%,.08);color:var(--zt-fg);text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.zt-pill.is-yellow{background:var(--zt-yellow);color:#0b0e15}.zt-kb{display:grid;gap:6px;background:var(--zt-panel);border-radius:18px;padding:10px 8px}.zt-kb-row{display:flex;gap:5px;justify-content:center}.zt-key{flex:1;max-width:40px;min-height:46px;border:0;border-radius:10px;background:var(--zt-panel-2);color:var(--zt-fg);font-family:var(--zt-display);font-size:19px;cursor:pointer;display:grid;place-items:center;line-height:1;padding:4px 0}.zt-key small{font-family:var(--zt-body);font-size:10.5px;color:var(--zt-fg-3);font-weight:500}.zt-key:active{background:var(--zt-yellow);color:#0b0e15}.zt-key.is-wide{max-width:none;flex:2;font-family:var(--zt-body);font-size:13.5px;font-weight:600}.zt-key.is-on{background:var(--zt-yellow);color:#0b0e15}.zt-card{background:var(--zt-panel);border-radius:22px;padding:14px;display:grid;grid-template-columns:minmax(0,1fr);gap:12px;min-width:0}.zt-link{display:flex;justify-content:space-between;align-items:center;gap:10px;background:hsla(41,42%,93%,.06);border-radius:12px;padding:9px 12px;font-size:13px}.zt-link code{color:var(--zt-yellow);font-family:ui-monospace,Menlo,monospace;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1}.zt-share-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.zt-share-grid>*{border:0;border-radius:16px;min-height:62px;background:var(--zt-panel-2);cursor:pointer;font-size:13px;font-weight:600;display:grid;place-items:center;padding:8px 4px;text-decoration:none;color:var(--zt-fg);text-align:center}.zt-share-grid>.is-main{background:var(--zt-yellow);color:#0b0e15}.zt-small{font-size:12.5px;color:var(--zt-fg-3);text-align:center}.zt-share-icons{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px 6px}.zt-share-item{border:0;background:none;padding:0;cursor:pointer;display:grid;justify-items:center;gap:6px;text-decoration:none;color:var(--zt-fg-2);font-size:12px;min-width:0}.zt-share-tile{width:54px;height:54px;border-radius:17px;display:grid;place-items:center;box-shadow:0 8px 18px -8px rgba(0,0,0,.7);transition:transform .15s}.zt-share-tile.is-plain{background:var(--zt-panel-2);color:var(--zt-fg)}.zt-share-item:focus-visible .zt-share-tile,.zt-share-item:hover .zt-share-tile{transform:translateY(-2px) scale(1.05)}.zt-share-item:active .zt-share-tile{transform:scale(.94)}.zt-share-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.zt-grade{display:grid;justify-items:center;gap:4px}.zt-grade-stamp{font-family:var(--zt-display);font-size:26px;color:#fff;background:var(--zt-red);border-radius:12px;padding:6px 16px 5px;transform:rotate(-4deg);box-shadow:inset 0 0 0 3px hsla(0,0%,100%,.28),0 12px 26px -8px rgba(255,75,43,.7)}.zt-grade-stamp.is-perfect{background:var(--zt-yellow);color:#0b0e15;box-shadow:inset 0 0 0 3px hsla(0,0%,100%,.45),0 0 32px 4px rgba(255,194,26,.55)}.zt-grade-stamp.is-good{background:var(--zt-blue)}.zt-grade-gloss{font-size:13px;color:var(--zt-fg-2)}.zt-rtext .zt-wd{cursor:pointer;border-radius:10px;transition:color .15s,transform .15s,background .15s;padding:0 2px}.zt-rtext .zt-wd:hover{background:hsla(41,42%,93%,.08)}.zt-rtext .zt-wd.is-speaking{color:var(--zt-yellow);transform:translateY(-4px) scale(1.08)}.zt-tapword{font-size:12px;color:var(--zt-fg-3)}.zt-stone.is-ghost{pointer-events:none}.zt-slots{display:flex;flex-wrap:wrap;justify-content:center;gap:7px}.zt-slot{min-width:40px;height:38px;border-radius:12px;border:1.5px dashed hsla(41,42%,93%,.25);display:grid;place-items:center;font-family:var(--zt-display);font-size:18px;padding:0 9px;color:#0b0e15}.zt-slot.is-filled{border:0;background:var(--c,var(--zt-white))}.zt-slot.is-missed{box-shadow:0 0 0 2px var(--zt-red)}.zt-hud{justify-content:space-between;min-height:46px}.zt-beads,.zt-hud{display:flex;align-items:center}.zt-beads{gap:8px;font-size:13px;color:var(--zt-fg-2)}.zt-bead{width:16px;height:16px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff,#cfc7b6 65%);box-shadow:0 2px 0 rgba(0,0,0,.5);display:inline-block}.zt-bead.is-gone{background:none;box-shadow:inset 0 0 0 1.5px var(--zt-fg-3)}.zt-combo{font-family:var(--zt-display);font-size:15px;color:var(--zt-yellow)}.zt-reveal{display:grid;gap:10px;text-align:center;justify-items:center}.zt-rtext{font-family:var(--zt-display);font-size:40px;line-height:1.12;display:flex;flex-wrap:wrap;justify-content:center;gap:0 .32em;width:100%;text-wrap:balance}.zt-rtext .zt-wd{white-space:nowrap;display:inline-flex;position:relative}.zt-rtext .zt-wd.is-missed:after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:4px;border-radius:2px;background:var(--zt-red)}.zt-roman{font-size:14px;color:var(--zt-fg-2);letter-spacing:.02em}.zt-roman b{color:var(--zt-fg-3);font-weight:500;margin-right:6px}.zt-note{font-family:var(--zt-hand);font-size:28px;color:var(--zt-yellow);line-height:1.2}.zt-result{font-size:14px;color:var(--zt-fg-2)}.zt-actions{display:grid;gap:8px;width:100%}.zt-flychip{font-size:18px;padding:6px 10px;border-radius:11px;color:#0b0e15;box-shadow:0 10px 24px rgba(0,0,0,.45)}.zt-flychip,.zt-pop{left:0;top:0;z-index:16;font-family:var(--zt-display)}.zt-flychip,.zt-pop,.zt-toast{position:absolute;pointer-events:none;white-space:nowrap}.zt-toast{left:50%;top:72px;transform:translateX(-50%);z-index:25;background:var(--zt-white);color:#0b0e15;font-weight:700;font-size:14px;border-radius:999px;padding:9px 16px;transition:opacity .25s,transform .25s}.zt-toast[data-on=false]{opacity:0;transform:translate(-50%,-14px)}.zt-broken{display:grid;gap:14px;text-align:center;padding:0 24px;align-content:center}.zt-broken h1{font-family:var(--zt-display);font-weight:400;font-size:30px;margin:0}.zt-broken p{color:var(--zt-fg-2);margin:0}@media (max-height:700px){.zt-col{grid-template-rows:auto 64px minmax(170px,1fr) auto}.zt-kin-head{font-size:24px}.zt-kin-big{font-size:48px}}@media (prefers-reduced-motion:reduce){.zt-seal.is-live,.zt-stone.is-hint .zt-disc{animation:none}}