:root{--glass:#f4ffe2cc;--ease:cubic-bezier(.22,.9,.24,1)}html,body{margin:0;overflow-x:hidden}body{color:#1c2d0c;text-shadow:0 1px #fff9;background:linear-gradient(#e4f78f 0%,#b8e23b 35%,#86c624 70%,#4f9a12 100%) fixed;min-height:100vh;font-family:Open Sans,system-ui,sans-serif}.aero-bg{pointer-events:none;z-index:0;position:fixed;inset:0;overflow:hidden}.swoosh{filter:blur(40px);background:#ffffff59;border-radius:50%;position:absolute}.bubble{will-change:transform;background:radial-gradient(circle at 30% 30%,#fffffff2,#ffffff26 40%,#ffffff0d 70%);border:1px solid #fff9;border-radius:50%;animation:linear infinite rise;position:absolute;bottom:-120px}@keyframes rise{to{transform:translateY(-130vh)}}.glass{background:var(--glass);border:1px solid #fff;border-radius:10px;box-shadow:0 6px 20px #28500a2e,inset 0 1px #fff}.hinge{border-top:4px solid #fff}.btn{cursor:pointer;transition:transform .2s var(--ease), filter .2s;--tone:#fff;color:#1c2d0c;background:linear-gradient(#fff,#eaf6d6);border:1px solid #fff;border-radius:999px;justify-content:center;align-items:center;gap:6px;padding:10px 18px;font-weight:600;display:inline-flex}.btn:hover{filter:brightness(1.05)}.btn:active{transform:scale(.97)}.btn-primary{--tone:#6fbf2a;background:linear-gradient(#a8e544,#4f9a12)}.input{color:#111;background:#fff;border:1px solid #cfe6a8;border-radius:10px;outline:none;width:100%;padding:10px 12px;font-size:16px}.input:focus{border-color:#6fbf2a;box-shadow:0 0 0 3px #6fbf2a80}.lc{text-transform:lowercase;font-weight:300}.kfocus,[data-nav]:focus-visible{box-shadow:0 0 0 5px #6fbf2ab3;outline:2px solid #fff!important}.page{animation:enter .36s var(--ease) both}@keyframes enter{0%{opacity:0;transform:translateY(14px)}}.channels button{text-align:left;color:inherit;cursor:pointer;text-transform:lowercase;transition:all .3s var(--ease);white-space:nowrap;background:0 0;border:0;padding:4px 0;font-size:17px;font-weight:300;display:block}.channels .near{font-size:21px}.channels .cur{font-size:30px;font-weight:700}.channels .cur:after{content:"";vertical-align:middle;background:#fff;border-radius:50%;width:8px;height:8px;margin-left:10px;display:inline-block}.carousel{perspective:1100px;touch-action:pan-y;height:min(58vh,420px);position:relative}.carousel.out{animation:rowout .13s var(--ease) forwards}.carousel.in{animation:rowin .28s var(--ease) both}@keyframes rowout{to{opacity:0;transform:translateY(-20px)}}@keyframes rowin{0%{opacity:0;transform:translateY(24px)}}.blade{cursor:pointer;width:min(78vw,360px);height:100%;transform-style:preserve-3d;transition:transform .55s var(--ease), opacity .55s var(--ease);background:linear-gradient(160deg, color-mix(in srgb, var(--tone) 70%, #fff), var(--tone));color:var(--ink,#1c2d0c);border:2px solid #fff;border-radius:12px;padding:18px 18px 18px 26px;position:absolute;top:0;left:0;overflow:hidden;box-shadow:0 14px 30px #1e3c054d}.blade:before{content:"";pointer-events:none;background:linear-gradient(#ffffff8c,#ffffff14);position:absolute;inset:0 0 50%}.blade:after{content:"";background:linear-gradient(90deg,#fff,#fff6);width:8px;position:absolute;top:0;bottom:0;left:0}.blade.front{box-shadow:0 0 0 4px #ffffffb3,0 0 30px #fffc,0 14px 30px #1e3c054d}.blade .title{text-transform:lowercase;font-size:26px;font-weight:300;line-height:1.1;position:absolute;bottom:16px;left:26px;right:16px}.blade.deep .title,.blade.deep .body{opacity:0}.blade.lime{--tone:#9ad636}.blade.blue{--tone:#2f6fc4;--ink:#fff}.blade.orange{--tone:#f29a1f}.blade.red{--tone:#c7352f;--ink:#fff}.blade.purple{--tone:#7a3fb0;--ink:#fff}.blade.teal{--tone:#2fb5a6}.blade.dark{--tone:#2a3a1c;--ink:#fff}.blade.gray{--tone:#b8bfb0}.blade.blue,.blade.red,.blade.purple,.blade.dark{text-shadow:none}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}