:root{--background:#000;--foreground:#f5f5f5;--card:#0a0a0a;--card-foreground:#f5f5f5;--popover:#0a0a0a;--popover-foreground:#f5f5f5;--primary:#ff2e2e;--primary-foreground:#fff;--secondary:#151515;--secondary-foreground:#eee;--muted:#141414;--muted-foreground:#777;--accent:#1b1b1b;--accent-foreground:#fff;--destructive:#ff4545;--border:#202020;--input:#242424;--ring:#ff2e2e;--radius:1rem}*{box-sizing:border-box}html,body{background:#000;min-height:100%;margin:0}body{color:var(--foreground);font-family:DM Sans,Arial,sans-serif}button,input{font:inherit}.page-shell{isolation:isolate;background:radial-gradient(circle at 50% 44%,#ff2e2e0e,#0000 31%),#000;min-height:100svh;padding:0 clamp(22px,5vw,72px);position:relative;overflow:hidden}.page-shell:before{content:"";z-index:-1;opacity:.2;background-image:linear-gradient(#ffffff06 1px,#0000 1px),linear-gradient(90deg,#ffffff06 1px,#0000 1px);background-size:56px 56px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle,#000,#0000 67%);mask-image:radial-gradient(circle,#000,#0000 67%)}.search-stage{text-align:center;width:min(760px,100%);margin:0 auto;padding:clamp(150px,31vh,310px) 0 100px}h1{color:#f4f4f4;letter-spacing:-.055em;justify-content:center;align-items:center;gap:12px;margin:0 0 36px;font-size:clamp(34px,4.4vw,52px);font-weight:600;line-height:1;display:flex}.youtube-logo{color:#fff;background:#ff2e2e;border-radius:.22em;place-items:center;width:1.06em;height:.74em;display:grid;box-shadow:0 0 16px #ff2e2e29}.youtube-logo svg{width:.38em;height:.38em;margin-left:.06em}.search-wrap{text-align:left;width:min(720px,100%);margin:0 auto;position:relative}.search-form{background:#0a0a0a;border:1px solid #2b2b2b;border-radius:999px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;min-height:58px;padding:6px 7px 6px 21px;transition:border-color .2s,box-shadow .2s;display:grid;box-shadow:0 18px 54px #0000008c}.search-form:focus-within{border-color:#ff2e2e94;box-shadow:0 0 0 4px #ff2e2e12,0 24px 80px #000000b3}.search-icon{color:#666;width:21px}.search-form input{color:#f2f2f2;background:0 0;border:0;outline:0;width:100%;font-size:17px}.search-form input::placeholder{color:#555}.search-form button{color:#fff;cursor:pointer;background:#ff2e2e;border:0;border-radius:50%;place-items:center;width:46px;height:46px;transition:background .15s,transform .15s,opacity .15s;display:grid;box-shadow:0 6px 20px #ff2e2e2e}.search-form button svg{width:19px}.search-form button:hover:not(:disabled){background:#f44;transform:translateY(-1px)}.search-form button:disabled{cursor:default;opacity:.22;box-shadow:none}.suggestions{z-index:5;background:#0a0a0a;border:1px solid #242424;border-radius:18px;width:100%;margin:0;padding:8px;list-style:none;animation:.15s ease-out reveal;position:absolute;top:calc(100% + 10px);left:0;box-shadow:0 28px 80px #000c}.suggestions li{color:#aaa;cursor:pointer;border-radius:12px;grid-template-columns:auto 1fr auto;align-items:center;gap:13px;min-height:48px;padding:0 14px;font-size:14px;display:grid}.suggestions li>svg{color:#555;width:16px}.suggestions li.active{color:#f2f2f2;background:#171717}.suggestions li.active>svg{color:#ff3b3b}.suggestion-arrow{transition:transform .15s}.suggestions li.active .suggestion-arrow{transform:translate(1px,-1px)}footer{color:#3f3f3f;letter-spacing:.025em;justify-content:center;align-items:center;gap:7px;font-size:10px;display:flex;position:absolute;bottom:22px;left:22px;right:22px}footer a{color:#5b5b5b;text-underline-offset:3px;transition:color .15s}footer a:hover,footer a:focus-visible{color:#ff4545}@keyframes reveal{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}@media (max-width:640px){.page-shell{padding-inline:18px}.search-stage{padding-top:clamp(140px,30vh,240px)}h1{margin-bottom:30px;font-size:clamp(32px,10vw,42px)}.search-form{gap:11px;min-height:56px;padding:5px 6px 5px 18px}.search-form input{font-size:15px}.search-form button{width:44px;height:44px}.suggestions li{font-size:13px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}