.sec{font-size:1.4rem;color:#fff;font-family:var(--font-display);border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:.5rem}.shimmer{position:relative;overflow:hidden}.shimmer:after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.4) 50%,transparent 70%);transform:translate(-100%);animation:shim 2.5s infinite}@keyframes shim{to{transform:translate(100%)}}.skeleton{background:linear-gradient(90deg,#ffffff0f 25%,#ffffff24,#ffffff0f 75%);background-size:200% 100%;animation:skel 1.4s infinite}@keyframes skel{to{background-position:-200% 0}}.spinner{border:3px solid rgba(255,255,255,.15);border-top-color:var(--accent);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.grainy{position:relative;background:linear-gradient(135deg,var(--accent) 0%,#0c0e14 100%)}.border-beam:before{content:"";position:absolute;inset:-2px;border-radius:inherit;padding:2px;background:conic-gradient(from var(--a,0deg),transparent 70%,var(--accent) 85%,var(--accent-2) 100%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:beam 3s linear infinite}@property --a{syntax: "<angle>"; inherits: false; initial-value: 0deg;}@keyframes beam{to{--a: 360deg}}.spotlight:before{content:"";position:absolute;inset:0;background:radial-gradient(220px circle at var(--mx,50%) var(--my,50%),color-mix(in srgb,var(--accent) 35%,transparent),transparent 60%);opacity:0;transition:opacity .3s}.spotlight:hover:before{opacity:1}.scanlines:after{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,rgba(255,255,255,.07) 0 1px,transparent 1px 3px)}.shimmer-text{background:linear-gradient(90deg,var(--color-ink-dim),var(--accent-2),var(--color-ink-dim));background-size:200% auto;-webkit-background-clip:text;background-clip:text;color:transparent;animation:shimtext 3s linear infinite}@keyframes shimtext{to{background-position:200% center}}.fx-chip{display:flex;align-items:center;justify-content:center;min-height:56px;padding:.5rem .75rem;text-align:center;font-size:.8rem;color:#fff;border:1px solid rgba(255,255,255,.1);border-radius:.75rem;background:#ffffff08;transition:.2s}.fx-chip:hover{background:#ffffff12;border-color:color-mix(in srgb,var(--accent) 40%,transparent)}.btn3d{background:var(--accent);box-shadow:0 6px color-mix(in srgb,var(--accent) 55%,#000);transition:transform .08s,box-shadow .08s}.btn3d:active{transform:translateY(5px);box-shadow:0 1px color-mix(in srgb,var(--accent) 55%,#000)}.btn-cartoon{background:var(--accent);border:3px solid #0a0a0a;border-radius:14px;box-shadow:4px 4px #0a0a0a;transition:transform .1s}.btn-cartoon:hover{transform:translate(-2px,-2px);box-shadow:6px 6px #0a0a0a}.btn-watercolor{background:radial-gradient(circle at 30% 30%,color-mix(in srgb,var(--accent) 80%,transparent),color-mix(in srgb,var(--accent-2) 60%,transparent));border-radius:18px 22px 16px 24px;filter:saturate(1.2);position:relative}.btn-watercolor:after{content:"";position:absolute;inset:0;border-radius:inherit;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='w'%3E%3CfeTurbulence baseFrequency='0.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23w)'/%3E%3C/svg%3E");mix-blend-mode:overlay;opacity:.25}.btn-lifelike{background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 120%,#fff),var(--accent) 55%,color-mix(in srgb,var(--accent) 70%,#000));border-radius:12px;box-shadow:inset 0 1px 1px #fff9,inset 0 -2px 3px #0006,0 6px 16px #00000059}.btn-fill:before{content:"";position:absolute;inset:0;background:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform .3s ease;z-index:0}.btn-fill:hover:before{transform:scaleX(1)}.btn-glow{animation:bglow 2s ease-in-out infinite}@keyframes bglow{0%,to{box-shadow:0 0 0 0 var(--accent-glow)}50%{box-shadow:0 0 24px 4px var(--accent-glow)}}.btn-ripple:after{content:"";position:absolute;left:50%;top:50%;width:8px;height:8px;border-radius:50%;background:#ffffff80;transform:translate(-50%,-50%) scale(0);opacity:0}.btn-ripple:active:after{animation:ripple .5s ease-out}@keyframes ripple{0%{transform:translate(-50%,-50%) scale(0);opacity:.6}to{transform:translate(-50%,-50%) scale(30);opacity:0}}.btn-border-beam:before{content:"";position:absolute;inset:-2px;border-radius:inherit;padding:2px;background:conic-gradient(from var(--ba,0deg),transparent 70%,var(--accent) 85%,var(--accent-2));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:bbeam 3s linear infinite}@property --ba{syntax:"<angle>"; inherits:false; initial-value:0deg;}@keyframes bbeam{to{--ba:360deg}}