@keyframes af-spin{to{transform:rotate(1turn)}}@keyframes af-pulse{0%,to{box-shadow:0 0 0 0 color-mix(in srgb,var(--accent) 70%,transparent),0 0 18px var(--accent)}50%{box-shadow:0 0 0 10px transparent,0 0 30px var(--accent)}}.frame-pulse{inset:-4px;background:var(--accent);animation:af-pulse 1.8s ease-out infinite}.frame-dashed{inset:-9px;background:transparent;border:3px dashed var(--accent);animation:af-spin 12s linear infinite}.frame-double{inset:-10px;background:transparent;border:3px solid var(--accent);box-shadow:inset 0 0 0 4px transparent,inset 0 0 0 6px var(--accent)}.frame-sunset{background:conic-gradient(#ff5f6d,#ffc371,#ff9a8b,#ff5f6d);animation:af-spin 5s linear infinite}.frame-ocean{background:conic-gradient(#00c6ff,#0072ff,#00ffd5,#00c6ff);animation:af-spin 6s linear infinite;filter:drop-shadow(0 0 8px #00c6ff)}.frame-toxic{inset:-5px;background:#39ff14;box-shadow:0 0 22px #39ff14,0 0 44px #39ff1455;animation:af-pulse 2.4s ease-in-out infinite;--accent:#39ff14}.frame-blood{inset:-5px;background:radial-gradient(circle at 50% 110%,#ff1f3d,#6b0010 70%);box-shadow:0 8px 18px #b0001a88,0 0 0 2px #2a0006}.frame-galaxy{background:radial-gradient(1px 1px at 20% 30%,#fff,transparent),radial-gradient(1px 1px at 70% 20%,#fff,transparent),radial-gradient(1.5px 1.5px at 40% 80%,#fff,transparent),radial-gradient(1px 1px at 85% 65%,#fff,transparent),conic-gradient(#1e1b4b,#7c3aed,#db2777,#0ea5e9,#1e1b4b);animation:af-spin 14s linear infinite;filter:drop-shadow(0 0 10px #7c3aed)}.frame-pixel{inset:-8px;border-radius:18%;background:transparent;box-shadow:0 0 0 4px var(--accent),0 0 0 8px #000,4px 4px 0 8px #000;image-rendering:pixelated}.frame-rgb{background:conic-gradient(red,yellow,lime,cyan,blue,magenta,red);animation:af-spin 1.2s linear infinite;filter:blur(1px) drop-shadow(0 0 6px #fff4)}.frame-chrome{inset:-6px;background:conic-gradient(#f9fafb,#6b7280,#e5e7eb,#374151,#f3f4f6,#9ca3af,#f9fafb);box-shadow:0 0 0 1px #111,0 6px 16px #0008}@keyframes af-smoke{50%{box-shadow:0 0 30px 10px #000c,0 0 60px 20px #1119}}.frame-shadow{inset:-3px;background:#0a0a0a;box-shadow:0 0 20px 6px #000a,0 0 40px 12px #1116;animation:af-smoke 3s ease-in-out infinite}@keyframes af-zap{0%,92%,to{box-shadow:0 0 8px #7dd3fc,0 0 0 2px #e0f2fe}94%{box-shadow:0 0 30px 6px #bae6fd,0 0 0 4px #fff}96%{box-shadow:0 0 6px #7dd3fc,0 0 0 1px #e0f2fe}}.frame-lightning{inset:-4px;background:#0ea5e9;animation:af-zap 2.2s steps(1) infinite}.frame-radar{inset:-8px;background:conic-gradient(from 0deg,color-mix(in srgb,var(--accent) 90%,transparent),transparent 25%);border:2px solid color-mix(in srgb,var(--accent) 60%,transparent);animation:af-spin 2.5s linear infinite}.frame-candy{inset:-6px;background:repeating-conic-gradient(#ff4d8d 0 15deg,#fff 15deg 30deg);animation:af-spin 8s linear infinite}.frame-vinyl{inset:-14px;background:repeating-radial-gradient(circle,#111 0 2px,#222 2px 4px);box-shadow:0 0 0 2px #000,0 10px 20px #0009;animation:af-spin 6s linear infinite}.frame-thorns{inset:-12px;background:repeating-conic-gradient(var(--accent) 0 6deg,transparent 6deg 15deg);-webkit-mask:radial-gradient(circle,transparent 58%,#000 60%);mask:radial-gradient(circle,transparent 58%,#000 60%);animation:af-spin 20s linear infinite}.frame-hearts{background:conic-gradient(#ff4d7d,#ffb3c7,#ff4d7d,#c9184a,#ff4d7d);box-shadow:0 0 16px #ff4d7d88}.frame-stars{background:conic-gradient(#fde047,#6366f1,#fde047,#a855f7,#fde047);box-shadow:0 0 16px #fde04766}.frame-sakura{background:conic-gradient(#ffc8dd,#fff0f5,#ff8fab,#fff0f5,#ffc8dd);box-shadow:0 0 14px #ffb3c788}.frame-bubbles{background:conic-gradient(#7dd3fc,#e0f2fe,#38bdf8,#e0f2fe,#7dd3fc);box-shadow:0 0 14px #38bdf888}.frame-orbit{background:var(--accent);box-shadow:0 0 14px var(--accent)}@keyframes af-counter{0%{transform:translateY(-50%) rotate(calc(var(--i) * -1turn / var(--n)))}to{transform:translateY(-50%) rotate(calc(var(--i) * -1turn / var(--n) - 1turn))}}.decor-orbit{position:absolute;inset:-7px;z-index:5;pointer-events:none;animation:af-spin 14s linear infinite}.decor-orbit>span{position:absolute;inset:0;display:flex;justify-content:center;transform:rotate(calc(var(--i) * 1turn / var(--n)))}.decor-orbit i{display:grid;place-items:center;font-style:normal;font-size:20px;line-height:1;height:1em;transform:translateY(-50%) rotate(calc(var(--i) * -1turn / var(--n)));animation:af-counter 14s linear infinite}.decor-orbit>span:nth-child(2n) i{font-size:14px}.decor-orbit-hearts i{color:#ff4d7d;text-shadow:0 0 1px #fff,0 0 8px #ff4d7d}.decor-orbit-stars i{color:#fde047;text-shadow:0 0 1px #fff,0 0 10px #fde047}.decor-orbit-sakura i{color:#ffb3c7;text-shadow:0 0 1px #c9184a,0 0 8px #ff8fab}.decor-orbit-bubbles i{width:14px;height:14px;border-radius:99px;border:1.5px solid #e0f2fe;background:radial-gradient(circle at 32% 30%,#fff 0 18%,#7dd3fc55 45%,transparent 70%);box-shadow:0 0 8px #38bdf8aa}.decor-orbit-bubbles>span:nth-child(2n) i{width:9px;height:9px}.decor-orbit-bubbles>span:nth-child(3n) i{width:18px;height:18px}.decor-orbit-orbit{inset:-14px;border-radius:99px;border:1.5px dashed color-mix(in srgb,var(--accent) 70%,white);animation-duration:8s}.decor-orbit-orbit i{width:16px;height:16px;border-radius:99px;background:radial-gradient(circle at 35% 30%,#fff,var(--accent) 55%,#000 120%);box-shadow:0 0 12px var(--accent);animation-duration:8s}.frame-halo{inset:-4px;background:color-mix(in srgb,#fde68a 40%,transparent)}@keyframes af-float{50%{transform:translate(-50%,-4px) rotateX(70deg)}}.decor-halo{position:absolute;top:-18%;left:50%;z-index:5;width:70%;height:22%;border-radius:50%;border:5px solid #fde68a;box-shadow:0 0 14px #fde68a,inset 0 0 8px #fde68a;transform:translate(-50%) rotateX(70deg);animation:af-float 2.6s ease-in-out infinite;pointer-events:none}.frame-ring.frame-halo{box-shadow:0 0 20px #fde68a88}.frame-cat,.frame-devil{inset:-4px;background:var(--accent)}.frame-ears{position:absolute;inset:0;z-index:-2;pointer-events:none}.frame-ears span{position:absolute;top:-12%;width:34%;height:34%;background:var(--accent);clip-path:polygon(50% 0,100% 100%,0 100%)}.frame-ears span:first-child{left:4%;transform:rotate(-22deg)}.frame-ears span:last-child{right:4%;transform:rotate(22deg)}.frame-ears-devil span{top:-16%;width:22%;height:34%;background:linear-gradient(#ff3b3b,#8b0000);clip-path:polygon(50% 0,100% 100%,0 100%)}.frame-ears-devil span:first-child{left:12%;transform:rotate(-28deg)}.frame-ears-devil span:last-child{right:12%;transform:rotate(28deg)}.frame-devil{background:#b91c1c;box-shadow:0 0 18px #ef4444aa}.frame-crown{inset:-4px;background:linear-gradient(135deg,#b8860b,#f7d774,#b8860b)}.decor-crown{position:absolute;top:-30%;left:50%;z-index:6;width:56%;transform:translateX(-50%) rotate(-8deg);filter:drop-shadow(0 4px 4px #0007);pointer-events:none}.frame-ring.frame-crown{box-shadow:0 0 16px #f7d77488}@media (prefers-reduced-motion:reduce){.decor-halo,.decor-orbit,.decor-orbit i,.frame-ring{animation:none!important}}.cs{position:relative;isolation:isolate}.cs-light{color:#1d1a24!important}.cs-glass{border-radius:28px;background:linear-gradient(135deg,rgba(255,255,255,.16),rgba(255,255,255,.04));border:1px solid rgba(255,255,255,.25);backdrop-filter:blur(18px) saturate(1.4);box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 30px 60px -20px rgba(0,0,0,.6);overflow:hidden}.cs-glass:before{content:"";position:absolute;inset:-40% -60% auto;height:60%;z-index:-1;background:linear-gradient(100deg,transparent 30%,rgba(255,255,255,.18) 45%,transparent 60%);transform:rotate(-8deg)}.cs-frosted{border-radius:24px;background:rgba(220,235,255,.12);border:1px solid rgba(200,225,255,.35);backdrop-filter:blur(26px) brightness(1.1);box-shadow:inset 0 0 40px rgba(200,225,255,.15)}.cs-minimal{background:transparent;border:0;border-bottom:2px solid var(--accent);border-radius:0;backdrop-filter:none}@keyframes cs-pulse{50%{box-shadow:0 0 34px var(--accent),inset 0 0 18px color-mix(in srgb,var(--accent) 45%,transparent)}}.cs-neon{border-radius:20px;background:rgba(8,6,14,.75);border:2px solid var(--accent);box-shadow:0 0 18px var(--accent),inset 0 0 10px color-mix(in srgb,var(--accent) 35%,transparent);animation:cs-pulse 2.4s ease-in-out infinite}@property --cs-angle{syntax:"<angle>";initial-value:0deg;inherits:false}@keyframes cs-rotate{to{--cs-angle:360deg}}.cs-gradient,.cs-rainbow{border-radius:24px;border:3px solid transparent;background:linear-gradient(rgba(10,8,16,.85),rgba(10,8,16,.85)) padding-box,conic-gradient(from var(--cs-angle),var(--accent),#ffffff,var(--accent),#00000000,var(--accent)) border-box;animation:cs-rotate 5s linear infinite}.cs-rainbow{background:linear-gradient(rgba(10,8,16,.85),rgba(10,8,16,.85)) padding-box,conic-gradient(from var(--cs-angle),#ff4d4d,#ffb84d,#fff94d,#4dff88,#4dc3ff,#b84dff,#ff4d4d) border-box;animation-duration:3s}.cs-holo{border-radius:22px;border:1px solid rgba(255,255,255,.5);background:linear-gradient(115deg,#ff9ad588,#9ad0ff88 25%,#a0ffcf88 50%,#fff59a88 75%,#ff9ad588) 0 0 /300% 300%,rgba(20,16,30,.7);background-blend-mode:overlay;animation:cs-holo 6s ease-in-out infinite;box-shadow:0 0 30px rgba(180,160,255,.35)}@keyframes cs-holo{50%{background-position:100% 100%,0 0}}.cs-aurora{border-radius:26px;overflow:hidden;background:#070b16;border:1px solid #2dd4bf55}.cs-aurora:before{content:"";position:absolute;inset:-30%;z-index:-1;background:radial-gradient(40% 30% at 30% 20%,#22d3ee88,transparent 70%),radial-gradient(40% 35% at 70% 10%,#a78bfa88,transparent 70%),radial-gradient(45% 30% at 50% 35%,#4ade8077,transparent 70%);filter:blur(20px);animation:cs-drift 14s ease-in-out infinite}@keyframes cs-drift{50%{transform:translate(6%,4%) rotate(8deg) scale(1.1)}}.cs-space{border-radius:24px;border:1px solid #ffffff22;background:radial-gradient(1px 1px at 10% 20%,#fff,transparent),radial-gradient(1px 1px at 30% 70%,#fff,transparent),radial-gradient(1.5px 1.5px at 60% 30%,#fff,transparent),radial-gradient(1px 1px at 80% 80%,#fff,transparent),radial-gradient(1px 1px at 90% 10%,#fff,transparent),radial-gradient(1.5px 1.5px at 45% 90%,#fff,transparent),radial-gradient(60% 50% at 80% 100%,#7c3aed55,transparent),radial-gradient(50% 40% at 0 0,#0ea5e944,transparent),#05050f}.cs-vapor{border-radius:6px;overflow:hidden;border:2px solid #ff71ce;box-shadow:6px 6px 0 #01cdfe;background:linear-gradient(transparent 60%,#ff71ce22 0),repeating-linear-gradient(90deg,#01cdfe22 0 1px,transparent 1px 28px),repeating-linear-gradient(0deg,#01cdfe22 0 1px,transparent 1px 28px),linear-gradient(#1a0033,#3d0066)}.cs-terminal{border-radius:10px;background:#0b0f0b;border:1px solid #1f3a1f;color:#7cff8a!important;font-family:JetBrains Mono,ui-monospace,monospace!important;padding-top:3.2rem!important;box-shadow:0 0 0 1px #000,0 20px 40px #000a,inset 0 0 60px #00ff4010}.cs-win95{border-radius:0;background:#c3c3c3;color:#111!important;border-color:#fff #404040 #404040 #fff;border-style:solid;border-width:2px;box-shadow:1px 1px 0 #000}.cs-mac,.cs-win95{padding-top:3rem!important}.cs-mac{border-radius:14px;background:rgba(30,30,34,.92);border:1px solid #ffffff22;box-shadow:0 30px 60px -15px #000c}.cs-bar{position:absolute;top:0;left:0;right:0;display:flex;align-items:center;gap:8px;height:2.1rem;padding:0 12px;font-size:12px;font-weight:600;pointer-events:none}.cs-bar-mac{border-radius:14px 14px 0 0;background:#2c2c30;border-bottom:1px solid #0006;color:#aaa}.cs-bar-mac i{width:12px;height:12px;border-radius:99px;display:block}.cs-bar-95{margin:3px;height:1.7rem;background:linear-gradient(90deg,#000080,#1084d0);color:#fff;justify-content:space-between}.cs-bar-95 b{display:grid;place-items:center;width:18px;height:16px;background:#c3c3c3;color:#000;border-color:#fff #404040 #404040 #fff;border-style:solid;border-width:2px;font-size:11px}.cs-bar-term{background:#132013;color:#7cff8a;border-radius:10px 10px 0 0;font-family:ui-monospace,monospace}.cs-gameboy{border-radius:12px 12px 48px 12px;background:#9bbc0f;color:#0f380f!important;border:10px solid #8b8b7a;box-shadow:inset 0 0 0 4px #306230,0 20px 40px #0008;font-family:Press Start\ 2P,VT323,monospace}.cs-pixel{border-radius:0;background:#1b1b2f;border:0;box-shadow:0 -6px 0 0 var(--accent),0 6px 0 0 var(--accent),-6px 0 0 0 var(--accent),6px 0 0 0 var(--accent),0 0 0 6px #000,12px 12px 0 6px #000;margin:6px}.cs-brutal{border-radius:0;background:#111;border:4px solid #fff;box-shadow:10px 10px 0 var(--accent)}.cs-comic{border-radius:6px;background:radial-gradient(#0000 60%,#fff 61%) 0 0 /8px 8px,radial-gradient(#ffd23f 1.4px,transparent 1.6px) 0 0 /8px 8px,#fff;border:4px solid #111;box-shadow:8px 8px 0 #111}.cs-paper{border-radius:4px;background:#fbf7ef;border:0;box-shadow:0 1px 2px #0003,0 25px 40px -18px #000a;transform-origin:center}.cs-notebook{border-radius:6px 14px 14px 6px;background:linear-gradient(90deg,transparent 38px,#ef444466 0,#ef444466 40px,transparent 0),repeating-linear-gradient(transparent 0 27px,#93c5fd88 27px 28px),#fffef8;border:0;box-shadow:0 25px 40px -18px #000a}.cs-polaroid{border-radius:2px;background:#fff;border:0;padding-bottom:3.5rem!important;box-shadow:0 25px 40px -15px #000b}.cs-ticket{border-radius:12px;border:0;background:radial-gradient(circle at 0 50%,transparent 14px,#0000 0) 0 /51% 100% no-repeat,radial-gradient(circle at 100% 50%,transparent 14px,#0000 0) 100% /51% 100% no-repeat;-webkit-mask:radial-gradient(circle 14px at 0 50%,#0000 98%,#000) left /51% 100% no-repeat,radial-gradient(circle 14px at 100% 50%,#0000 98%,#000) right /51% 100% no-repeat;mask:radial-gradient(circle 14px at 0 50%,#0000 98%,#000) left /51% 100% no-repeat,radial-gradient(circle 14px at 100% 50%,#0000 98%,#000) right /51% 100% no-repeat;background-color:color-mix(in srgb,var(--accent) 22%,#120f1c);outline:2px dashed color-mix(in srgb,var(--accent) 60%,transparent);outline-offset:-10px}.cs-film{border-radius:4px;border:0;padding-left:2.6rem!important;padding-right:2.6rem!important;background:repeating-linear-gradient(transparent 0 10px,#eee 10px 20px,transparent 20px 30px) left 9px top 0 /14px 100% no-repeat,repeating-linear-gradient(transparent 0 10px,#eee 10px 20px,transparent 20px 30px) right 9px top 0 /14px 100% no-repeat,#111}.cs-gold{border-radius:6px;border:10px solid;border-image:linear-gradient(135deg,#7a5a12,#f6d77a,#b8860b,#fff1b8,#8a6a1c) 1;background:rgba(20,14,4,.85);box-shadow:0 0 0 2px #3b2a06,inset 0 0 0 2px #3b2a06,0 25px 50px -15px #000c}.cs-double{border-radius:18px;background:rgba(10,8,16,.8);border:2px solid var(--accent);outline:2px solid var(--accent);outline-offset:5px}@keyframes cs-ants{to{background-position:16px 0,-16px 100%,0 -16px,100% 16px}}.cs-dashed{border-radius:4px;border:0;background:linear-gradient(90deg,var(--accent) 50%,transparent 50%) 0 0 /16px 2px repeat-x,linear-gradient(90deg,var(--accent) 50%,transparent 50%) 0 100% /16px 2px repeat-x,linear-gradient(0deg,var(--accent) 50%,transparent 50%) 0 0 /2px 16px repeat-y,linear-gradient(0deg,var(--accent) 50%,transparent 50%) 100% 0 /2px 16px repeat-y,rgba(10,8,16,.8);animation:cs-ants .8s linear infinite}.cs-stitched{border-radius:18px;background:#3b2416;border:0;box-shadow:0 0 0 6px #3b2416,0 20px 40px -10px #000c;outline:2px dashed #e7c9a0;outline-offset:-8px}.cs-chalk{border-radius:6px;background:radial-gradient(ellipse at 30% 20%,#3c5a47,#243a2c 70%);border:12px solid #7a5230;box-shadow:inset 0 0 40px #0006,0 20px 40px -10px #000c;font-family:Caveat,Patrick Hand,cursive}.cs-metal{border-radius:10px;background:linear-gradient(180deg,#5b6470,#2b3038 60%,#1f2329);border:1px solid #9aa4b1;box-shadow:inset 0 1px 0 #ffffff55,inset 0 -2px 0 #0008,0 20px 40px -10px #000c}.cs-candy{border-radius:26px;border:8px solid transparent;background:linear-gradient(#fff6fb,#fff6fb) padding-box,repeating-linear-gradient(45deg,#ff4d8d 0 12px,#fff 12px 24px) border-box}.cs-bubble{border-radius:28px;background:rgba(255,255,255,.1);border:2px solid #ffffff55;margin-bottom:26px}.cs-bubble:after{content:"";position:absolute;bottom:-24px;left:48px;width:30px;height:24px;background:inherit;border:inherit;border-top:0;border-right:0;clip-path:polygon(0 0,100% 0,0 100%);backdrop-filter:blur(12px)}.cs-corner{position:absolute;width:34px;height:34px;border:3px solid #f6d77a;pointer-events:none}.cs-corner:first-of-type{top:6px;left:6px;border-right:0;border-bottom:0}.cs-corner:nth-of-type(2){top:6px;right:6px;border-left:0;border-bottom:0}.cs-corner:nth-of-type(3){bottom:6px;left:6px;border-right:0;border-top:0}.cs-corner:nth-of-type(4){bottom:6px;right:6px;border-left:0;border-top:0}.cs-cyber{border-radius:4px;background:linear-gradient(180deg,rgba(0,20,30,.85),rgba(0,10,18,.9));border:1px solid #22d3ee44;box-shadow:inset 0 0 30px #22d3ee18;clip-path:polygon(0 16px,16px 0,100% 0,100% calc(100% - 16px),calc(100% - 16px) 100%,0 100%)}.cs-cyber .cs-corner{border-color:#22d3ee;width:22px;height:22px}.cs-tape{position:absolute;top:-12px;width:110px;height:28px;background:rgba(255,230,150,.8);pointer-events:none}.cs-tape:first-of-type{left:-20px;transform:rotate(-30deg)}.cs-tape:nth-of-type(2){right:-20px;transform:rotate(30deg)}.cs-screw{position:absolute;width:12px;height:12px;border-radius:99px;background:radial-gradient(circle at 35% 35%,#eef2f6,#6b7280);box-shadow:inset 0 0 0 1px #0006;pointer-events:none}.cs-screw:after{content:"";position:absolute;inset:5px 2px;background:#374151;transform:rotate(40deg)}.cs-screw:first-of-type{top:10px;left:10px}.cs-screw:nth-of-type(2){top:10px;right:10px}.cs-screw:nth-of-type(3){bottom:10px;left:10px}.cs-screw:nth-of-type(4){bottom:10px;right:10px}.cs-light a.cs-link{background:rgba(0,0,0,.06)!important;border-color:rgba(0,0,0,.12)!important}@media (prefers-reduced-motion:reduce){.cs,.cs:before{animation:none!important}}