*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;overflow:hidden}body{font-family:system-ui,-apple-system,sans-serif;background:radial-gradient(60% 55% at 50% 45%,rgba(168,85,247,.14),transparent 70%),radial-gradient(40% 40% at 15% 20%,rgba(34,211,238,.08),transparent 70%),radial-gradient(40% 40% at 85% 80%,rgba(244,114,182,.08),transparent 70%),#0b0c10}#scene{position:fixed;inset:0;overflow:hidden}.pill{position:absolute;left:0;top:0;transform:translate(-9999px,-9999px);will-change:transform;display:flex;align-items:center;gap:8px;background:color-mix(in srgb,var(--c) 8%,#14151b);color:color-mix(in srgb,var(--c) 60%,#fff);border:1px solid color-mix(in srgb,var(--c) 35%,transparent);border-radius:999px;padding:7px 15px;font-size:14px;line-height:1;white-space:nowrap;user-select:none;box-shadow:0 0 12px color-mix(in srgb,var(--c) 20%,transparent)}.mid{font-size:24px;font-style:italic;padding:12px 26px;gap:12px;border-width:2px}.mid .dot{width:11px;height:11px}.dot{width:7px;height:7px;border-radius:50%;background:var(--c);box-shadow:0 0 8px var(--c),0 0 4px var(--c);flex:none}.hero{gap:16px;padding:16px 40px;font-size:clamp(24px,5vw,60px);font-weight:700;border-width:2px;box-shadow:0 0 50px color-mix(in srgb,var(--c) 35%,transparent);z-index:1000}.hero .dot{width:clamp(13px,1.6vw,18px);height:clamp(13px,1.6vw,18px);box-shadow:0 0 18px var(--c),0 0 9px var(--c)}.icon{position:absolute;left:0;top:0;transform:translate(-9999px,-9999px);will-change:transform;display:inline-block;line-height:1;user-select:none}.icon.logo{background:#fff;border-radius:14px;padding:8px;box-shadow:0 6px 16px #00000073}.icon.logo img{display:block;width:40px;height:40px;object-fit:contain;-webkit-user-drag:none}.rickroll{position:fixed;top:3vh;left:50%;transform:translate(-50%);z-index:2000;width:min(92vw,760px);display:flex;flex-direction:column;align-items:center;gap:14px}.rk-label{display:inline-flex;align-items:center;gap:8px;background:color-mix(in srgb,var(--c) 8%,#14151b);color:color-mix(in srgb,var(--c) 60%,#fff);border:1px solid color-mix(in srgb,var(--c) 35%,transparent);border-radius:999px;padding:7px 15px;font-size:14px;line-height:1;white-space:nowrap;box-shadow:0 0 12px color-mix(in srgb,var(--c) 20%,transparent)}.rk-type{display:inline-block;max-width:92vw;min-height:1.5em;text-align:center;font-size:clamp(16px,2.4vw,26px);font-weight:600;color:color-mix(in srgb,var(--c) 70%,#fff);border-right:2px solid var(--c);padding-right:4px;animation:caret .7s step-end infinite}.rk-type.done{border-right:none;animation:none}@keyframes caret{50%{border-color:transparent}}.rickroll video{display:block;width:100%;height:auto;border-radius:16px;border:2px solid var(--c);background:#000;box-shadow:0 0 60px color-mix(in srgb,var(--c) 45%,transparent)}.rickroll video.epic{animation:epicIn 1.2s cubic-bezier(.18,.9,.25,1.3) both}@keyframes epicIn{0%{transform:scale(.05) rotate(-12deg);opacity:0;filter:blur(16px) brightness(2.8);box-shadow:0 0 0 var(--c)}35%{transform:scale(1.15) rotate(4deg);opacity:1;filter:blur(0) brightness(1.8);box-shadow:0 0 140px var(--c)}55%{transform:scale(.94) rotate(-2deg);filter:brightness(1.25);box-shadow:0 0 90px var(--c)}72%{transform:scale(1.05) rotate(1.2deg)}86%{transform:scale(.99) rotate(-.4deg)}to{transform:scale(1) rotate(0);opacity:1;filter:brightness(1);box-shadow:0 0 60px color-mix(in srgb,var(--c) 45%,transparent)}}.pill.hint{animation:hintpulse 3.2s ease-in-out infinite;border-color:color-mix(in srgb,var(--c) 55%,transparent);z-index:950}@keyframes hintpulse{0%,to{box-shadow:0 0 12px color-mix(in srgb,var(--c) 20%,transparent),0 0 4px color-mix(in srgb,var(--c) 10%,transparent);filter:brightness(1)}50%{box-shadow:0 0 24px color-mix(in srgb,var(--c) 55%,transparent),0 0 10px color-mix(in srgb,var(--c) 35%,transparent);filter:brightness(1.15)}}#genpanel{--c: #facc15;position:fixed;left:0;top:50%;transform:translate(-105%,-50%);transition:transform .45s cubic-bezier(.2,.8,.2,1);z-index:3000;display:flex;flex-direction:column;gap:12px;width:min(90vw,360px);padding:22px;background:#101117f2;border:1px solid color-mix(in srgb,var(--c) 45%,transparent);border-left:none;border-radius:0 18px 18px 0;box-shadow:0 0 60px color-mix(in srgb,var(--c) 30%,transparent);backdrop-filter:blur(10px)}#genpanel.open{transform:translateY(-50%)}#genpanel[hidden]{display:none}.gp-title{font-size:16px;font-weight:800;color:color-mix(in srgb,var(--c) 65%,#fff)}.gp-preview{display:flex;justify-content:center;padding:8px 0;min-height:44px}.gp-pill{display:inline-flex;align-items:center;gap:8px;background:color-mix(in srgb,var(--c) 8%,#14151b);color:color-mix(in srgb,var(--c) 60%,#fff);border:1px solid color-mix(in srgb,var(--c) 35%,transparent);border-radius:999px;padding:7px 15px;font-size:14px;line-height:1;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-shadow:0 0 12px color-mix(in srgb,var(--c) 20%,transparent)}.gp-pill i{width:7px;height:7px;border-radius:50%;background:var(--c);box-shadow:0 0 8px var(--c);flex:none}#gen-input{width:100%;padding:10px 14px;font-size:14px;color:#fff;background:#0d0e13;border:1px solid color-mix(in srgb,var(--c) 40%,transparent);border-radius:999px;outline:none}#gen-input:focus{border-color:var(--c)}.gp-swatches{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.gp-swatches .sw{width:24px;height:24px;border-radius:50%;border:2px solid transparent;cursor:pointer}.gp-swatches .sw.sel{border-color:#fff}.gp-swatches input[type=color]{width:28px;height:28px;padding:0;border:none;background:none;cursor:pointer}.gp-actions{display:flex;gap:8px}.gp-actions button{flex:1;padding:10px;font-size:13px;font-weight:700;cursor:pointer;border-radius:999px;border:1px solid color-mix(in srgb,var(--c) 40%,transparent);background:#14151b;color:#fff}#gen-drop{background:var(--c);color:#14151b;border:none}.gp-actions button:hover{filter:brightness(1.12)}.gp-joke{font-size:11px;font-style:italic;color:#fff6;line-height:1.45}#gen-close{position:absolute;top:8px;right:12px;background:none;border:none;color:#fff6;font-size:22px;line-height:1;cursor:pointer}#gen-close:hover{color:#fff}