.kd-slide{position:absolute;left:0;top:0;width:1920px;height:1080px;overflow:hidden;color:var(--tv-text);font-family:var(--font-display)}.kd-slide-scroll{position:absolute;inset:0;z-index:1;display:flex;overflow-y:auto;scrollbar-width:none}.kd-slide-scroll::-webkit-scrollbar{display:none}.kd-slide-text{margin:auto;width:100%;padding:64px 160px;text-align:center;overflow-wrap:anywhere;font-weight:500}.kd-slide-text.has-label{padding-bottom:169px}.kd-slide-title{margin:0 0 24px;color:var(--tv-accent);font-weight:700;line-height:1.15}.kd-slide-p{margin:0}.kd-slide strong{color:var(--tv-accent);font-weight:700}.kd-slide em{font-style:italic}.kd-slide-vn{font-size:.5em;vertical-align:super;line-height:0;font-weight:700;color:var(--tv-accent)}.kd-slide u{text-decoration:underline;text-decoration-thickness:.07em;text-underline-offset:.14em}.kd-slide-label{position:absolute;right:120px;bottom:36px;z-index:2;max-width:720px;padding:8px 28px;border-radius:999px;background:var(--tv-surface);border-bottom:5px solid var(--a1);color:var(--tv-accent);font-size:40px;font-weight:700;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@font-face{font-family:KD Fredoka;font-style:normal;font-display:swap;font-weight:300 700;src:url(/play/assets/fredoka-latin-wght.v1-DM6njrJ3.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:KD Nunito;font-style:normal;font-display:swap;font-weight:200 1000;src:url(/play/assets/nunito-latin-wght.v1-BzFMHfZw.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{color-scheme:light dark;--bg: #fffaf0;--surface: #ffffff;--surface2: #fff1cc;--text: #1f2340;--muted: #575c78;--border: #ecdcb4;--field-border: #8a8d9f;--primary: #1d5fd0;--on-primary: #ffffff;--pressed: #11397d;--link: #1a58c2;--focus: #1d5fd0;--tint: #e3edff;--danger: #c02a36;--on-danger: #ffffff;--danger-pressed: #731920;--ok: #1f9d55;--banner-bg: #a61e17;--banner-text: #ffffff;--scrim: rgba(20, 22, 40, .55);--a1: #ffc928;--a2: #38b6ff;--a3: #3cc46b;--a4: #ff6b6b;--a5: #9b5de5;--tv-bg: #121736;--tv-surface: #1f2758;--tv-text: #ffffff;--tv-muted: #c7cbef;--tv-focus: #ffc928;--tv-accent: #ffc928;--tv-safe: 5%;--tv-focus-width: .5vw;--tv-ring: var(--tv-focus-width);--font-display: "KD Fredoka", ui-rounded, system-ui, sans-serif;--font-body: "KD Nunito", ui-rounded, system-ui, sans-serif;--display-weight: 600;--r-sm: 10px;--r-md: 16px;--r-lg: 24px;--r-btn: 14px;--shadow: 0 1px 2px rgba(0, 0, 0, .06), 0 6px 20px -8px rgba(0, 0, 0, .18);--focus-width: 3px}@media(prefers-color-scheme:dark){:root{--bg: #161a33;--surface: #20254a;--surface2: #2a3060;--text: #fdf8ee;--muted: #b8bdd9;--border: #363d72;--field-border: #7f86b8;--primary: #ffc928;--on-primary: #1f2340;--pressed: #997918;--link: #8fd0ff;--focus: #ffc928;--tint: #2a3567;--danger: #ff8a8a;--on-danger: #2a0a0e;--danger-pressed: #995353;--ok: #5fd68a;--scrim: rgba(0, 0, 0, .65)}}:focus-visible{outline:var(--focus-width) solid var(--focus);outline-offset:2px}.kd-logo{display:inline-block;flex:none;vertical-align:middle}.kd-brand{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--font-display);font-weight:var(--display-weight);font-size:1.15rem;line-height:1;color:var(--text);text-decoration:none}.kd-display{font-family:var(--font-display);font-weight:var(--display-weight);line-height:1.15}.kd-hl{text-decoration:underline wavy var(--a1);text-decoration-thickness:.07em;text-underline-offset:.2em;text-decoration-skip-ink:none}.kd-ribbon{background:linear-gradient(90deg,var(--a1) 0 20%,var(--a4) 20% 40%,var(--a5) 40% 60%,var(--a2) 60% 80%,var(--a3) 80%) top / 100% 6px no-repeat,var(--surface)}.kd-ribbon-bar{background:linear-gradient(90deg,var(--a1) 0 20%,var(--a4) 20% 40%,var(--a5) 40% 60%,var(--a2) 60% 80%,var(--a3) 80%)}.kd-btn{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;font:700 1rem/1.1 var(--font-body);padding:.75rem 1.2rem;min-height:48px;border-radius:var(--r-btn);border:2px solid transparent;text-decoration:none;cursor:pointer}.kd-btn-primary{background:var(--primary);color:var(--on-primary);box-shadow:0 4px 0 var(--pressed)}.kd-btn-primary:active{transform:translateY(3px);box-shadow:0 1px 0 var(--pressed)}.kd-btn-secondary{background:var(--surface);color:var(--text);border-color:var(--border);box-shadow:0 3px 0 var(--border)}.kd-btn-secondary:active{transform:translateY(2px);box-shadow:0 1px 0 var(--border)}.kd-btn-danger{background:var(--danger);color:var(--on-danger);box-shadow:0 4px 0 var(--danger-pressed)}.kd-btn-danger:active{transform:translateY(3px);box-shadow:0 1px 0 var(--danger-pressed)}.kd-deco{position:absolute;inset:0;overflow:hidden;pointer-events:none}.kd-deco i{position:absolute;display:block;width:.8em;height:.8em;border-radius:50%;opacity:.95}.kd-deco i:nth-child(1){left:62%;top:12%;background:var(--a1);width:1.1em;height:1.1em}.kd-deco i:nth-child(2){left:78%;top:22%;background:var(--a4);border-radius:.2em;transform:rotate(25deg)}.kd-deco i:nth-child(3){left:90%;top:8%;background:var(--a2)}.kd-deco i:nth-child(4){left:70%;top:40%;background:var(--a3);width:.55em;height:.55em}.kd-deco i:nth-child(5){left:86%;top:52%;background:var(--a5);border-radius:.15em;transform:rotate(-20deg)}.kd-deco i:nth-child(6){left:95%;top:34%;background:var(--a1);width:.5em;height:.5em}.kd-deco i:nth-child(7){left:58%;top:60%;background:var(--a2);width:.45em;height:.45em}.kd-deco i:nth-child(8){left:80%;top:72%;background:var(--a4);width:.6em;height:.6em}.kd-deco .n{position:absolute;width:2.2em;height:2.2em}.kd-deco .n:nth-of-type(1){left:72%;top:4%;color:var(--a5);transform:rotate(-12deg)}.kd-deco .n:nth-of-type(2){left:88%;top:66%;color:var(--a2);transform:rotate(10deg);width:1.7em;height:1.7em}@media(prefers-reduced-motion:no-preference){.kd-deco i,.kd-deco .n{animation:kd-float 5s ease-in-out infinite alternate}.kd-deco i:nth-child(2n){animation-duration:6.5s;animation-delay:-2s}.kd-deco i:nth-child(3n){animation-duration:4.2s;animation-delay:-1s}@keyframes kd-float{to{translate:0 -.5em}}}.kd-credit{margin:.25rem 0 0;color:var(--muted);font-size:.8rem}.kd-credit a{display:inline-block;margin:0;color:inherit;font-weight:600;text-decoration:none}.kd-credit a:before{content:"";display:inline-block;vertical-align:-.2em;margin-right:.3rem;width:1rem;height:1rem;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYBAMAAAASWSDLAAAAMFBMVEXA0tWXoq6sucWG0+Pi6/DN2d9jdothkLOgw8qi1tpFv9YYha2DjZr9/v5HVmwUPGFMBxpWAAAADXRSTlME+Pz4/fr7+leQ9/390bZNmgAAAAlwSFlzAAAD6AAAA+gBtXtSawAAAQVJREFUGNNjYACCqa7GMxmgYJJ4eXmxJYTdlFfk4hJYbAFic8in3AUCx+IGIKfn410wUAdJnZcFMa2WXCpmYOB85qikpKSyeomt8AQGRsH8f+//Z+2yWutuwNCTe+nNuT+rF1vFXrRkmHf2bt4b8c2rF9+9VMkgp3vX1bVaOdb37tXNDHKxd++6Jyr73r17ZReIc1VHrBjK0b179ewzkMzVXSAD7vq+EwZyLu1kaHsLtF8GxLm2g4HxK4wTv4CBMw/GyZ7AwCCXe/euENCAi7+Arm78dveuqGrsXfkdIM/JPb0rGns37DfIcwyN+Y9UQsX+74AEwsQk1f//d8KCp1M1rQJEAwA2P4LIc1R/JAAAAABJRU5ErkJggg==) center / contain no-repeat}.kd-credit a:hover{color:#2563eb;text-decoration:underline}@media(prefers-color-scheme:dark){.kd-credit a:hover{color:#60a5fa}}:root{--warn: #ff9f1c;--safe-x: 6rem;--ring: var(--tv-ring, .5vw);font-size:min(calc(100vw / 120),calc(100vh / 67.5));font-size:min(calc(100vw / 120),calc(100dvh / 67.5))}*{box-sizing:border-box}html,body,#app{margin:0;width:100%;height:100%;overflow:hidden;background:var(--tv-bg)}body{color:var(--tv-text);font-family:var(--font-body);cursor:default;user-select:none;-webkit-user-select:none}button{font:inherit;color:inherit;border:0;background:none;padding:0;cursor:pointer}:focus,:focus-visible{outline:none}h1{margin:0;font-family:var(--font-display);font-weight:var(--display-weight)}.splash{height:100%;display:grid;place-items:center;font-size:3.4rem;font-weight:700;color:var(--tv-muted);padding:3.4rem var(--safe-x);text-align:center}.splash.unavailable{font-family:var(--font-display);font-weight:500}.tv-ribbon{position:absolute;left:0;right:0;top:0;height:.7rem;z-index:1}.band{position:absolute;top:0;bottom:0;width:5vw;pointer-events:none;overflow:hidden;z-index:0}.band-l{left:0}.band-r{right:0}.bit{position:absolute;left:50%;margin-left:-1.4rem;display:block}.bit-dot{border-radius:50%;background:currentColor}.bit-sq{border-radius:.3rem;background:currentColor}.bit svg{width:100%;height:100%;display:block}.bit-note{margin-left:-1.6rem}@media(prefers-reduced-motion:no-preference){.bit{animation:bob 5s ease-in-out infinite alternate}.bit-sq{animation-duration:6.5s}.bit-note{animation-duration:4.2s}}@keyframes bob{0%{transform:translateY(0)}to{transform:translateY(-1.4rem)}}.logo{display:block;flex:none}.list{position:relative;height:100%;display:flex;flex-direction:column;overflow:hidden;background:radial-gradient(120% 100% at 0% 0%,var(--tv-surface),var(--tv-bg) 62%)}.list-header{position:relative;z-index:1;display:flex;align-items:center;gap:2.4rem;padding:3.4rem var(--safe-x) .6rem}.list-logo{width:9rem;height:9rem}.list-head-text{min-width:0}.list-header.has-qr{padding-right:20rem;min-height:17rem}.control-qr{position:absolute;top:3.4rem;right:var(--safe-x);width:12rem;display:flex;flex-direction:column;align-items:center;gap:.6rem;font-size:2rem;font-weight:700;line-height:1.2;text-align:center;white-space:nowrap;color:var(--tv-muted);pointer-events:none}.qr-small{width:9.5rem;height:9.5rem;border-radius:1rem;display:block}.list-header h1{font-size:5.6rem;line-height:1.05;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.list-sub{margin-top:.5rem;font-size:2.6rem;color:var(--tv-accent);font-weight:800}.list-sub .sep:before{content:"•";margin:0 1.2rem;color:var(--tv-muted)}.list-sub .sep{color:var(--tv-muted);font-weight:700}.empty{position:relative;z-index:1;flex:1;display:grid;place-items:center;text-align:center;font-family:var(--font-display);font-size:4rem;color:var(--tv-muted);padding:0 var(--safe-x) 8rem}.grid-scroll{position:relative;z-index:1;flex:1;overflow-y:auto;scrollbar-width:none;padding:2.6rem var(--safe-x) 3.8rem}.grid-scroll::-webkit-scrollbar{display:none}.update-note{position:relative;z-index:1;align-self:flex-end;max-width:72%;margin:-2.4rem var(--safe-x) 3.4rem;padding:.6rem 1.8rem;border-radius:1.4rem;background:#0000008c;color:var(--tv-muted);font-size:2.4rem;font-weight:700}.update-note.required{background:var(--warn);color:#1a1a1a}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:3rem}.card{display:block;text-align:left;border-radius:2rem;background:var(--tv-surface);overflow:hidden;border-bottom:.5rem solid var(--a1);transition:transform .12s ease}.card:nth-child(5n+2){border-bottom-color:var(--a2)}.card:nth-child(5n+3){border-bottom-color:var(--a3)}.card:nth-child(5n+4){border-bottom-color:var(--a4)}.card:nth-child(5n+5){border-bottom-color:var(--a5)}.card:focus,.card:hover{transform:scale(1.04);outline:var(--ring) solid var(--tv-focus);outline-offset:.35rem}.thumb{position:relative;aspect-ratio:16 / 9;background:linear-gradient(135deg,#38b6ff,#9b5de5);display:grid;place-items:center;overflow:hidden;color:#1f2340cc}@supports not (aspect-ratio: 16 / 9){.thumb{height:0;padding-top:56.25%}.thumb>*{position:absolute}}.thumb.type-youtube{background:linear-gradient(135deg,#ff6b6b,#ffc928)}.thumb.type-video{background:linear-gradient(135deg,#38b6ff,#9b5de5);color:#fff}.thumb.type-image{background:linear-gradient(135deg,#3cc46b,#38b6ff)}.thumb.type-pdf{background:linear-gradient(135deg,#ffc928,#3cc46b)}.thumb.type-text{background:linear-gradient(135deg,#9b5de5,#ff6b6b);color:#fff}.thumb img{width:100%;height:100%;object-fit:cover;display:block}.thumb-icon{width:30%;height:30%}.badge{position:absolute;display:flex;align-items:center;gap:.6rem;border-radius:999px;font-weight:800}.badge svg{width:2.4rem;height:2.4rem}.badge.type,.badge.pages{bottom:1.2rem;padding:.4rem 1.3rem .4rem .9rem;font-size:2.1rem;background:#121736;color:#fff}.badge.type{left:1.2rem}.badge.pages{right:1.2rem}.badge.warn{right:1.2rem;top:1.2rem;padding:.6rem;background:var(--warn);color:#1a1a1a}.card-title{margin:1.2rem 1.6rem 1.5rem;font-size:2.5rem;font-weight:800;line-height:1.2;min-height:6rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.thumb.type-text{background:radial-gradient(120% 100% at 50% 0%,var(--tv-surface),var(--tv-bg) 70%)}.thumb.type-text .badge{z-index:3;box-shadow:0 0 0 .2rem #ffffff59}.slide-thumb{position:absolute;inset:0;overflow:hidden}.slide-thumb-canvas{position:absolute;left:0;top:0;width:1920px;height:1080px;transform-origin:0 0;color:var(--tv-text);font-family:var(--font-display)}.slide-thumb-ribbon{position:absolute;left:0;right:0;top:0;height:14px;z-index:2}.st-bit{position:absolute;display:block;background:currentColor}.st-bit.dot{border-radius:50%}.st-bit.sq{border-radius:6px}.st-bit.l{left:48px}.st-bit.r{right:48px}.slide-thumb .kd-slide-scroll{overflow:hidden}.slide-thumb-simple{position:absolute;inset:0;z-index:1;display:flex;overflow:hidden}.slide-thumb-simple .text-body{padding:96px 128px}.pairing{position:relative;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.6rem;padding:3.4rem var(--safe-x);background:radial-gradient(120% 100% at 50% 0%,var(--tv-surface),var(--tv-bg) 66%);text-align:center;overflow:hidden}.pairing>*{position:relative;z-index:1}.pairing>.band,.pairing>.tv-ribbon{position:absolute}.pairing-logo{width:13rem;height:13rem}.pairing-title{font-size:5.6rem;line-height:1.05}.pairing-body{display:flex;align-items:center;gap:6rem}.label{margin:0;font-size:2.6rem;font-weight:700;color:var(--tv-muted)}.pairing-code{font-family:var(--font-display);font-size:10rem;font-weight:700;line-height:1;letter-spacing:.22em;padding:.2em .3em .2em .52em;margin:1.2rem 0;color:var(--tv-accent);background:var(--tv-surface);border-radius:2.4rem;border-bottom:.6rem solid var(--a1)}.waiting{font-size:2.6rem;font-weight:700;margin:0;color:var(--tv-muted)}.pairing-qr-box{display:flex;flex-direction:column;align-items:center;gap:1.2rem}.qr{width:23rem;height:23rem;border-radius:1.2rem;display:block}.pairing-url{margin:0;font-size:2.2rem;font-weight:700;color:var(--tv-muted);overflow-wrap:anywhere;max-width:100%}.dot{display:inline-block;width:1.3rem;height:1.3rem;border-radius:50%;background:var(--tv-accent);margin-right:.8rem}@media(prefers-reduced-motion:no-preference){.dot{animation:pulse 1.2s ease-in-out infinite}}@keyframes pulse{0%,to{opacity:.25}50%{opacity:1}}.item-screen{position:fixed;inset:0;background:#000}.yt,.video-wrap,.image-wrap{position:absolute;inset:0}.yt-host,.yt-host iframe{position:absolute;inset:0;width:100%;height:100%;border:0;pointer-events:none}.yt-shield{position:absolute;inset:0;background:transparent}.video-wrap video{width:100%;height:100%;object-fit:contain;background:#000}.image-wrap{display:grid;place-items:center}.image-wrap img{max-width:100%;max-height:100%;width:100%;height:100%;object-fit:contain}.page-indicator{position:absolute;right:var(--safe-x);bottom:3.4rem;background:#121736;color:#fff;padding:.4rem 1.8rem;border-radius:999px;font-size:2.6rem;font-weight:800;border-bottom:.3rem solid var(--a1)}.page-indicator{transition:opacity .4s}.page-indicator.faded{opacity:0}.image-wrap.segmented{display:block;overflow:hidden}.image-wrap.segmented img{position:absolute;left:0;top:0;width:100%;height:auto;max-width:none;max-height:none;object-fit:fill;will-change:transform}.seg-bar{position:absolute;right:.8rem;top:3.4rem;bottom:3.4rem;width:.8rem;border-radius:999px;background:#121736bf;transition:opacity .4s}.seg-bar.faded{opacity:0}.seg-thumb{position:absolute;left:0;right:0;border-radius:999px;background:var(--tv-accent)}.text-slide{position:absolute;inset:0;overflow-y:auto;scrollbar-width:none;display:flex;background:radial-gradient(120% 100% at 50% 0%,var(--tv-surface),var(--tv-bg) 70%)}.text-slide::-webkit-scrollbar{display:none}.text-body{position:relative;z-index:1;margin:auto;padding:6rem 8rem;max-width:100%;text-align:center;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.3;font-family:var(--font-display);font-weight:500}.text-body strong{color:var(--tv-accent);font-weight:700}.rich-slide{position:absolute;inset:0;overflow:hidden;background:radial-gradient(120% 100% at 50% 0%,var(--tv-surface),var(--tv-bg) 70%)}.rich-pages{z-index:2}.rich-pages.with-label{right:auto;left:var(--safe-x)}.overlay{position:absolute;inset:0;pointer-events:none;opacity:0;transition:opacity .2s}.overlay.on{opacity:1}.overlay-top{position:absolute;top:0;left:0;right:0;padding:3.4rem var(--safe-x) 6rem;display:flex;align-items:center;gap:2.4rem;background:linear-gradient(rgba(0,0,0,.8),transparent)}.overlay.on .back-chip{pointer-events:auto}.back-chip{font-family:var(--font-display);font-size:2.8rem;font-weight:600;padding:.5rem 2rem .6rem;border-radius:999px;background:var(--tv-accent);color:#1f2340;border-bottom:.3rem solid #997918}.overlay-title{font-family:var(--font-display);font-size:3.2rem;font-weight:600;text-shadow:0 .1rem .4rem #000;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.overlay-bottom{position:absolute;left:0;right:0;bottom:0;padding:6rem var(--safe-x) 3.4rem;display:flex;align-items:center;gap:2rem;background:linear-gradient(transparent,#000000d9)}.state-icon{width:3.6rem;height:3.6rem;flex:none}.bar{flex:1;height:1.1rem;border-radius:999px;background:#ffffff4d;overflow:hidden}.bar-fill{height:100%;background:var(--tv-accent);border-radius:999px}.exit-hint{position:absolute;top:3.4rem;right:var(--safe-x);z-index:3;display:flex;align-items:center;gap:.8rem;padding:.3rem 1.4rem .3rem 1.2rem;border-radius:999px;background:#121736b8;color:#fff;font-size:1.9rem;font-weight:700;pointer-events:none;opacity:0;transition:opacity .4s}.exit-hint.on{opacity:.9}.exit-key{width:2.8rem;height:2.8rem;flex:none;border-radius:50%;display:grid;place-items:center;background:#fff;color:#1f2340}.exit-key svg{width:1.8rem;height:1.8rem;display:block}.time{font-size:2.6rem;font-weight:800;font-variant-numeric:tabular-nums}.fullcard{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2rem;text-align:center;padding:4rem 10rem;background:radial-gradient(120% 100% at 50% 0%,var(--tv-surface),var(--tv-bg) 70%)}.fullcard h1{font-size:5rem}.fullcard p{margin:0;font-size:2.8rem;font-weight:700;color:var(--tv-muted)}.fullcard-icon{width:9rem;height:9rem;border-radius:50%;background:var(--tv-accent);color:#1f2340;font-family:var(--font-display);font-size:6rem;font-weight:700;display:grid;place-items:center}.finished{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2rem;background:#121736e0}.finished h1{font-size:6rem}.finished p{margin:0;font-size:2.6rem;font-weight:700;color:var(--tv-muted)}.finished-hint{display:flex;align-items:center;gap:.8rem}.finished-hint .exit-key{width:3.4rem;height:3.4rem}.finished-hint .exit-key svg{width:2.2rem;height:2.2rem}.btn{font-family:var(--font-display);font-size:3.2rem;font-weight:600;padding:1rem 3.6rem 1.2rem;border-radius:999px;background:var(--tv-accent);color:#1f2340;border-bottom:.4rem solid #997918}.btn:focus,.btn:hover{outline:var(--ring) solid #fff;outline-offset:.4rem;transform:scale(1.05)}.preview-badge{position:fixed;top:.3rem;right:1rem;z-index:10;padding:.2rem 1rem;border-radius:999px;background:var(--warn);color:#1a1a1a;font-size:1.6rem;font-weight:800;letter-spacing:.1em}.offline{position:fixed;left:var(--safe-x);bottom:2rem;z-index:10;padding:.4rem 1.6rem;border-radius:999px;background:#000c;color:var(--tv-text);font-size:2.2rem;font-weight:700}@media(prefers-reduced-motion:reduce){.card,.btn{transition:none}}.continue-pill{position:fixed;top:3.4rem;right:var(--safe-x);z-index:6;display:flex;align-items:center;gap:1.2rem;padding:.5rem 2rem .6rem 1rem;border-radius:999px;background:var(--tv-accent);color:#1f2340;border-bottom:.3rem solid #997918;font-family:var(--font-display);font-size:2.8rem;font-weight:600;transition:opacity .6s;pointer-events:none}.continue-pill.dim{opacity:.6}.continue-ok{font-family:var(--font-body);font-size:1.6rem;font-weight:800;letter-spacing:.08em;padding:.1rem .9rem;border-radius:999px;background:#1f2340;color:var(--tv-accent)}html.kd-phone-portrait body{display:flex;align-items:center}html.kd-phone-hint body{padding-bottom:var(--kd-hint-h, 72px)}html.kd-phone .preview-badge{top:max(8px,env(safe-area-inset-top));right:max(16px,calc(env(safe-area-inset-right) + 8px));padding:2px 10px;font-size:12px}html.kd-phone-portrait #app{flex:none;height:56.25vw}.kd-hint{position:fixed;left:8px;right:8px;bottom:8px;z-index:50;display:flex;align-items:center;gap:10px;padding:10px 8px 10px 12px;border-radius:14px;background:#fff;color:#1b1b2f;font:600 14px/1.3 system-ui,sans-serif;box-shadow:0 8px 24px #0008;flex-wrap:wrap}.kd-hint-text{flex:1 1 140px}.kd-hint-icon{flex:none}.kd-hint-btn{padding:8px 14px;border-radius:999px;background:#ffc928;color:#1b1b2f;font:800 13px/1.2 system-ui,sans-serif}.kd-hint-x{width:32px;height:32px;border-radius:50%;font-size:22px;line-height:1;color:#4a4f6b}.kd-fs-btn{position:fixed;left:8px;bottom:8px;z-index:50;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#00000073;color:#fff;opacity:.6}.kd-fs-btn:active{opacity:1}.demo-root{display:contents}.demo-shell{position:absolute;inset:0;overflow:hidden}html.demo-outer{color-scheme:light dark;background:transparent}html.demo-outer body,html.demo-outer #app{background:transparent}.demo-tv{position:absolute;box-sizing:border-box;border:8px solid #1f2340;border-radius:14px;background:#000;overflow:hidden;box-shadow:0 0 0 1px #343a66,0 12px 22px -12px #1f2340cc}.demo-sticker-slot{position:absolute;display:flex;align-items:center;justify-content:center;pointer-events:none}.demo-qr{box-sizing:border-box;width:calc(100% - 20px);max-width:250px;display:flex;flex-direction:column;align-items:center;gap:5px;padding:12px;text-align:center;background:#fff;color:#1b1b2f;border-radius:14px;transform:rotate(-3deg);pointer-events:auto;font:600 13px/1.25 var(--font-body);box-shadow:0 14px 28px -14px #1f2340bb,0 0 0 1px #0000001a}.demo-qr-room{font:800 17px/1.1 var(--font-display, var(--font-body))}.demo-qr-cap{font-weight:800;font-size:13px}.demo-qr-img{width:min(100%,220px);min-width:160px;height:auto;display:block}.demo-qr-note{font-weight:600;font-size:12px;color:#7a2e2e}.demo-qr-btn{margin-top:4px;padding:8px 14px;border-radius:999px;border:0;background:#ffc928;color:#1b1b2f;font:800 14px/1.2 var(--font-body);cursor:pointer}.demo-qr-btn:hover,.demo-qr-btn:focus-visible{outline:3px solid #1f2340}.under .demo-qr{display:grid;grid-template-columns:auto 1fr;column-gap:12px;align-items:center;text-align:left;max-width:440px}.under .demo-qr-img{grid-row:1 / span 6;width:160px}.under .demo-qr>*{grid-column:2}.under .demo-qr-img{grid-column:1}.under .demo-qr-btn{justify-self:start}.under.narrow .demo-qr{display:flex;flex-direction:column;text-align:center;max-width:260px}.under.narrow .demo-qr>*{grid-column:auto}.under.narrow .demo-qr-img{width:170px;min-width:0}.under.narrow .demo-qr-btn{justify-self:auto}html.demo-big{background:#0d1130;color-scheme:dark}html.demo-big body,html.demo-big #app{background:#0d1130}.demo-big-panel{position:absolute;display:flex;justify-content:center;padding:0 12px;font-family:var(--font-body)}.demo-big-panel.corner{align-items:center;padding:0 8px;z-index:5}.demo-big-panel .demo-qr{transform:none;position:relative;max-width:300px;width:100%}.demo-big-panel.corner .demo-qr{padding:10px 10px 12px;gap:8px}.demo-big-panel .demo-qr-cap{font-size:14px;line-height:1.25}.demo-big-panel.corner .demo-qr-cap{padding-inline:22px}.demo-big-panel.corner .demo-qr-img{width:clamp(110px,calc(100vh - 140px),260px);max-width:100%;min-width:0}.demo-big-panel.below .demo-qr-img{width:min(62vw,240px)}.demo-qr-min{position:absolute;top:2px;right:4px;width:26px;height:26px;font-size:20px;line-height:1;color:#4a4f6b;background:none;border:0;cursor:pointer}.demo-chip{padding:8px 12px;border-radius:999px;border:0;background:#ffc928;color:#1b1b2f;font:800 13px/1.2 var(--font-body);box-shadow:0 4px 12px #0007;cursor:pointer}.demo-qr-btn:disabled{opacity:.6;cursor:default}.demo-qr-ok{color:#1f7a3a;font-size:15px}html.demo-panel{color-scheme:light dark;background:transparent;font-size:16px}html.demo-panel body,html.demo-panel #app{background:transparent;color:var(--text);overflow:auto;user-select:auto;-webkit-user-select:auto;font-family:var(--font-body);font-size:16px;line-height:1.4}.dp{position:relative;width:100%;height:100%;overflow:hidden}.dp-left{position:absolute;left:0;top:0;display:flex;flex-direction:column}.dp-head{display:flex;align-items:center;gap:12px;flex:none}.dp-label{margin:0;font:800 13px/22px var(--font-body);letter-spacing:.09em;text-transform:uppercase;color:var(--muted)}.dp-btn{display:inline-flex;align-items:center;gap:8px;min-height:32px;padding:4px 14px 4px 10px;border-radius:999px;border:1px solid var(--border);background:var(--surface);color:var(--text);font:700 14px/1 var(--font-body);cursor:pointer}.dp-btn:hover{border-color:var(--muted)}.dp-btn:focus-visible{outline:3px solid #1d5fd0;outline-offset:2px}.dp-full{flex:none;background:transparent;border:2px solid currentColor;min-height:36px}.dp-full:hover{background:var(--surface)}.dp-top{position:absolute;left:0;right:0;top:0;display:flex;align-items:center;justify-content:flex-end;gap:12px;padding-bottom:8px;box-sizing:border-box}.dp-body{position:absolute;left:0;right:0;bottom:0}.dp-status{display:flex;align-items:center;gap:8px;min-width:0;padding:6px 14px;border-radius:999px;border:1px solid var(--border);background:var(--surface);font:700 14px/1.2 var(--font-body);white-space:nowrap}.dp-dot{flex:none;width:10px;height:10px;border-radius:50%;background:var(--muted)}.dp-status.on{border-color:#1f7a3a}.dp-status.on .dp-dot{background:#22a04b;box-shadow:0 0 0 3px #22a04b33}.dp-status.busy .dp-dot{background:#c79400}.dp-st-detail{overflow:hidden;text-overflow:ellipsis;font-weight:500;color:var(--muted);font-variant-numeric:tabular-nums}@media(prefers-color-scheme:dark){.dp-status.on{border-color:#6fdc8c}}.dp-tv{position:relative;flex:none;box-sizing:border-box;border:8px solid #1f2340;border-radius:14px;background:#000;overflow:hidden;box-shadow:0 0 0 1px #343a66,0 12px 22px -12px #1f2340cc}.dp-tv iframe{position:absolute;left:0;top:0;border:0;background:#000;transform-origin:0 0}.dp-blocks{display:flex;gap:14px;flex:none;min-height:0}.dp-block{box-sizing:border-box;padding:10px 16px;display:flex;flex-direction:column;justify-content:center;border:1px solid var(--border);border-radius:16px;background:var(--surface);box-shadow:0 10px 24px -18px #1f2340aa;min-width:0}.dp-block h3{margin:0 0 8px;font:800 15px/1.2 var(--font-display, var(--font-body))}.dp-kbox{flex:1;align-items:center;text-align:center;cursor:pointer}.dp-kb{display:block;width:100%;padding:0;border:0;border-radius:10px;background:none;text-align:center;font:inherit;color:inherit;cursor:pointer}.dp-kb:focus-visible{outline:3px solid #1d5fd0;outline-offset:2px}.dp-kb-touch{flex:1;align-self:center;padding:0 4px}.dp-kb-touch h3{margin:0;font:700 15px/1.3 var(--font-body);color:var(--muted)}.dp-kb-head{display:flex;align-items:center;justify-content:center;gap:10px}.dp-kb-title{font:800 15px/1.2 var(--font-display, var(--font-body))}.dp-pill{display:inline-flex;align-items:center;gap:4px;padding:2px 10px;border-radius:999px;background:#1d5fd0;color:#fff;font:700 12px/1.5 var(--font-body)}.dp-kb-sub{margin-top:4px;font-size:13px;color:var(--muted)}.dp-kb-sub.pulse{animation:dp-pulse 2.4s ease-in-out infinite}@keyframes dp-pulse{50%{opacity:.45}}@media(prefers-reduced-motion:reduce){.dp-kb-sub.pulse{animation:none}.dp-keys .dp-cap{transition:none}}.dp-kbox .dp-cap{background:transparent;color:var(--muted);border-color:var(--muted);transition:background-color .08s,color .08s}.dp-kbox.on .dp-cap{background:#1d5fd0;border-color:#174b9e;color:#fff}.dp-kbox .dp-cap:hover{border-color:#1d5fd0;color:#1d5fd0}.dp-kbox.on .dp-cap:hover{background:#174b9e;color:#fff}.dp-kbox .dp-cap:active{transform:translateY(2px);border-bottom-width:2px}.dp-cap:focus-visible{outline:3px solid #1d5fd0;outline-offset:2px}.dp-kbox .dp-cap.lit,.dp-kbox.on .dp-cap.lit{background:#ffc928;border-color:#c79400;color:#1b1b2f}.dp-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.dp-tv.kb-on,.dp-tv:focus-within{box-shadow:0 0 0 3px #ffc928,0 0 0 6px #1d5fd0}@media(prefers-color-scheme:dark){.dp-tv.kb-on,.dp-tv:focus-within{box-shadow:0 0 0 3px #ffc928,0 0 0 6px #8fb4ff}}.dp-keys{display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-end;gap:10px 14px;margin:10px 0 0}.dp-key-group{display:flex;flex-direction:column;align-items:center;gap:8px;font-size:13px;color:var(--muted);font-weight:600;text-align:center}.dp-keys .dp-cap{cursor:pointer;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;min-width:42px;height:42px;padding:0 10px;border:1px solid var(--border);border-bottom-width:4px;border-radius:9px;font:700 15px/1 var(--font-body)}.dp-keys .dp-cap.wide{min-width:84px}.dp-arrows{display:grid;grid-template-columns:repeat(3,42px);grid-template-rows:repeat(2,42px);gap:4px}.dp-arrows .up{grid-column:2;grid-row:1}.dp-arrows .lf{grid-column:1;grid-row:2}.dp-arrows .dn{grid-column:2;grid-row:2}.dp-arrows .rt{grid-column:3;grid-row:2}.dp-scan{flex:none;align-items:center;justify-content:center;width:204px;text-align:center}.dp-scan h3{white-space:nowrap}.dp-qr{width:140px;height:140px;border-radius:10px;display:block}.dp-note{margin-top:6px;font-size:11px;line-height:1.25;color:var(--muted)}.dp-ok{display:grid;gap:4px;margin:0;text-align:center;font-weight:800;font-size:19px;color:#1f7a3a}@media(prefers-color-scheme:dark){.dp-ok{color:#6fdc8c}}.dp-ok small{font-weight:500;font-size:13px;color:var(--muted)}.dp-side{position:absolute;top:0;display:flex;flex-direction:column;min-width:0}.dp-remote{position:relative;flex:none;margin:0 auto}.dp-remote iframe{position:absolute;left:0;top:0;display:block;box-sizing:content-box;border-style:solid;border-color:#0d1130;border-radius:28px;background:#0d1130;box-shadow:0 20px 50px -20px #000a;transform-origin:0 0}.dp-stacked{height:auto;overflow:visible}.dp-stacked .dp-left,.dp-stacked .dp-side,.dp-stacked .dp-top,.dp-stacked .dp-body{position:static;width:auto;height:auto}.dp-stacked .dp-top{flex-wrap:wrap;height:auto!important;padding-bottom:12px}.dp-stacked .dp-blocks{flex-wrap:wrap;height:auto!important}.dp-stacked .dp-scan{width:100%}.dp-stacked .dp-side{margin-top:12px}.dp-side .dp-head{justify-content:center}.dp-side .dp-label{white-space:nowrap}