:root{--bg:#FBF6F1;--surface:#FFFEFB;--surface-2:#F3EBE3;--line:#E6DAD0;--fg:#2A2627;--fg-soft:#5B5354;--mute:#8A8082;--rose:#B23C55;--rose-soft:#FBDDE3;--teal:#1D6661;--teal-soft:#DCEEEB;--sun:#8C6110;--sun-soft:#FBEDCC;--sky:#3C64A6;--sky-soft:#E1EBF8;--ink:#4B3F8F;--ink-soft:#E6E2F6;--f-display:"Bricolage Grotesque","Trebuchet MS",system-ui,sans-serif;--f-body:"Figtree","Segoe UI",system-ui,sans-serif;--f-hand:"Caveat","Segoe Print",cursive}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#1D1B26;--surface:#262433;--surface-2:#2F2C3E;--line:#3B3850;--fg:#F3EEF2;--fg-soft:#C9C2D0;--mute:#9890A3;--rose:#F28CA0;--rose-soft:#47283A;--teal:#7FD0C8;--teal-soft:#20393A;--sun:#F2C366;--sun-soft:#423620;--sky:#9DBBF0;--sky-soft:#25314A;--ink:#B9AEF2;--ink-soft:#302A4D;color-scheme:dark}}:root[data-theme=dark]{--bg:#1D1B26;--surface:#262433;--surface-2:#2F2C3E;--line:#3B3850;--fg:#F3EEF2;--fg-soft:#C9C2D0;--mute:#9890A3;--rose:#F28CA0;--rose-soft:#47283A;--teal:#7FD0C8;--teal-soft:#20393A;--sun:#F2C366;--sun-soft:#423620;--sky:#9DBBF0;--sky-soft:#25314A;--ink:#B9AEF2;--ink-soft:#302A4D;color-scheme:dark}*{box-sizing:border-box}[hidden]{display:none!important}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--bg);color:var(--fg);font-family:var(--f-body);font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased}a{color:inherit}button{font:inherit;color:inherit;cursor:pointer}:focus-visible{outline:3px solid var(--sky);outline-offset:2px}.skip{position:absolute;left:-999px}.skip:focus{left:16px;top:12px;z-index:50;background:var(--surface);padding:8px 12px;border-radius:10px}.wrap{max-width:1180px;margin:0 auto;padding-inline:max(16px,env(safe-area-inset-left,0px))}.bar{position:sticky;top:0;z-index:20;background:color-mix(in srgb,var(--bg) 92%,transparent);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}.bar .wrap{display:flex;align-items:center;gap:18px;min-height:64px}.logo{display:flex;align-items:center;gap:10px;text-decoration:none;font:800 21px/1 var(--f-display);letter-spacing:-.02em}.logo svg{flex:none}.nav{display:flex;gap:4px;margin-left:auto;align-items:center;flex-wrap:wrap}.nav a{text-decoration:none;font:700 15px/1 var(--f-body);padding:10px 12px;border-radius:10px;color:var(--fg-soft)}.nav a:hover,.nav a[aria-current=page]{background:var(--surface-2);color:var(--fg)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;font:800 15px/1 var(--f-body);padding:12px 18px;border-radius:12px;border:2px solid var(--fg);background:var(--fg);color:var(--bg);transition:transform .15s}.btn:hover{transform:translateY(-2px)}.btn.ghost{background:transparent;color:var(--fg)}.nav .btn{padding:10px 14px;color:var(--bg)}.nav .btn:hover{background:var(--fg);color:var(--bg)}.menu{display:none;margin-left:auto;border:2px solid var(--line);background:var(--surface);border-radius:10px;padding:8px 12px;font-weight:800}@media(max-width:860px){.menu{display:block}.nav{display:none;position:absolute;left:0;right:0;top:64px;background:var(--bg);border-bottom:1px solid var(--line);padding:10px 16px 16px;flex-direction:column;align-items:stretch}.nav.open{display:flex}.nav a{padding:12px}}.kicker{font:800 13px/1 var(--f-body);letter-spacing:.16em;text-transform:uppercase;color:var(--rose)}h1{font:800 clamp(38px,6.6vw,74px)/.98 var(--f-display);letter-spacing:-.035em;margin:12px 0 16px;text-wrap:balance}h1 em,h2 em{font:700 1.05em/1 var(--f-hand);color:var(--rose);font-style:normal;letter-spacing:0}h2{font:800 clamp(28px,4vw,42px)/1.02 var(--f-display);letter-spacing:-.025em;margin:0 0 12px;text-wrap:balance}h3{font:800 20px/1.15 var(--f-display);margin:0}.lead{max-width:64ch;color:var(--fg-soft);font-size:18px;margin:0}.muted{color:var(--mute)}.pills{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0 0;padding:0;list-style:none}.pills li{font:700 14px/1 var(--f-body);padding:9px 14px;border-radius:999px;background:var(--surface-2);color:var(--fg-soft)}.t-teal{--c:var(--teal);--cs:var(--teal-soft)}.t-sky{--c:var(--sky);--cs:var(--sky-soft)}.t-sun{--c:var(--sun);--cs:var(--sun-soft)}.t-rose{--c:var(--rose);--cs:var(--rose-soft)}.t-ink{--c:var(--ink);--cs:var(--ink-soft)}section{padding-block:36px;scroll-margin-top:64px}.card{background:var(--surface);border:1px solid var(--line);border-radius:22px;padding:22px}.grid{display:grid;gap:14px}.g2{grid-template-columns:repeat(2,minmax(0,1fr))}.g3{grid-template-columns:repeat(3,minmax(0,1fr))}.g4{grid-template-columns:repeat(4,minmax(0,1fr))}@media(max-width:900px){.g3,.g4{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.g2,.g3,.g4{grid-template-columns:minmax(0,1fr)}}.tile{display:grid;gap:8px;align-content:start;text-decoration:none;border-radius:18px;padding:18px;background:var(--cs);border:2px solid transparent;transition:transform .15s,border-color .15s;min-width:0}.tile:hover{transform:translateY(-3px);border-color:var(--c)}.tile .wk{font:800 12px/1 var(--f-body);letter-spacing:.14em;text-transform:uppercase;color:var(--c)}.tile b{font:800 21px/1.12 var(--f-display)}.tile span.d{font-size:14px;color:var(--fg-soft)}.show{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:26px;align-items:start;background:var(--surface);border:1px solid var(--line);border-radius:26px;padding:24px}.show .who{display:inline-flex;gap:8px;align-items:center;font:800 12px/1 var(--f-body);letter-spacing:.14em;text-transform:uppercase;color:var(--c)}.show .who i{width:10px;height:10px;border-radius:50%;background:var(--c)}.show h2{margin-top:10px}.show ul{margin:14px 0 18px;padding:0;list-style:none;display:grid;gap:8px}.show li{display:flex;gap:10px;align-items:flex-start;color:var(--fg-soft)}.show li:before{content:"";flex:none;width:18px;height:18px;margin-top:3px;border-radius:6px;background:var(--cs);box-shadow:inset 0 0 0 2px var(--c)}.show .actions{display:flex;gap:10px;flex-wrap:wrap}.show .hand{font:700 22px/1.1 var(--f-hand);color:var(--c);margin:0 0 6px}@media(max-width:900px){.show{grid-template-columns:minmax(0,1fr)}}.frame{position:relative;border-radius:18px;overflow:hidden;background:var(--cs);border:2px solid var(--c);aspect-ratio:4/3;min-height:320px;width:100%}.frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0;background:#fff}.frame .poster{position:absolute;inset:0;display:grid;place-items:center;align-content:center;gap:10px;padding:20px;text-align:center;border:0;background:radial-gradient(circle at 30% 20%,color-mix(in srgb,var(--c) 18%,transparent),transparent 60%),var(--cs);width:100%}.frame .poster b{font:800 24px/1.1 var(--f-display)}.frame .poster .play{width:64px;height:64px;border-radius:50%;background:var(--c);display:grid;place-items:center}.frame .poster .play svg{fill:var(--surface);margin-left:4px}.frame .poster small{color:var(--fg-soft);font-size:14px}.frame .tag{position:absolute;top:12px;right:12px;z-index:2;font:800 11px/1 var(--f-body);letter-spacing:.12em;text-transform:uppercase;background:var(--c);color:var(--surface);padding:6px 9px;border-radius:999px}.framebar{display:flex;justify-content:space-between;gap:10px;margin-top:8px;font-size:14px;color:var(--mute);flex-wrap:wrap}.framebar a{color:var(--c);font-weight:800;text-decoration:none}.items{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}@media(max-width:900px){.items{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.items{grid-template-columns:minmax(0,1fr)}}.item{display:grid;grid-template-columns:auto minmax(0,1fr);gap:4px 12px;align-items:start;background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:14px;text-decoration:none}.item .ic{grid-row:span 2;width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:var(--cs);color:var(--c)}.item b{font:800 17px/1.2 var(--f-display)}.item span{font-size:14px;color:var(--fg-soft)}.item.open{border:2px solid var(--c)}.item.open .free{font:800 11px/1 var(--f-body);letter-spacing:.1em;text-transform:uppercase;color:var(--c);margin-left:6px}a.item:hover{border-color:var(--c)}.plan{display:grid;gap:12px;align-content:start;background:var(--surface);border:1px solid var(--line);border-radius:22px;padding:22px;position:relative}.plan.best{border:2px solid var(--rose)}.plan .badge{position:absolute;top:-12px;left:20px;background:var(--rose);color:var(--surface);font:800 12px/1 var(--f-body);padding:6px 10px;border-radius:999px}.plan .price{font:800 44px/1 var(--f-display);letter-spacing:-.03em}.plan .price small{font:600 16px/1 var(--f-body);color:var(--mute);letter-spacing:0}.plan ul{margin:0;padding-left:20px;color:var(--fg-soft);display:grid;gap:6px}details.q{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:14px 18px}details.q+details.q{margin-top:10px}details.q summary{cursor:pointer;font:800 17px/1.3 var(--f-display);list-style:none;display:flex;gap:10px;align-items:center}details.q summary::-webkit-details-marker{display:none}details.q summary:before{content:"+";flex:none;display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--surface-2);font-weight:800}details.q[open] summary:before{content:"–"}details.q p{color:var(--fg-soft);margin:10px 0 0}.prose{max-width:76ch}.prose h2{font-size:26px;margin-top:34px}.prose p,.prose li{color:var(--fg-soft)}.prose table{border-collapse:collapse;width:100%;font-size:14px;margin:10px 0}.prose th,.prose td{border:1px solid var(--line);padding:8px 10px;text-align:left;vertical-align:top}.prose th{background:var(--surface-2)}.note{background:var(--sun-soft);border-radius:14px;padding:12px 16px;color:var(--fg)}footer{border-top:1px solid var(--line);margin-top:40px;padding-block:28px 40px;color:var(--mute);font-size:14px}footer .cols{display:grid;grid-template-columns:2fr 1fr 1fr;gap:24px}footer h4{font:800 13px/1 var(--f-body);letter-spacing:.12em;text-transform:uppercase;color:var(--fg-soft);margin:0 0 10px}footer ul{list-style:none;margin:0;padding:0;display:grid;gap:6px}footer a{text-decoration:none}footer a:hover{text-decoration:underline;color:var(--fg)}@media(max-width:700px){footer .cols{grid-template-columns:1fr}}.notice{position:fixed;left:16px;right:16px;bottom:16px;z-index:30;max-width:560px;margin-inline:auto;background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:14px 16px;box-shadow:0 12px 30px #00000024;display:flex;gap:12px;align-items:center;font-size:14px;color:var(--fg-soft)}.notice button{flex:none;border:0;background:var(--fg);color:var(--bg);border-radius:10px;padding:9px 14px;font-weight:800}@media(prefers-reduced-motion:reduce){*{transition:none!important}}.form{display:grid;gap:14px}.form label{display:grid;gap:6px;font-weight:700;font-size:15px}.form input[type=text],.form input[type=email],.form input[type=password],.form select{font:inherit;padding:12px 14px;border-radius:12px;border:2px solid var(--line);background:var(--surface);color:var(--fg);width:100%}.form input:focus{border-color:var(--sky);outline:none}.form .check{display:flex;gap:10px;align-items:flex-start;font-weight:500;color:var(--fg-soft)}.form .check input{margin-top:4px;width:18px;height:18px;flex:none}.form .hint{font-weight:500;font-size:13px;color:var(--mute)}.msg{font-weight:700;font-size:15px;min-height:1px}.msg.err{color:var(--rose)}.msg.ok{color:var(--teal)}.btn:disabled{opacity:.6;cursor:wait}.btn.small{padding:8px 12px;font-size:14px;border-radius:10px}.btn.danger{background:var(--rose);border-color:var(--rose);color:var(--surface)}.status{display:flex;gap:14px;align-items:center;flex-wrap:wrap;border-radius:18px;padding:16px 18px}.status.on{background:var(--teal-soft)}.status.off{background:var(--sun-soft)}.status b{font:800 20px/1.2 var(--f-display)}.lib h3{margin:22px 0 10px;display:flex;gap:10px;align-items:center}.lib h3 i{width:12px;height:12px;border-radius:50%;background:var(--c)}.codes{display:grid;gap:10px}.code{display:flex;gap:12px;align-items:center;flex-wrap:wrap;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:12px 14px}.code .c{font:800 24px/1 var(--f-display);letter-spacing:.08em;color:var(--ink)}.code .l{flex:1;min-width:120px;font-weight:700}.player{position:fixed;inset:0;display:grid;grid-template-rows:auto 1fr;background:var(--bg)}.player .pbar{display:flex;gap:12px;align-items:center;padding:8px 16px;border-bottom:1px solid var(--line);background:var(--surface)}.player .pbar b{font:800 18px/1.2 var(--f-display);flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player iframe{width:100%;height:100%;border:0;background:#fff}.admin table{border-collapse:collapse;width:100%;font-size:14px}.admin th,.admin td{border-bottom:1px solid var(--line);padding:8px 6px;text-align:left;vertical-align:top}.admin td .btn{margin:2px}.logo{min-width:0}.logo span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.menu{flex:none}body{overflow-wrap:anywhere}@media(max-width:360px){.logo{font-size:17px}.logo svg{width:28px;height:28px}.bar .wrap{gap:10px}}@media(max-width:360px){.menu{padding:6px 10px}}@media(max-width:300px){.logo{font-size:16px;gap:6px}}