:root{--bg:#0c0714;--bg2:#150d22;--line:#2b1d40;--tx:#f6f1ff;--mut:#a99bc4;--pink:#ff2d95;--pur:#8b3dff;--org:#ff8a3d;--h:"Bricolage Grotesque","Arial Narrow",Arial,sans-serif;--b:"DM Sans",system-ui,sans-serif;box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px);color-scheme:dark}*,:before,:after{box-sizing:inherit}html{scroll-padding-top:env(safe-area-inset-top,0px)}body{background:var(--bg);color:var(--tx);font:400 16px/1.6 var(--b);margin:0}a{color:inherit;text-decoration:none}:focus-visible{outline:2px solid var(--org);outline-offset:3px}.wrap{max-width:1160px;margin:0 auto;padding:0 20px}header{top:env(safe-area-inset-top,0px);z-index:5;backdrop-filter:blur(10px);border-bottom:1px solid var(--line);background:#0c0714eb;position:sticky}body:before{content:"";height:env(safe-area-inset-top,0px);z-index:10;background:#0c0714eb;position:fixed;inset:0 0 auto}.bar{flex-wrap:wrap;align-items:center;gap:18px;min-height:64px;padding:8px 20px;display:flex}.logo{font:800 19px var(--h);letter-spacing:-.01em;align-items:center;gap:10px;display:flex}.logo img{flex:none;width:auto;height:30px}nav{flex-wrap:wrap;gap:4px;margin-left:auto;display:flex}nav a{color:var(--mut);border-radius:8px;padding:6px 11px;font-size:15px;font-weight:500}nav a:hover,nav a.on{color:var(--tx);background:var(--bg2)}.sf{display:flex}.sf input{width:150px}input,textarea,select{background:var(--bg2);border:1px solid var(--line);color:var(--tx);font:inherit;border-radius:8px;width:100%;padding:10px 12px}.sf input{padding:7px 10px}.btn{cursor:pointer;font:700 15px var(--b);background:var(--pink);color:#fff;border:0;border-radius:999px;padding:12px 22px;display:inline-block}.btn:hover{background:#ff4aa5}.btn.alt{border:1.5px solid var(--pur);color:var(--tx);background:0 0}.btn.alt:hover{background:var(--pur)}.hero{border-bottom:1px solid var(--line);padding:72px 0 56px;position:relative;overflow:hidden}.hero h1{font:800 clamp(40px,9vw,92px)/.95 var(--h);letter-spacing:-.03em;max-width:12ch;margin:0 0 20px}.hero p{color:var(--mut);max-width:48ch;margin:0 0 28px;font-size:18px}.hero .cta{flex-wrap:wrap;gap:12px;display:flex}.rec{font:700 13px var(--b);color:var(--mut);align-items:center;gap:8px;display:flex;position:absolute;top:24px;right:20px}.rec i{background:var(--pink);border-radius:50%;width:11px;height:11px;animation:1.4s steps(2,end) infinite blink}@keyframes blink{50%{opacity:.15}}.palms{opacity:.5;pointer-events:none;width:min(46vw,420px);position:absolute;bottom:-10px;right:-30px}sec,section{display:block}.sec{padding:48px 0}.sec h2{font:800 clamp(26px,4vw,36px) var(--h);letter-spacing:-.02em;margin:0 0 22px}.row{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.row a{color:var(--org);font-weight:700}.grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:18px;display:grid}.card{background:var(--bg2);border:1px solid var(--line);border-radius:12px;flex-direction:column;display:flex;overflow:hidden}.card:hover{border-color:var(--pur)}.th{aspect-ratio:16/9;align-items:flex-end;padding:10px;display:flex;position:relative}.th b{background:#000000bf;border-radius:5px;padding:2px 7px;font-size:12px;position:absolute;bottom:10px;right:10px}.th em{font:800 15px var(--h);opacity:.9;font-style:normal}.card .in{flex-direction:column;flex:1;gap:6px;padding:14px 16px 16px;display:flex}.card h3{font:700 17px/1.25 var(--b);margin:0}.card p{color:var(--mut);margin:0;font-size:14px}.meta{color:var(--mut);font-size:13px}.tag{color:var(--org);font-weight:700}.cats{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:12px;display:grid}.cat{border:1px solid var(--line);background:var(--bg2);font:700 18px var(--h);border-left:4px solid var(--c);border-radius:12px;padding:22px 18px}.cat:hover{background:var(--c);color:#fff}.yt{background:var(--bg2);border:1px solid var(--line);border-radius:16px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;padding:36px;display:flex}.yt h2{margin:0 0 6px}.yt p{color:var(--mut);margin:0}.tools{flex-wrap:wrap;gap:10px;margin-bottom:22px;display:flex}.tools input{flex:220px}.tools select{width:auto}.chips{flex-wrap:wrap;gap:8px;margin-bottom:22px;display:flex}.chip{border:1px solid var(--line);color:var(--mut);cursor:pointer;font:500 14px var(--b);background:0 0;border-radius:999px;padding:6px 13px}.chip.on{background:var(--pur);border-color:var(--pur);color:#fff}.player{aspect-ratio:16/9;text-align:center;color:var(--mut);background:#000;border-radius:12px;place-items:center;margin-bottom:18px;display:grid;position:relative;overflow:hidden}.player.v{aspect-ratio:9/16;max-width:360px;margin-inline:auto}.player iframe{border:0;width:100%;height:100%;position:absolute;inset:0}.two{grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:32px;display:grid}.note{border-left:3px solid var(--pink);background:var(--bg2);border-radius:0 10px 10px 0;margin:20px 0;padding:14px 16px}.ad{border:1px dashed var(--line);border-radius:8px;min-height:90px;margin:24px 0;display:none}.prose{max-width:68ch}.prose h1{font:800 clamp(30px,5vw,44px) var(--h);letter-spacing:-.02em}.prose h2{font:700 20px var(--h);margin-top:28px}.ph{color:var(--org);background:#ff8a3d26;border-radius:5px;padding:1px 6px}form{gap:14px;max-width:620px;display:grid}label{gap:5px;font-size:14px;font-weight:500;display:grid}label.ck{align-items:flex-start;gap:10px;font-weight:400;display:flex}label.ck input{width:auto;margin-top:5px}.err{color:#ff7b9c;min-height:1em;font-size:13px}.hp{position:absolute;left:-9999px}footer{border-top:1px solid var(--line);color:var(--mut);margin-top:40px;padding:32px 0 40px;font-size:14px}footer nav{margin:0 0 14px -11px}.demo{background:var(--org);color:#1b0d00;text-align:center;font:700 13px var(--b);padding:5px 12px}.empty{color:var(--mut);padding:48px 0}@media (width<=820px){.two{grid-template-columns:1fr}.bar{gap:6px 12px;min-height:0}.logo{order:1}.sf{flex:1;order:2;min-width:0}.sf input{width:100%}header nav{scrollbar-width:none;flex-wrap:nowrap;order:3;width:calc(100% + 40px);margin:0 -20px;padding:0 20px;overflow-x:auto}header nav a{white-space:nowrap}.logo{font-size:17px}.logo img{height:26px}.sf input{min-width:0}.palms{opacity:.25}}@media (prefers-reduced-motion:reduce){.rec i{animation:none}}[hidden]{display:none!important}.th img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.th b{z-index:1}.cat{display:block}