:root{--klipo-color-background:#0b0d18;--klipo-color-surface1:#12152a;--klipo-color-surface2:#171b33;--klipo-color-surface3:#1b1f3a;--klipo-color-surface4:#262b4d;--klipo-color-text:#f4f5fa;--klipo-color-text-muted:#a3a8c3;--klipo-color-text-subtle:#8a8fb0;--klipo-color-accent-start:#ff6a3d;--klipo-color-accent-end:#ff2e7e;--klipo-color-accent-link:#ff7a52;--klipo-color-focus:#fff;--klipo-color-success:#3ddc97;--klipo-color-warning:#ffb454;--klipo-color-danger:#ff6b81;--klipo-color-info:#7db8ff;--klipo-font-family:Outfit, system-ui, sans-serif;--klipo-tv-screen-width:1920px;--klipo-tv-screen-height:1080px;--klipo-tv-safe-margin:120px;--klipo-tv-focus-outline:4px;--klipo-tv-focus-offset:4px;--klipo-tv-radius:16px}*,:before,:after{box-sizing:border-box}body{background:var(--klipo-color-background);min-height:100vh;color:var(--klipo-color-text);font-family:var(--klipo-font-family);margin:0;font-size:16px}h1,p{margin:0}.top{border-bottom:1px solid var(--klipo-color-surface4);padding:18px 20px}.brand{font-size:22px;font-weight:700}.brand-tv{background:linear-gradient(90deg, var(--klipo-color-accent-start), var(--klipo-color-accent-end));color:#0000;-webkit-background-clip:text;background-clip:text}main{flex-direction:column;gap:16px;max-width:480px;margin:0 auto;padding:20px 16px 48px;display:flex}.panel{flex-direction:column;gap:16px;display:flex}.panel h1{font-size:26px}.muted{color:var(--klipo-color-text-muted);line-height:1.5}.small{font-size:13px}.mono{font-family:ui-monospace,Menlo,monospace;font-size:13px}.steps{color:var(--klipo-color-text-subtle);gap:8px;margin:0;padding:0;font-size:12px;list-style:none;display:flex}.steps li{border-top:3px solid var(--klipo-color-surface4);flex:1;padding-top:8px}.steps .is-current,.steps .is-done{color:var(--klipo-color-text);border-top-color:var(--klipo-color-accent-start)}.tv-card{background:var(--klipo-color-surface2);border:1px solid var(--klipo-color-surface4);border-radius:16px;flex-direction:column;gap:4px;padding:16px;display:flex}.eyebrow{letter-spacing:.08em;color:var(--klipo-color-text-subtle);font-size:11px}.toggle{background:var(--klipo-color-surface1);border-radius:14px;padding:4px;display:flex}.toggle button{min-height:44px;color:var(--klipo-color-text-muted);font:inherit;background:0 0;border:0;border-radius:10px;flex:1;font-weight:600}.toggle .is-current{background:var(--klipo-color-surface3);color:var(--klipo-color-text)}.plans{flex-direction:column;gap:10px;display:flex}.plan{text-align:left;border:1px solid var(--klipo-color-surface4);background:var(--klipo-color-surface2);color:var(--klipo-color-text);font:inherit;border-radius:16px;flex-direction:column;gap:6px;padding:16px;display:flex}.plan.is-current{border-color:var(--klipo-color-accent-start);box-shadow:0 0 0 1px var(--klipo-color-accent-start)}.plan-head{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.price{font-variant-numeric:tabular-nums;font-weight:700}.price small{color:var(--klipo-color-text-subtle);font-weight:400}.form{flex-direction:column;gap:14px;display:flex}.field{color:var(--klipo-color-text-muted);flex-direction:column;gap:6px;font-size:14px;display:flex}input,textarea{border:1px solid var(--klipo-color-surface4);background:var(--klipo-color-surface1);min-height:48px;color:var(--klipo-color-text);font:inherit;border-radius:12px;padding:0 14px}textarea{word-break:break-all;padding:12px 14px;font-family:ui-monospace,Menlo,monospace;font-size:13px}.check{align-items:flex-start;gap:10px;font-size:14px;line-height:1.4;display:flex}.check input{flex:none;width:20px;height:20px;min-height:0}.button{border:1px solid var(--klipo-color-surface4);min-height:52px;color:var(--klipo-color-text);font:inherit;background:0 0;border-radius:14px;font-weight:700}.button-primary{background:linear-gradient(90deg, var(--klipo-color-accent-start), var(--klipo-color-accent-end));border:0}.button:disabled{opacity:.5}.button-link{color:var(--klipo-color-accent-link);font:inherit;background:0 0;border:0;text-decoration:underline}.amount{color:var(--klipo-color-text-muted);justify-content:space-between;align-items:baseline;display:flex}.amount strong{color:var(--klipo-color-text);font-size:28px}.facts{grid-template-columns:auto 1fr;gap:8px 16px;margin:0;font-size:14px;display:grid}.facts dt{color:var(--klipo-color-text-subtle)}.facts dd{text-align:right;margin:0}.error{color:var(--klipo-color-danger)}:focus-visible{outline:2px solid var(--klipo-color-focus);outline-offset:2px}.field-row{gap:8px;display:flex}.field-row input{flex:1;min-width:0}.field-toggle{flex:none;min-height:48px;padding:0 14px;font-size:14px}.doc h2{margin:8px 0 0;font-size:18px}.doc section{flex-direction:column;gap:8px;display:flex}.doc ul{color:var(--klipo-color-text-muted);margin:0;padding-left:20px;line-height:1.5}.doc li+li{margin-top:6px}a{color:var(--klipo-color-accent-link)}.bottom{border-top:1px solid var(--klipo-color-surface4);flex-direction:column;gap:8px;margin-top:16px;padding-top:16px;display:flex}.bottom nav{flex-wrap:wrap;gap:16px;font-size:14px;display:flex}.notice{border:1px solid var(--klipo-color-surface4);background:var(--klipo-color-surface2);color:var(--klipo-color-text-muted);border-radius:12px;padding:12px 14px;line-height:1.5}main.wide{max-width:980px}.home{flex-direction:column;gap:72px;display:flex}.hero{text-align:center;flex-direction:column;align-items:center;gap:16px;padding-top:24px;display:flex;position:relative}.hero:before{content:"";pointer-events:none;z-index:-1;background:radial-gradient(40% 55% at 30% 40%,#ff6a3d38 0%,#0a0c1800 70%),radial-gradient(40% 55% at 70% 45%,#ff2d8233 0%,#0a0c1800 70%);width:120%;max-width:1100px;height:520px;position:absolute;top:-80px;left:50%;transform:translate(-50%)}.hero .eyebrow{border:1px solid var(--klipo-color-surface4);background:var(--klipo-color-surface2);color:var(--klipo-color-text-muted);border-radius:999px;padding:6px 12px;font-size:12px}.hero h1{max-width:820px;font-size:32px;line-height:1.15}.hero-text{max-width:720px;color:var(--klipo-color-text-muted);font-size:17px;line-height:1.55}.hero .notice{text-align:left;max-width:820px;font-size:14px}@media (width>=720px){.hero h1{font-size:48px}}.center{text-align:center}.showcase{flex-direction:column;gap:14px;width:100%;margin-top:12px;display:flex}.home-block{flex-direction:column;gap:14px;display:flex}.home-block h2,.feature-text h2{margin:0;font-size:24px;line-height:1.2}@media (width>=720px){.home-block h2,.feature-text h2{font-size:30px}}.reveal{transition:opacity .6s,transform .6s}.reveal.is-waiting{opacity:0;transform:translateY(24px)}@media (prefers-reduced-motion:reduce){.reveal.is-waiting{opacity:1;transform:none}}.feature-row{flex-direction:column;gap:24px;display:flex}.feature-text{flex-direction:column;gap:12px;line-height:1.55;display:flex}.visual{width:100%}@media (width>=820px){.feature-row{flex-direction:row;align-items:center;gap:56px}.feature-row.is-flipped{flex-direction:row-reverse}.feature-text,.visual{flex:1;min-width:0}}.badge{color:#fff;background:linear-gradient(90deg, var(--klipo-color-accent-start), var(--klipo-color-accent-end));border-radius:999px;align-self:flex-start;padding:5px 12px;font-size:12px;font-weight:700}.checks{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.checks li{align-items:center;gap:10px;display:flex}.checks .mock-svg{width:18px;height:18px;color:var(--klipo-color-accent-start)}.visual-sync,.visual-keep{align-items:center;gap:10px;display:flex}.mini-tv{flex-direction:column;flex:1;align-items:center;gap:8px;min-width:0;display:flex}.mini-tv .tv-screen{box-shadow:0 12px 28px #00000073}.mock.mini-mock{flex-direction:column;gap:.6em;padding:1.4em 1.6em;font-size:5.2cqw}.mini-card{flex-direction:column;flex:1;gap:.35em;width:72%;min-height:0;display:flex}.mini-tv-label{color:var(--klipo-color-text-muted);font-size:13px}.sync-link{flex-direction:column;flex:none;align-items:center;gap:6px;margin-bottom:24px;display:flex}.sync-icon{color:#fff;background:linear-gradient(135deg, var(--klipo-color-accent-start), var(--klipo-color-accent-end));border-radius:50%;padding:10px;animation:6s linear infinite spin;display:flex}.sync-icon .mock-svg{width:20px;height:20px}.sync-dot{background:var(--klipo-color-accent-start);border-radius:50%;width:5px;height:5px;animation:1.6s ease-in-out infinite pulse}.sync-dot:last-child{animation-delay:.8s}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:.25}50%{opacity:1}}@media (prefers-reduced-motion:reduce){.sync-icon,.sync-dot{animation:none}}.mock.mock-who{flex-direction:column;justify-content:center;align-items:center;gap:1.6em;font-size:2.6cqw}.mock-who-title{font-size:1.7em;font-weight:700}.mock-who-row{gap:1.6em;display:flex}.mock-who-item{color:var(--klipo-color-text-muted);flex-direction:column;align-items:center;gap:.6em;display:flex}.mock-who-avatar{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:4.4em;height:4.4em;font-size:1.2em;font-weight:700;display:flex}.mock-who-avatar-1{background:linear-gradient(135deg,#ff6a3d,#ff2d82)}.mock-who-avatar-2{background:linear-gradient(135deg,#4d7cff,#7a4dff)}.mock-who-avatar-3{background:linear-gradient(135deg,#1fb5a3,#2f7de1)}.mock-who-avatar-4{background:linear-gradient(135deg,#e0a63a,#e0603a)}.mock-who-item.is-current{color:var(--klipo-color-text)}.mock-who-item.is-current .mock-who-avatar{box-shadow:0 0 0 3px var(--klipo-color-background), 0 0 0 6px #fff}.keep-tv{border:1px solid var(--klipo-color-surface4);background:var(--klipo-color-surface2);border-radius:16px;flex-direction:column;flex:1;align-items:center;gap:10px;min-width:0;padding:18px 14px 14px;display:flex}.keep-tv.is-old{opacity:.45}.keep-star{color:var(--klipo-color-accent-start);display:flex}.keep-star .mock-svg{fill:currentColor;width:26px;height:26px}.keep-lines{gap:6px;width:100%;display:flex}.keep-lines .mock-art{height:64px}.keep-code{flex-direction:column;flex:none;align-items:center;gap:4px;display:flex}.keep-code-label{color:var(--klipo-color-text-subtle);font-size:11px}.keep-code-value{border:1px dashed var(--klipo-color-accent-start);border-radius:10px;padding:6px 10px;font-family:ui-monospace,Menlo,monospace;font-size:13px}.keep-arrow{color:var(--klipo-color-accent-start);display:flex}.stats{flex-wrap:wrap;gap:12px;display:flex}.stat{border:1px solid var(--klipo-color-surface4);background:var(--klipo-color-surface2);border-radius:16px;flex-direction:column;flex:40%;gap:4px;padding:18px;display:flex}.stat strong{font-variant-numeric:tabular-nums;background:linear-gradient(90deg, var(--klipo-color-accent-start), var(--klipo-color-accent-end));color:#0000;-webkit-background-clip:text;background-clip:text;font-size:34px;line-height:1.1}.visual-compat{justify-content:center;display:flex}.old-tv{flex-direction:column;align-items:center;width:70%;max-width:320px;display:flex}.old-tv-screen{border:10px solid var(--klipo-color-surface3);background:var(--klipo-color-surface1);width:100%;color:var(--klipo-color-text-muted);border-radius:14px;flex-direction:column;align-items:center;gap:4px;padding:16% 0;display:flex}.old-tv-screen strong{color:var(--klipo-color-text);font-size:46px;line-height:1}.old-tv-foot{background:var(--klipo-color-surface3);border-radius:0 0 10px 10px;width:40%;height:10px}.tv{flex-direction:column;align-items:center;display:flex}.tv-screen{text-align:left;border:1px solid var(--klipo-color-surface4);background:var(--klipo-color-surface1);border-radius:14px;width:100%;padding-top:56.25%;animation:.45s screen-in;display:block;position:relative;overflow:hidden;box-shadow:0 18px 40px #00000073;container-type:inline-size}@keyframes screen-in{0%{opacity:.2}}.mock{background:var(--klipo-color-background);width:100%;height:100%;font-size:1.42cqw;display:flex;position:absolute;top:0;left:0}.mock-svg{flex:none;width:1.5em;height:1.5em}.mock-rail{background:var(--klipo-color-surface1);width:7.5%;color:var(--klipo-color-text-subtle);flex-direction:column;flex:none;align-items:center;gap:.55em;padding-top:.9em;display:flex}.mock-brand{color:var(--klipo-color-text);margin-bottom:.9em;font-size:1.1em;font-weight:700}.mock-brand-full{font-size:1.5em}.mock-rail-item{border-radius:.7em;justify-content:center;align-items:center;width:2.6em;height:2.6em;display:flex}.mock-rail-item.is-current,.mock-menu-item.is-current,.mock-cat.is-current{background:linear-gradient(90deg, var(--klipo-color-accent-start), var(--klipo-color-accent-end));color:#fff}.mock-body{flex-direction:column;flex:1;gap:.5em;min-width:0;padding:.9em 1em;display:flex}.mock-top{color:var(--klipo-color-text-muted);justify-content:space-between;align-items:center;display:flex}.mock-profile{align-items:center;gap:.5em;display:flex}.mock-avatar{background:linear-gradient(135deg, var(--klipo-color-accent-start), var(--klipo-color-accent-end));border-radius:50%;flex:none;width:1.5em;height:1.5em}.mock-row-title{color:var(--klipo-color-text);font-weight:600}.mock-row{flex:0 0 36%;gap:.7em;min-height:0;display:flex;overflow:hidden}.mock-card{flex-direction:column;flex:none;gap:.35em;width:27%;display:flex}.mock-row-posters{flex:1}.mock-row-posters .mock-card{width:15%}.mock-art{background:var(--klipo-color-surface3);border-radius:6px;flex:1;min-height:0;display:block;position:relative}.mock-art-1{background:linear-gradient(140deg,#2b3566,#11162f)}.mock-art-2{background:linear-gradient(140deg,#4a2550,#17122c)}.mock-art-3{background:linear-gradient(140deg,#1f4a52,#0f1d2c)}.mock-art-4{background:linear-gradient(140deg,#5a3a22,#221528)}.mock-progress{background:#ffffff40;border-radius:2px;height:3px;position:absolute;bottom:8%;left:8%;right:8%}.mock-progress span{background:var(--klipo-color-accent-start);border-radius:2px;height:100%;display:block}.mock-card-title{color:var(--klipo-color-text-muted);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.mock-dim{background:#05060d9e;position:absolute;inset:0}.mock-menu{background:var(--klipo-color-surface1);width:30%;color:var(--klipo-color-text-muted);flex-direction:column;gap:.25em;padding:.9em .9em .7em;display:flex;position:absolute;top:0;bottom:0;left:0;box-shadow:12px 0 30px #00000080}.mock-menu .mock-brand{margin-bottom:.4em}.mock-menu-profile{background:var(--klipo-color-surface3);border-radius:.8em;align-items:center;gap:.6em;margin-bottom:.5em;padding:.5em .6em;display:flex}.mock-menu-profile .mock-avatar{width:2em;height:2em}.mock-menu-profile-text{flex-direction:column;min-width:0;line-height:1.25;display:flex}.mock-menu-profile-text strong{color:var(--klipo-color-text)}.mock-menu-profile-text span{font-size:.85em}.mock-menu-item{white-space:nowrap;border-radius:.7em;align-items:center;gap:.7em;padding:.42em .6em;display:flex}.mock-menu-line{background:var(--klipo-color-surface4);height:1px;margin:.2em 0}.mock-menu-foot{color:var(--klipo-color-text-subtle);margin-top:auto;font-size:.85em}.mock-cats{background:var(--klipo-color-surface2);width:24%;color:var(--klipo-color-text-muted);flex-direction:column;flex:none;gap:.25em;padding:.9em .6em;display:flex;overflow:hidden}.mock-cat{border-radius:.7em;flex-direction:column;padding:.4em .7em;line-height:1.25;display:flex}.mock-cat-name{white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.mock-cat-count{opacity:.8;font-size:.8em}.mock-search{background:var(--klipo-color-surface3);color:var(--klipo-color-text-subtle);border-radius:999px;flex:none;align-items:center;gap:.6em;padding:.5em .9em;display:flex}.mock-grid{flex-wrap:wrap;flex:1;align-content:flex-start;min-height:0;margin:0 -.3em;display:flex;overflow:hidden}.mock-channel{flex-direction:column;gap:.3em;width:25%;height:33.33%;padding:.3em;display:flex}.mock-logo{color:#ffffff8c;border-radius:.6em;flex:1;justify-content:center;align-items:center;min-height:0;font-size:1.5em;font-weight:700;display:flex}.mock-channel.is-current .mock-logo,.mock-cell.is-current .mock-art{box-shadow:0 0 0 2px var(--klipo-color-background), 0 0 0 4px var(--klipo-color-accent-start)}.mock-channel.is-current .mock-card-title,.mock-cell.is-current .mock-card-title{color:var(--klipo-color-text)}.mock-cell{width:20%;height:50%;padding:.3em;display:flex}.mock-cell .mock-card{flex:1;width:auto}.mock-settings-title{flex:none;align-items:center;gap:.5em;font-size:1.4em;font-weight:700;display:flex}.mock-columns{flex:1;gap:1em;min-height:0;display:flex;overflow:hidden}.mock-column{flex-direction:column;flex:1;gap:.75em;min-width:0;display:flex}.mock-section{flex-direction:column;gap:.35em;display:flex}.mock-section-title{letter-spacing:.06em;text-transform:uppercase;color:var(--klipo-color-text-subtle);font-size:.8em}.mock-setting{background:var(--klipo-color-surface3);border-radius:.7em;align-items:center;gap:.5em;padding:.72em .8em;display:flex}.mock-setting.is-current{background:var(--klipo-color-surface4);box-shadow:0 0 0 2px var(--klipo-color-accent-start)}.mock-setting-label{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.mock-setting-value{white-space:nowrap;text-overflow:ellipsis;max-width:48%;color:var(--klipo-color-text-muted);flex:none;overflow:hidden}.mock-setting .mock-svg{width:1em;height:1em;color:var(--klipo-color-text-subtle)}.mock-details,.mock-player{display:block;position:absolute}.mock-backdrop{background:linear-gradient(90deg,#0b0e1f 32%,#0b0e1f00 72%),linear-gradient(#0b0e1f00 42%,#0b0e1f 94%),linear-gradient(120deg,#242a63 10%,#4b2a63 55%,#16304a 100%);position:absolute;inset:0}.mock-detail-body{flex-direction:column;gap:.55em;width:50%;display:flex;position:absolute;top:14%;left:6%}.mock-detail-title{font-size:2.4em;font-weight:700;line-height:1.1}.mock-detail-meta{color:var(--klipo-color-text-subtle)}.mock-detail-text{color:var(--klipo-color-text-muted);line-height:1.45}.mock-buttons{gap:.6em;margin-top:.3em;display:flex}.mock-button{color:var(--klipo-color-text-muted);background:#ffffff1f;border-radius:999px;align-items:center;gap:.45em;padding:.5em 1em;display:flex}.mock-button .mock-svg{width:1.1em;height:1.1em}.mock-button.is-current{background:linear-gradient(90deg, var(--klipo-color-accent-start), var(--klipo-color-accent-end));color:#fff}.mock-poster{background:linear-gradient(140deg,#4a3785,#141a38);border-radius:10px;width:20%;padding-top:30%;position:absolute;top:12%;right:7%;box-shadow:0 14px 30px #0000008c}.mock-related{flex-direction:column;gap:.4em;height:30%;display:flex;position:absolute;bottom:6%;left:6%;right:6%}.mock-row-related{flex:1}.mock-row-related .mock-card{width:17%}.mock-stage{background:radial-gradient(45% 55% at 32% 38%,#5e80d680 0%,#080a1600 70%),radial-gradient(40% 50% at 72% 62%,#b0568673 0%,#080a1600 70%),linear-gradient(#0a0d1c 0%,#05060d 100%);position:absolute;inset:0}.mock-player-clock{position:absolute;top:7%;right:6%}.mock-controls{flex-direction:column;gap:.5em;display:flex;position:absolute;bottom:7%;left:6%;right:6%}.mock-player-title{font-size:1.5em;font-weight:700}.mock-bar{background:#ffffff38;border-radius:3px;height:4px;position:relative}.mock-bar-fill{background:linear-gradient(90deg, var(--klipo-color-accent-start), var(--klipo-color-accent-end));border-radius:3px;width:36%;height:100%;display:block}.mock-bar-dot{background:#fff;border-radius:50%;width:10px;height:10px;margin:-5px 0 0 -5px;position:absolute;top:50%;left:36%}.mock-times{color:var(--klipo-color-text-muted);justify-content:space-between;display:flex}.mock-keys{justify-content:center;gap:1.2em;margin-top:.3em;display:flex}.mock-key{background:#ffffff1f;border-radius:50%;justify-content:center;align-items:center;width:2.6em;height:2.6em;display:flex}.mock-key .mock-svg{width:1.2em;height:1.2em}.mock-key-back .mock-svg{transform:scaleX(-1)}.mock-key.is-current{background:linear-gradient(135deg, var(--klipo-color-accent-start), var(--klipo-color-accent-end))}.tabs{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.tabs button{border:1px solid var(--klipo-color-surface4);min-height:40px;color:var(--klipo-color-text-muted);font:inherit;background:0 0;border-radius:999px;padding:0 14px}.tabs .is-current{background:var(--klipo-color-surface3);color:var(--klipo-color-text)}.steps-list{flex-direction:column;gap:16px;margin:0;padding:0;list-style:none;display:flex}.steps-list li{flex-direction:column;gap:4px;padding-left:44px;line-height:1.5;display:flex;position:relative}.step-number{text-align:center;background:var(--klipo-color-surface3);border-radius:50%;width:30px;height:30px;font-weight:700;line-height:30px;position:absolute;top:0;left:0}.features,.plans-grid{flex-wrap:wrap;gap:12px;display:flex}.feature{border:1px solid var(--klipo-color-surface4);background:var(--klipo-color-surface2);border-radius:14px;flex-direction:column;flex:260px;gap:4px;padding:16px;line-height:1.45;display:flex}.home .plans{flex-flow:wrap}.home .plan{flex:220px}.faq{flex-direction:column;gap:8px;display:flex}.faq details{border:1px solid var(--klipo-color-surface4);background:var(--klipo-color-surface2);border-radius:14px;padding:14px 16px}.faq summary{cursor:pointer;font-weight:600}.faq p{margin-top:8px;line-height:1.5}