.arcane-loader-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;width:100%;gap:2rem;position:relative;color:#a855f7}.arcane-loader-container.fullscreen{position:fixed;top:0;left:0;z-index:9999;background:#0a050fd9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.unified-loader-holder{position:relative;width:160px;height:160px;border:4px solid rgba(88,28,135,.4);border-top-color:#7e22ce;border-bottom-color:#7e22ce;border-radius:50%;box-sizing:border-box;animation:outerRotate2 15s infinite linear;display:flex;align-items:center;justify-content:center;box-shadow:0 0 20px #7e22ce33,inset 0 0 20px #7e22ce33}.unified-loader-middle{position:relative;width:120px;height:120px;border:4px solid rgba(59,130,246,.3);border-left-color:#3b82f6;border-right-color:#3b82f6;border-radius:50%;box-sizing:border-box;animation:outerRotate1 8s infinite linear;display:flex;align-items:center;justify-content:center;box-shadow:0 0 15px #3b82f64d,inset 0 0 15px #3b82f64d}.unified-loader-inner{position:relative;width:80px;height:80px;border:4px solid rgba(168,85,247,.3);border-top-color:#a855f7;border-radius:50%;box-sizing:border-box;animation:outerRotate2 4s infinite linear;display:flex;align-items:center;justify-content:center;box-shadow:0 0 10px #a855f766}.unified-loader-icon{font-size:2rem;animation:counterRotateInner 4s infinite linear,textColourPulse 2s alternate linear infinite;filter:drop-shadow(0 0 10px rgba(168,85,247,.8));display:flex;align-items:center;justify-content:center}.loading-text{font-family:Cinzel,serif;font-size:1.2rem;letter-spacing:.15em;font-weight:700;text-transform:uppercase;animation:textColourPulse 2s alternate linear infinite;text-shadow:0 2px 10px rgba(59,130,246,.5)}.arcane-loader-container.compact .unified-loader-holder{width:80px;height:80px;border-width:3px}.arcane-loader-container.compact .unified-loader-middle{width:60px;height:60px;border-width:3px}.arcane-loader-container.compact .unified-loader-inner{width:40px;height:40px;border-width:3px}.arcane-loader-container.compact .unified-loader-icon{font-size:1.2rem}.arcane-loader-container.compact .loading-text{font-size:.9rem;margin-top:-.5rem}@keyframes outerRotate1{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes outerRotate2{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}@keyframes counterRotateInner{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes textColourPulse{0%{color:#a855f7;text-shadow:0 0 10px rgba(168,85,247,.6)}to{color:#60a5fa;text-shadow:0 0 15px rgba(96,165,250,.8)}}.btn-loader{width:20px;height:20px;border:2px solid rgba(168,85,247,.3);border-top:2px solid #a855f7;border-radius:50%;animation:outerRotate1 1s linear infinite;display:inline-block;vertical-align:middle}.btn-loader.gold{border-color:#cfaa6e4d;border-top-color:#cfaa6e}*{box-sizing:border-box}.app{display:flex;flex-direction:column;height:100vh;overflow:hidden}.app-layout{display:flex;flex:1;overflow:hidden;direction:inherit}.app-main{flex:1;overflow:auto;padding:0}@media (max-width: 900px){html.mobile-creator-focus-mode .mobile-topbar,body.mobile-creator-focus-mode .mobile-topbar,#root.mobile-creator-focus-mode .mobile-topbar{display:none}.app.mobile-app{min-height:100dvh}.app.mobile-app.mobile-app-scroll-unlock{height:auto;min-height:100dvh;overflow:visible}.app.mobile-app .app-layout-mobile{display:block}.app.mobile-app.mobile-app-scroll-unlock .app-layout-mobile{overflow:visible}.app.mobile-app .app-main{min-height:0;overflow:auto}.app.mobile-app.mobile-app-scroll-unlock .app-main{min-height:auto;overflow:visible}.app.mobile-app-browse .app-main{padding-bottom:max(12px,env(safe-area-inset-bottom))}.app.mobile-app-creator .app-main{background:radial-gradient(circle at top center,rgba(201,167,106,.05),transparent 18%),linear-gradient(180deg,#090d15fa,#06090efa)}.app.mobile-app-creator .app-main{overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}}.page-loader{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:1rem;color:var(--text-secondary, #888)}.loader-spinner{width:40px;height:40px;border:3px solid var(--surface-elevated, #333);border-top-color:var(--primary-color, #9b59b6);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media print{html,body,#root{background:#fff!important;color:#000!important;height:auto!important;overflow:visible!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}.galaxy-container,.galaxy-stars,.galaxy-spiral{display:none!important}.app>header,.app>[role=banner]{display:none!important}.app{height:auto!important;overflow:visible!important;background:#fff!important;display:block!important}.app-layout{overflow:visible!important;display:block!important}.app-layout>nav{display:none!important}.app-main{overflow:visible!important;height:auto!important;background:#fff!important}.app-main *{visibility:hidden}.print-only,.print-only *{visibility:visible!important}.print-only{position:static!important;width:100%!important;background:#fff!important;display:block!important}}:root{--bg-dark: #090d15;--bg-panel: rgba(18, 22, 33, .86);--bg-elevated: rgba(22, 27, 40, .92);--bg-input: rgba(9, 13, 22, .72);--bg-overlay: rgba(2, 4, 10, .7);--bg-surface: rgba(255, 248, 228, .04);--surface-card: linear-gradient(180deg, rgba(20, 25, 37, .96) 0%, rgba(10, 13, 22, .96) 100%);--surface-toolbar: linear-gradient(180deg, rgba(17, 21, 31, .98) 0%, rgba(9, 12, 19, .98) 100%);--surface-glass: linear-gradient(180deg, rgba(28, 34, 48, .78) 0%, rgba(13, 16, 24, .88) 100%);--accent-gold: #c9a76a;--accent-gold-light: #f5e7bb;--accent-gold-deep: #7d5a2b;--accent-gold-glow: rgba(201, 167, 106, .34);--accent-gold-border: rgba(201, 167, 106, .34);--accent-blue: #5878d6;--accent-blue-light: #9eb7ff;--accent-blue-glow: rgba(88, 120, 214, .34);--accent-danger: #b74848;--accent-danger-glow: rgba(183, 72, 72, .3);--accent-success: #2e8b57;--accent-success-glow: rgba(46, 139, 87, .28);--accent-parchment: #f2e4c5;--text-primary: #f4efe1;--text-secondary: rgba(237, 230, 214, .82);--text-muted: rgba(213, 202, 182, .54);--text-gold: var(--accent-gold-light);--text-dark: #2e2417;--border-subtle: rgba(255, 248, 228, .08);--border-medium: rgba(255, 248, 228, .15);--border-gold: rgba(201, 167, 106, .32);--border-gold-strong: rgba(201, 167, 106, .55);--border-panel: rgba(255, 244, 214, .12);--font-brand-en: "Cinzel Decorative", serif;--font-brand-he: "Suez One", serif;--font-heading-en: "Cinzel", serif;--font-heading-he: "Suez One", serif;--font-ui-en: "Assistant", sans-serif;--font-ui-he: "Assistant", sans-serif;--font-display: var(--font-heading-en);--font-body: var(--font-ui-en);--space-2xs: .125rem;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 22px;--button-radius-sm: 10px;--button-radius-md: 13px;--button-radius-lg: 16px;--button-height-sm: 34px;--button-height-md: 44px;--button-height-lg: 52px;--button-shadow-primary: 0 10px 24px rgba(0, 0, 0, .34), 0 0 22px rgba(201, 167, 106, .18), inset 0 1px 0 rgba(255, 255, 255, .4);--button-shadow-secondary: 0 8px 18px rgba(0, 0, 0, .28), inset 0 1px 0 rgba(255, 255, 255, .28);--button-shadow-ghost: 0 8px 20px rgba(0, 0, 0, .18), inset 0 1px 0 rgba(255, 255, 255, .08);--focus-ring: 0 0 0 2px rgba(9, 13, 21, .94), 0 0 0 4px rgba(201, 167, 106, .5);--shadow-panel: 0 12px 34px rgba(0, 0, 0, .34);--shadow-elevated: 0 18px 40px rgba(0, 0, 0, .46);--shadow-glow-gold: 0 0 18px rgba(201, 167, 106, .28);--shadow-inset: inset 0 2px 4px rgba(0, 0, 0, .5);--glass-blur: blur(12px);--glass-border: 1px solid var(--border-subtle);--transition-fast: .18s ease;--transition-smooth: .28s cubic-bezier(.4, 0, .2, 1);--transition-bounce: .3s cubic-bezier(.175, .885, .32, 1.275)}.btn-metallic,.btn-solid,.btn-secondary,.btn-danger,.btn-ghost{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:var(--button-height-md);padding:.75rem 1.6rem;border-radius:var(--button-radius-md);border:1px solid rgba(0,0,0,.48);font-family:var(--font-heading-en);font-size:.98rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;text-decoration:none;cursor:pointer;overflow:hidden;transition:transform var(--transition-fast),box-shadow var(--transition-fast),filter var(--transition-fast),background var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast)}.btn-metallic:focus-visible,.btn-solid:focus-visible,.btn-secondary:focus-visible,.btn-danger:focus-visible,.btn-ghost:focus-visible{outline:none;box-shadow:var(--focus-ring),var(--button-shadow-secondary)}.btn-metallic.btn-small,.btn-solid.btn-small,.btn-secondary.btn-small,.btn-danger.btn-small,.btn-ghost.btn-small{min-height:var(--button-height-sm);padding:.45rem .95rem!important;border-radius:var(--button-radius-sm);font-size:.82rem!important;letter-spacing:.06em}.btn-metallic:after{content:"";position:absolute;inset-block:0;inset-inline-start:-150%;width:100%;background:linear-gradient(to right,#fff0,#ffffff14 20%,#ffffff75,#ffffff14 80%,#fff0);transform:skew(-25deg);pointer-events:none}.btn-metallic:hover:after{animation:legacy-btn-shine .75s ease-in-out}@keyframes legacy-btn-shine{0%{inset-inline-start:-100%;opacity:0}10%{opacity:1}90%{opacity:1}to{inset-inline-start:200%;opacity:0}}.btn-metallic:hover,.btn-solid:hover,.btn-secondary:hover,.btn-danger:hover,.btn-ghost:hover{transform:translateY(-2px)}.btn-metallic:active,.btn-solid:active,.btn-secondary:active,.btn-danger:active,.btn-ghost:active{transform:translateY(1px)}.btn-gold{background:linear-gradient(to bottom,#bf953f,#fcf6ba,#b38728,#fbf5b7,#aa771c);color:var(--text-dark);border-color:var(--accent-gold-deep);text-shadow:0 1px 0 rgba(255,255,255,.35);box-shadow:var(--button-shadow-primary)}.btn-gold:hover{box-shadow:0 14px 28px #0000006b,0 0 32px #d4af373d,inset 0 1px #ffffff8c}.btn-silver{background:linear-gradient(to bottom,#8a949a,#ebebeb,#9ea6ac,#d8e0e6,#65737e);color:#1a252a;border-color:#4a5a63;box-shadow:var(--button-shadow-secondary)}.btn-silver:hover{box-shadow:0 12px 24px #00000057,0 0 22px #c8d2dc29,inset 0 1px #fff9}.btn-blue{background:linear-gradient(to bottom,#4f63c8,#8ca2f3,#4051a8,#6d87e6,#28356f);color:#eef4ff;border-color:#2d3c78;box-shadow:0 10px 24px #00000057,0 0 22px #5878d638,inset 0 1px #ffffff3d}.btn-blue:hover{box-shadow:0 14px 28px #0000006b,0 0 30px #5878d647,inset 0 1px #fff6}.btn-solid{background:linear-gradient(180deg,#181d2aeb,#0c0f17fa);color:var(--text-secondary);border:1px solid rgba(255,248,228,.14);box-shadow:var(--button-shadow-secondary);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.btn-solid:hover:not(:disabled){border-color:var(--border-gold-strong);color:var(--text-primary);background:linear-gradient(180deg,#242a3af5,#11141e);box-shadow:0 12px 24px #00000057,0 0 18px #c9a76a1f}.btn-secondary{background:linear-gradient(180deg,#272d3bd6,#11141deb);border:1px solid rgba(255,248,228,.12);color:var(--text-secondary);box-shadow:var(--button-shadow-ghost)}.btn-secondary:hover:not(:disabled){border-color:var(--border-gold);color:var(--text-primary)}.btn-danger{background:linear-gradient(180deg,#741e1eeb,#4d1212f5);border:1px solid rgba(183,72,72,.52);color:#ffd5d5;box-shadow:0 10px 24px #00000057,0 0 20px #b7484829}.btn-danger:hover:not(:disabled){border-color:#d15c5cad;box-shadow:0 14px 28px #0000006b,0 0 24px #b748483d}.btn-ghost{background:linear-gradient(180deg,#1c202abd,#0e1119d6);border:1px solid rgba(255,248,228,.12);color:var(--text-secondary);box-shadow:var(--button-shadow-ghost)}.btn-ghost:hover:not(:disabled){background:linear-gradient(180deg,#272d3bd6,#11141deb);border-color:var(--border-gold);color:var(--text-primary)}@font-face{font-family:StamAshkenaz;src:url(/fonts/StamAshkenazCLM.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:StamSefarad;src:url(/fonts/StamSefaradCLM.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:Ozrad;src:url(/fonts/OzradCLM-Bold.woff) format("woff");font-weight:700;font-style:normal}@font-face{font-family:Shmulik;src:url(/fonts/ShmulikCLM.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:Yiddishkeit;src:url(/fonts/YiddishkeitAlefAlefAlef-Bold.otf) format("opentype");font-weight:700;font-style:normal}html,body,#root{margin:0;padding:0;width:100vw;height:100vh;overflow:hidden!important;position:fixed}body{font-family:var(--font-body);color:var(--text-primary);background:var(--bg-dark)}html.mobile-creator-scroll-unlock,body.mobile-creator-scroll-unlock,#root.mobile-creator-scroll-unlock{width:100%;height:auto;min-height:100dvh;overflow:visible!important;position:static}body[dir=rtl]{font-family:var(--font-ui-he)}body[dir=ltr]{font-family:var(--font-ui-en)}body[dir=rtl]{text-align:end}body[dir=rtl] .app-title,body[dir=rtl] .header-actions,body[dir=rtl] .nav-tab{flex-direction:row-reverse}body[dir=rtl] .creator-layout{direction:rtl}body[dir=rtl] .form-group label{text-align:end}body[dir=rtl] .modal-header,body[dir=rtl] .gallery-card{direction:rtl}:root{--bg-deep: #0f0f12;--bg-panel: rgba(10, 12, 16, .65);--bg-panel-hover: rgba(15, 20, 25, .8);--bg-input: rgba(5, 5, 8, .5);--bg-texture: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.05'/%3E%3C/svg%3E");--accent-cyan: #06b6d4;--accent-cyan-glow: rgba(6, 182, 212, .6);--accent-gold: #d4af37;--accent-gold-dim: #8a7035;--accent-gold-glow: rgba(212, 175, 55, .4);--accent-purple: #9333ea;--accent-purple-glow: rgba(147, 51, 234, .5);--text-primary: #f8fafc;--text-secondary: #94a3b8;--text-muted: #64748b;--border-subtle: rgba(148, 163, 184, .1);--border-glow-cyan: 0 0 5px var(--accent-cyan-glow), inset 0 0 10px rgba(6, 182, 212, .1);--border-glow-purple: 0 0 5px var(--accent-purple-glow);--shadow-panel: 0 8px 32px rgba(0, 0, 0, .6);--shadow-depth: inset 0 2px 10px rgba(0, 0, 0, .8);--glow-cyan: 0 0 15px rgba(6, 182, 212, .3);--glow-gold: 0 0 15px rgba(212, 175, 55, .2);--font-display: "Cinzel", serif;--font-body: "Inter", system-ui, -apple-system, sans-serif;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-normal: .25s cubic-bezier(.4, 0, .2, 1)}body{margin:0;padding:0;background-color:var(--bg-deep);background-image:linear-gradient(#0f0f124d,#0f0f124d),url(/assets/space-D1XOQ3_C.png),radial-gradient(circle at 50% 50%,#0a0f1acc,#0a0f1a33);background-size:cover,cover,cover;background-position:center,0% 0%,center;background-attachment:fixed,fixed,fixed;background-blend-mode:normal,normal,normal;animation:space-drift 120s linear infinite alternate;color:var(--text-primary);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow:hidden}@keyframes space-drift{0%{background-position:center,0% 0%,center}to{background-position:center,10% 5%,center}}#root{height:100vh;display:flex;flex-direction:column;overflow:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#0003;border-radius:3px}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#475569,#334155);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#64748b,#475569)}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);color:var(--text-primary);margin:0}.panel{background:var(--bg-panel);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-panel);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.panel-gold{position:relative;background:var(--bg-panel);border-radius:var(--radius-lg);box-shadow:var(--shadow-panel)}.panel-gold:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--radius-lg);padding:1px;background:linear-gradient(135deg,#d4af371a,#d4af3780,#d4af371a);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}input[type=text],input[type=number],input[type=email],textarea{background:var(--bg-input);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-primary);padding:var(--space-sm) var(--space-md);font-size:.9rem;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}input:focus,textarea:focus{outline:none;border-color:var(--accent-cyan);box-shadow:var(--glow-cyan)}select{background:var(--bg-input);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-primary);padding:var(--space-sm) var(--space-md);font-size:.9rem;cursor:pointer;transition:border-color var(--transition-fast),box-shadow var(--transition-fast);overscroll-behavior:contain}select:focus{outline:none;border-color:var(--accent-gold);box-shadow:var(--glow-gold)}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;cursor:pointer;width:100%;margin:10px 0}input[type=range]::-webkit-slider-runnable-track{width:100%;height:6px;background:linear-gradient(90deg,#22d3ee33,#22d3ee80);border-radius:3px;border:1px solid rgba(34,211,238,.3)}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;background:radial-gradient(circle,#fbbf24 30%,#b8860b);border:1px solid #fff;border-radius:50%;margin-top:-7px;box-shadow:0 0 10px #fbbf2499;transition:transform var(--transition-fast),box-shadow var(--transition-fast);z-index:2;position:relative}input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.2);box-shadow:0 0 15px #fbbf24cc;cursor:grab}input[type=range]:active::-webkit-slider-thumb{cursor:grabbing}.btn-primary{background:linear-gradient(135deg,#d4af37,#fbbf24,#b8860b);border:none;border-radius:var(--radius-md);color:#1a1a1a;font-family:var(--font-display);font-weight:600;padding:var(--space-sm) var(--space-lg);cursor:pointer;box-shadow:0 4px 15px #fbbf244d,inset 0 1px #ffffff4d;transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.btn-primary:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 6px 20px #fbbf2466,inset 0 1px #fff6}.btn-primary:active{transform:translateY(0) scale(.98)}.btn-secondary{background:transparent;border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-secondary);padding:var(--space-sm) var(--space-lg);cursor:pointer;transition:all var(--transition-fast)}.btn-secondary:hover{border-color:var(--accent-cyan);color:var(--accent-cyan);box-shadow:var(--glow-cyan)}.btn-icon{background:transparent;border:none;color:var(--text-muted);padding:var(--space-sm);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast)}.btn-icon:hover{color:var(--accent-cyan);background:#22d3ee1a}label{color:var(--text-secondary);font-size:.85rem;font-weight:500;margin-bottom:var(--space-xs);display:block}.section-title{font-family:var(--font-display);font-size:.9rem;color:var(--text-primary);text-transform:uppercase;letter-spacing:.1em;margin-bottom:var(--space-md);padding-bottom:var(--space-xs);border-bottom:1px solid var(--border-subtle)}@keyframes glowPulse{0%,to{box-shadow:0 0 5px var(--accent-cyan-glow)}50%{box-shadow:0 0 20px var(--accent-cyan-glow),0 0 30px var(--accent-cyan-glow)}}@keyframes goldShimmer{0%{background-position:-200% center}to{background-position:200% center}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-spinner{width:40px;height:40px;border:3px solid var(--border-subtle);border-top-color:var(--accent-cyan);border-radius:50%;animation:spin 1s linear infinite}.hover-lift{transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.hover-lift:hover{transform:translateY(-2px);box-shadow:var(--shadow-panel)}.shimmer-gold{background:linear-gradient(90deg,var(--accent-gold) 0%,#fff5dd 25%,var(--accent-gold) 50%,#fff5dd 75%,var(--accent-gold) 100%);background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:goldShimmer 3s linear infinite}.card-hover:hover{transform:translateY(-4px) scale(1.01);box-shadow:0 12px 40px #0006,0 0 20px var(--accent-gold-glow)}::selection{background:var(--accent-purple);color:#fff}:focus-visible{outline:2px solid var(--accent-cyan);outline-offset:2px}