:root{font-family:Hanken Grotesk,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light;color:#0f2a43;background-color:#f4f8fb;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--font-display: "Fraunces", "Georgia", serif;--font-body: "Hanken Grotesk", system-ui, sans-serif;--font-mono: "Spline Sans Mono", ui-monospace, "SF Mono", monospace;--primary: #1B74B8;--primary-rgb: 27, 116, 184;--primary-glow: rgba(27, 116, 184, .22);--secondary: #2BB3C9;--secondary-rgb: 43, 179, 201;--ink: #F4F8FB;--ink-raised: #FFFFFF;--bg-card: #FFFFFF;--border-color: rgba(15, 42, 67, .1);--border-strong: rgba(15, 42, 67, .18);--text: #0F2A43;--text-muted: #5B7185;--on-brass: #FFFFFF;--radius-card: 1.25rem;--radius-input: .7rem}*{box-sizing:border-box}html,body{max-width:100%;overflow-x:hidden}.cols-2{display:grid;grid-template-columns:1fr 1fr}@media(max-width:560px){.cols-2{grid-template-columns:1fr}}body{margin:0;display:flex;place-items:flex-start center;min-width:320px;min-height:100vh;background:radial-gradient(1200px 600px at 80% -10%,rgba(43,179,201,.12),transparent 60%),radial-gradient(900px 500px at 0% 110%,rgba(27,116,184,.1),transparent 60%),#f4f8fb}body:after{content:"";position:fixed;inset:0;pointer-events:none;z-index:9998;opacity:1;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='256' height='256'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.72' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='256' height='256' filter='url(%23g)' opacity='0.055'/%3E%3C/svg%3E");background-repeat:repeat;background-size:256px 256px;mix-blend-mode:multiply}#root{width:100%;max-width:1180px;margin:0 auto;padding:1.75rem;text-align:center}h1,h2,h3{font-family:var(--font-display);font-optical-sizing:auto}h1{font-size:clamp(2.4rem,6vw,4rem);line-height:1.05;font-weight:700;letter-spacing:-.025em;margin-bottom:1.5rem;color:var(--text)}.foil{background:linear-gradient(100deg,#2bb3c9 10%,#1b74b8 50%,#1c3d72 110%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.eyebrow{font-family:var(--font-mono);font-size:.72rem;font-weight:500;text-transform:uppercase;letter-spacing:.22em;color:var(--primary)}.card{position:relative;background:linear-gradient(180deg,#fff,#f7fbfd);border:1px solid var(--border-color);border-radius:var(--radius-card);padding:clamp(1.5rem,4vw,2.75rem);box-shadow:0 1px #ffffffe6 inset,0 24px 50px -30px #0f2a4347;max-width:820px;margin:0 auto;text-align:left;transition:transform .3s ease,box-shadow .3s ease}.card:before{content:"";position:absolute;inset:0 0 auto;height:1px;border-radius:var(--radius-card) var(--radius-card) 0 0;background:linear-gradient(90deg,transparent,rgba(43,179,201,.6),transparent)}button{border-radius:var(--radius-input);border:1px solid transparent;padding:.7em 1.3em;font-size:.95em;font-weight:600;font-family:var(--font-body);background-color:var(--primary);color:var(--on-brass);cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,background-color .2s ease,color .2s ease}button:hover{background-color:#2a8bd0;transform:translateY(-1px)}button:active{transform:translateY(0)}button:disabled{background-color:#dce5ec;color:var(--text-muted);opacity:.8;cursor:not-allowed;box-shadow:none;transform:none}select{background:#fff;border:1px solid var(--border-color);color:var(--text);padding:.55rem .9rem;border-radius:var(--radius-input);font-size:.9rem;font-family:var(--font-body);cursor:pointer;outline:none;transition:border-color .2s}select:focus{border-color:var(--primary)}.primary-btn{background:linear-gradient(135deg,#2bb3c9,#1b74b8 55%,#155e97);border:none;color:var(--on-brass);font-weight:700;border-radius:100px;box-shadow:0 6px 18px -6px #1b74b88c,0 1px #ffffff59 inset;transition:transform .3s cubic-bezier(.175,.885,.32,1.275),box-shadow .3s ease}.primary-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 12px 26px -8px #1b74b8b3,0 1px #ffffff73 inset}.primary-btn:disabled{background:#dce5ec;color:var(--text-muted);opacity:.8;box-shadow:none;transform:none}.suggestion-btn{background:#0f2a4308;border:1px solid var(--border-color);box-shadow:none;font-weight:500;color:var(--text-muted)}.suggestion-btn:hover{background:#1b74b814;border-color:var(--primary);color:var(--text)}.suggestion-btn.active{background:var(--primary);color:var(--on-brass);border-color:var(--primary)}.grid-suggestions{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1rem;margin-top:1.5rem}.lyrics-container{text-align:left;white-space:pre-wrap;font-family:var(--font-display);font-weight:400;line-height:1.85;font-size:1.2rem;padding:2rem 2.25rem;background:repeating-linear-gradient(180deg,transparent 0 31px,rgba(15,42,67,.05) 31px 32px),#fbfdfe;border-radius:1rem;border:1px solid var(--border-color);margin-top:2rem}.loader{width:48px;height:48px;border:5px solid rgba(15,42,67,.14);border-bottom-color:var(--primary);border-radius:50%;display:inline-block;box-sizing:border-box;animation:rotation 1s linear infinite}.loader-small{width:18px;height:18px;border:2.5px solid rgba(255,255,255,.45);border-bottom-color:var(--on-brass);border-radius:50%;display:inline-block;animation:rotation .8s linear infinite}.animate-spin{animation:rotation 1s linear infinite}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 12px #1b74b859}50%{box-shadow:0 0 22px #2bb3c999}}@keyframes spin-slow{to{transform:rotate(360deg)}}@keyframes fade-up{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.rise{animation:fade-up .55s cubic-bezier(.4,0,.2,1) both}.mode-pill{background:transparent;border:none;box-shadow:none;padding:.4rem .95rem;border-radius:100px;font-size:.85rem;font-weight:600;display:flex;align-items:center;gap:.5rem;color:var(--text-muted);transition:all .25s ease}.mode-pill:hover{background:#1b74b814;color:var(--text)}.mode-pill.active{background:var(--primary);color:var(--on-brass);box-shadow:0 4px 14px -4px var(--primary-glow)}.input-field{width:100%;box-sizing:border-box;padding:1.1rem 1.35rem;border-radius:var(--radius-input);background:#0f2a4306;border:1px solid var(--border-color);color:var(--text);font-family:var(--font-body);font-size:1.05rem;transition:all .25s cubic-bezier(.4,0,.2,1);outline:none}.input-field::placeholder{color:#5b7185b3}.input-field:focus{border-color:var(--primary);background:#fff;box-shadow:0 0 0 3px #1b74b81f}.search-box{display:flex;align-items:center;gap:1rem;padding:1.05rem 1.35rem;border-radius:var(--radius-input);background:#0f2a4306;border:1px solid var(--border-color);transition:all .25s ease}.search-box:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px #1b74b81f}.search-box input{flex:1;background:transparent;border:none;outline:none;color:var(--text);font-family:var(--font-body);font-size:1.1rem;font-weight:500}.search-box input::placeholder{color:#5b7185b3}.prompt-area{min-height:150px;resize:vertical;line-height:1.7;font-family:var(--font-body);letter-spacing:.005em}.section-label{display:flex;align-items:center;gap:.6rem;font-family:var(--font-body);font-size:.95rem;color:var(--text);font-weight:600;margin-bottom:.85rem;text-align:left}.section-label svg{color:var(--primary)}.slider-large{width:100%;height:6px;background:#0f2a431a;border-radius:5px;outline:none;-webkit-appearance:none;appearance:none}.slider-large::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;background:var(--primary);border-radius:50%;cursor:pointer;box-shadow:0 0 10px #1b74b880}.ripple{position:relative;overflow:hidden}.suggestion-item{transition:all .2s ease}.suggestion-item:hover{background:#1b74b81a!important;padding-left:1.5rem!important}.suggestion-item:active{background:var(--primary)!important}.switch{position:relative;display:inline-block;width:44px;height:24px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;inset:0;background-color:#0f2a431f;border:1px solid var(--border-color);transition:.4s}.slider:before{position:absolute;content:"";height:18px;width:18px;left:2px;bottom:2px;background-color:#fff;box-shadow:0 1px 3px #0f2a4340;transition:.4s}input:checked+.slider{background-color:var(--primary)}input:focus+.slider{box-shadow:0 0 0 2px #1b74b866}input:checked+.slider:before{transform:translate(20px);background-color:#fff}.slider.round{border-radius:34px}.slider.round:before{border-radius:50%}.text-muted{color:var(--text-muted)}.hover-bright{transition:filter .2s ease,opacity .2s ease}.hover-bright:hover{filter:brightness(1.15);opacity:1!important}.app-header{display:flex;align-items:center;justify-content:space-between;gap:1rem 1.25rem;flex-wrap:wrap;padding:.4rem 0 1.1rem;margin-bottom:2rem;border-bottom:1px solid var(--border-color)}.app-brand{display:flex;align-items:center;gap:.6rem;flex-shrink:0}.app-brand img.app-lockup{height:110px;width:auto;max-width:500px;object-fit:contain;border-radius:0;box-shadow:none}@media(max-width:720px){.app-brand img.app-lockup{height:76px;max-width:380px}}.app-wordmark{font-family:var(--font-display);font-size:1.2rem;font-weight:600;letter-spacing:-.01em;margin:0;color:var(--text)}.app-badge{margin-left:.4rem;padding:.2rem .6rem;border-radius:100px;font-family:var(--font-mono);font-size:.6rem;font-weight:500;text-transform:uppercase;letter-spacing:.12em;display:inline-flex;align-items:center;gap:.35rem;background:#1b74b81a;border:1px solid rgba(27,116,184,.28);color:var(--primary)}.app-badge .dot{width:5px;height:5px;border-radius:50%;background:var(--secondary)}.app-nav{display:flex;align-items:center;gap:.35rem;background:#0f2a4306;padding:.25rem;border-radius:100px;border:1px solid var(--border-color);flex-wrap:wrap}.app-nav .divider{width:1px;height:16px;background:var(--border-color);margin:0 .1rem}.app-controls{display:flex;gap:.6rem;align-items:center;flex-shrink:0}.icon-btn{display:inline-flex;align-items:center;justify-content:center;padding:.5rem;border-radius:.6rem;background:#0f2a430a;border:1px solid var(--border-color);color:var(--text-muted)}.icon-btn:hover{background:#1b74b81a;color:var(--primary)}.hero{max-width:820px;margin:2rem auto 2.5rem;text-align:left;animation:fade-up .6s ease both}.hero .eyebrow{display:block;margin-bottom:1rem}.hero-display{font-family:var(--font-display);font-optical-sizing:auto;font-size:clamp(3rem,9vw,6rem);line-height:.95;letter-spacing:-.04em;font-weight:900;color:var(--text);margin:0 0 1.5rem}.hero-display em{font-style:italic;font-weight:300;color:var(--primary);letter-spacing:-.02em}.hero-sub{max-width:46ch;margin:0;color:var(--text-muted);font-size:1.1rem;line-height:1.65}.keepsake{display:flex;align-items:center;gap:1.5rem;padding:1.25rem 1.4rem;margin-bottom:2.25rem;border-radius:1rem;background:radial-gradient(120% 140% at 0% 0%,rgba(43,179,201,.12),transparent 55%),#f8fbfd;border:1px solid var(--border-color)}.keepsake-disc{position:relative;width:96px;height:96px;flex-shrink:0;border-radius:50%;background:repeating-radial-gradient(circle at 50% 50%,#0b1622 0 1px,#16222f 1px 3px);box-shadow:0 0 0 1px #0f2a431f,0 10px 24px -10px #0f2a4373;display:grid;place-items:center}.keepsake-disc.spinning{animation:spin-slow 8s linear infinite}.keepsake-disc .label{width:52px;height:52px;border-radius:50%;background:radial-gradient(circle at 50% 35%,#46c8db,#1b74b8 70%,#1c3d72);display:grid;place-items:center;color:var(--on-brass);box-shadow:0 0 0 4px #0b1622,0 0 0 5px #2bb3c973}.keepsake-disc .label span{font-family:var(--font-mono);font-size:.5rem;font-weight:600;letter-spacing:.05em}.keepsake-disc .spindle{position:absolute;width:5px;height:5px;border-radius:50%;background:#f8fbfd;box-shadow:0 0 0 1px #0f2a4340}.keepsake-meta{text-align:left;min-width:0}.keepsake-meta .k-side{font-family:var(--font-mono);font-size:.62rem;letter-spacing:.18em;text-transform:uppercase;color:var(--primary)}.keepsake-meta .k-title{font-family:var(--font-display);font-size:1.35rem;font-weight:500;line-height:1.15;margin:.15rem 0 .2rem;color:var(--text);overflow-wrap:anywhere}.keepsake-meta .k-credit{font-size:.82rem;color:var(--text-muted)}.keepsake-meta .k-credit em{color:var(--text);font-style:normal;font-weight:600}.app-footer{margin-top:4rem;padding-top:1.5rem;color:var(--text-muted);font-size:.8rem;text-align:center}.app-footer .foot-mark{font-family:var(--font-display);font-style:italic;color:var(--text);font-size:.95rem}@media(max-width:720px){#root{padding:1rem}.app-header{gap:.75rem}.app-nav{order:3;width:100%;justify-content:center}.app-badge{display:none}.keepsake{gap:1rem;padding:1rem}.keepsake-disc{width:76px;height:76px}.keepsake-disc .label{width:42px;height:42px}}:focus-visible{outline:2px solid var(--primary);outline-offset:2px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}.keepsake-disc.spinning{animation:none}}body.skin-light-glass{--primary: #3b82f6;--secondary: #10b981;--bg-card: rgba(255, 255, 255, .7);--border-color: rgba(0, 0, 0, .1);--text-muted: #4b5563;color:#111827;background:radial-gradient(circle at top left,#f3f4f6,#e5e7eb)}body.skin-light-glass .card{box-shadow:0 4px 30px #0000001a;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}body.skin-light-glass select,body.skin-light-glass input{background:#0000000d;color:#111}body.skin-cyberpunk{--primary: #fce300;--primary-glow: rgba(252, 227, 0, .5);--secondary: #ff003c;--bg-card: #050505;--border-color: #fce300;--text-muted: #00f0ff;font-family:Share Tech Mono,monospace;background:#000 url('data:image/svg+xml;utf8,<svg width="20" height="20" xmlns="http://www.w3.org/2000/svg"><rect width="1" height="20" fill="rgba(0,240,255,0.05)"/></svg>')}body.skin-cyberpunk .card{border-radius:0;box-shadow:6px 6px 0 var(--secondary);border:2px solid var(--primary)}body.skin-cyberpunk button{border-radius:0;text-transform:uppercase;font-weight:900}body.skin-synthwave{--primary: #ff00ff;--primary-glow: rgba(255, 0, 255, .6);--secondary: #00ffff;--bg-card: rgba(20, 5, 40, .85);--border-color: #00ffff;--text-muted: #b983ff;background:linear-gradient(180deg,#103,#300055)}body.skin-synthwave .card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 0 30px #0ff3}body.skin-synthwave h1{background:linear-gradient(to bottom,#f0f,#0ff);-webkit-background-clip:text}body.skin-minimal-obsidian{--primary: #ffffff;--primary-glow: rgba(255,255,255,.2);--secondary: #999999;--bg-card: #000000;--border-color: #222222;--text-muted: #666666;background:#050505;color:#eee}body.skin-minimal-obsidian .card{box-shadow:none;border-radius:.2rem}body.skin-minimal-obsidian button{border-radius:.25rem;color:#000;background:#fff}body.skin-ocean-breeze{--primary: #0ea5e9;--secondary: #06b6d4;--bg-card: rgba(8, 47, 73, .6);--border-color: rgba(14, 165, 233, .3);--text-muted: #93c5fd;background:radial-gradient(circle at top,#0c4a6e,#020617)}body.skin-ocean-breeze .card{border-radius:2rem;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}body.skin-sunset{--primary: #f97316;--secondary: #eab308;--bg-card: rgba(30, 20, 15, .7);--border-color: rgba(249, 115, 22, .3);--text-muted: #fdba74;background:linear-gradient(135deg,#4c0519,#7c2d12,#9a3412)}body.skin-sunset button{background:linear-gradient(to right,#ea580c,#ca8a04)}body.skin-terminal{--primary: #22c55e;--primary-glow: rgba(34, 197, 94, .4);--secondary: #16a34a;--bg-card: #000000;--border-color: #14532d;--text-muted: #15803d;color:#22c55e;font-family:Courier New,monospace;background:#000}body.skin-terminal .card{border-radius:0;box-shadow:none}body.skin-terminal button{background:transparent;border:1px solid var(--primary);color:var(--primary);border-radius:0}body.skin-terminal input,body.skin-terminal select{background:#000;color:#22c55e;border:1px solid #14532d}body.skin-soft-pastel{--primary: #fda4af;--secondary: #c4b5fd;--bg-card: rgba(255, 255, 255, .9);--border-color: #fce7f3;--text-muted: #a1a1aa;color:#3f3f46;background:linear-gradient(to right,#fdf4ff,#e0e7ff)}body.skin-soft-pastel .card{box-shadow:0 10px 40px #8b5cf60d}body.skin-midnight-purple{--primary: #c084fc;--secondary: #a855f7;--bg-card: rgba(15, 5, 25, .8);--border-color: rgba(192, 132, 252, .2);--text-muted: #d8b4fe;background:#0f172a}body.skin-midnight-purple body{background:radial-gradient(circle at center,#2e1065,#020617)}body.skin-crimson{--primary: #e11d48;--secondary: #be123c;--bg-card: rgba(30, 5, 10, .8);--border-color: rgba(225, 29, 72, .3);--text-muted: #fca5a5;background:#2a0a12}body.skin-forest{--primary: #10b981;--secondary: #059669;--bg-card: rgba(5, 30, 20, .7);--border-color: rgba(16, 185, 129, .2);--text-muted: #6ee7b7;background:linear-gradient(to bottom,#064e3b,#022c22)}body.skin-vintage{--primary: #92400e;--secondary: #713f12;--bg-card: #fef08a;--border-color: #d97706;--text-muted: #854d0e;color:#451a03;background:#fef9c3;font-family:Georgia,serif}body.skin-vintage input,body.skin-vintage select{color:#451a03;border:1px solid #b45309}body.skin-neon-tokyo{--primary: #38bdf8;--primary-glow: rgba(56, 189, 248, .6);--secondary: #e879f9;--bg-card: #080808;--border-color: #38bdf8;--text-muted: #7dd3fc;background:#000}body.skin-neon-tokyo .card{border-radius:2rem;box-shadow:0 0 40px #e879f91a;border-width:2px}body.skin-frostbite{--primary: #e0f2fe;--secondary: #bae6fd;--bg-card: rgba(255, 255, 255, .1);--border-color: rgba(255, 255, 255, .2);--text-muted: #cbd5e1;background:radial-gradient(circle at center,#0284c7,#082f49)}body.skin-royal-gold{--primary: #eab308;--secondary: #a16207;--bg-card: rgba(15, 15, 10, .9);--border-color: rgba(234, 179, 8, .3);--text-muted: #fde047;background:radial-gradient(circle at top right,#3f2c00,#000)}body.skin-brutalism{--primary: #000;--primary-glow: rgba(0,0,0,0);--secondary: #333;--bg-card: #fff;--border-color: #000;--text-muted: #555;color:#000;background:#e5e5e5;font-family:system-ui}body.skin-brutalism .card{box-shadow:8px 8px #000;border:3px solid #000;border-radius:0}body.skin-brutalism button{border:2px solid #000;border-radius:0;box-shadow:4px 4px #000}body.skin-brutalism select,body.skin-brutalism input{border:2px solid #000;border-radius:0;color:#000;background:#fff}body.skin-ethereal{--primary: #94a3b8;--secondary: #cbd5e1;--bg-card: rgba(255,255,255,.4);--border-color: rgba(255,255,255,.6);--text-muted: #64748b;color:#334155;background:#f8fafc}body.skin-ethereal .card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:2rem;box-shadow:0 8px 32px #94a3b81a}body.skin-ethereal input,body.skin-ethereal select{color:#334155;background:#fffc}body.skin-candy{--primary: #f472b6;--secondary: #34d399;--bg-card: rgba(255, 255, 255, .85);--border-color: #fbcfe8;--text-muted: #9ca3af;color:#4b5563;background:linear-gradient(135deg,#fce7f3,#d1fae5)}body.skin-candy .card{border-radius:3rem;border:4px solid #fbcfe8}body.skin-candy button{border-radius:3rem;background:linear-gradient(to right,#f472b6,#818cf8)}body.skin-galaxy{--primary: #818cf8;--secondary: #c084fc;--bg-card: rgba(0, 0, 20, .6);--border-color: rgba(129, 140, 248, .3);--text-muted: #a5b4fc;background:#000 url(https://www.transparenttextures.com/patterns/stardust.png)}body.skin-galaxy .card{border-radius:50% 20%/10% 40%;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}body.skin-emerald-city{--primary: #34d399;--secondary: #10b981;--bg-card: rgba(6, 78, 59, .8);--border-color: rgba(52, 211, 153, .3);--text-muted: #a7f3d0;background:radial-gradient(circle at bottom right,#022c22,#064e3b)}body.skin-emerald-city .card{border:2px solid var(--border-color);box-shadow:0 0 40px #34d39926}body.skin-deep-space{--primary: #c4b5fd;--secondary: #8b5cf6;--bg-card: rgba(0, 0, 0, .8);--border-color: #4c1d95;--text-muted: #a78bfa;background:#000;font-family:monospace}body.skin-deep-space button{border-radius:4px;border:1px solid var(--primary);background:transparent}body.skin-desert-sand{--primary: #d97706;--secondary: #b45309;--bg-card: rgba(254, 243, 199, .9);--border-color: rgba(217, 119, 6, .2);--text-muted: #92400e;color:#451a03;background:#fef3c7}body.skin-arctic-ice{--primary: #7dd3fc;--secondary: #38bdf8;--bg-card: rgba(255, 255, 255, .6);--border-color: rgba(255, 255, 255, .8);--text-muted: #94a3b8;color:#0f172a;background:linear-gradient(to bottom right,#e0f2fe,#f0f9ff)}body.skin-arctic-ice .card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:1rem}body.skin-volcanic-ash{--primary: #ef4444;--secondary: #b91c1c;--bg-card: rgba(20, 20, 20, .9);--border-color: #450a0a;--text-muted: #fca5a5;background:#111}body.skin-volcanic-ash .card{box-shadow:0 5px 25px #ef444433}body.skin-sakura{--primary: #f43f5e;--secondary: #e11d48;--bg-card: rgba(255, 228, 230, .8);--border-color: #fda4af;--text-muted: #881337;color:#4c0519;background:#fff1f2}body.skin-midnight-city{--primary: #fbbf24;--secondary: #f59e0b;--bg-card: rgba(15, 23, 42, .85);--border-color: rgba(251, 191, 36, .2);--text-muted: #fde68a;background:linear-gradient(180deg,#020617,#1e1b4b)}body.skin-retro-arcade{--primary: #10b981;--secondary: #3b82f6;--bg-card: #000;--border-color: #10b981;--text-muted: #6ee7b7;font-family:Courier New,monospace;background:#111}body.skin-retro-arcade button{border:2px dashed var(--primary);background:transparent;border-radius:0}body.skin-retro-arcade .card{border:3px double var(--secondary);border-radius:0}body.skin-copper-patina{--primary: #14b8a6;--secondary: #0f766e;--bg-card: rgba(69, 26, 3, .8);--border-color: #14b8a6;--text-muted: #99f6e4;background:#451a03}body.skin-mint-choco{--primary: #4ade80;--secondary: #22c55e;--bg-card: rgba(63, 63, 70, .9);--border-color: #27272a;--text-muted: #a7f3d0;background:#27272a}body.skin-dark-matter{--primary: #a855f7;--secondary: #7e22ce;--bg-card: #000;--border-color: #2c0e37;--text-muted: #d8b4fe;background:#000}body.skin-dark-matter .card{box-shadow:0 0 50px #a855f71a}body.skin-solar-flare{--primary: #ffed4a;--secondary: #f97316;--bg-card: rgba(67, 20, 7, .8);--border-color: rgba(255, 237, 74, .3);--text-muted: #fef08a;background:linear-gradient(45deg,#7c2d12,#9a3412)}body.skin-liquid-metal{--primary: #94a3b8;--secondary: #64748b;--bg-card: linear-gradient(135deg, rgba(203, 213, 225, .8), rgba(241, 245, 249, .6));--border-color: #e2e8f0;--text-muted: #334155;color:#0f172a;background:#f8fafc}body.skin-liquid-metal .card{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);box-shadow:0 10px 40px #0000001a}body.skin-velvet-night{--primary: #ec4899;--secondary: #be185d;--bg-card: #171717;--border-color: #404040;--text-muted: #fbcfe8;background:#0a0a0a}body.skin-electric-lime{--primary: #a3e635;--primary-glow: rgba(163, 230, 53, .4);--secondary: #65a30d;--bg-card: rgba(10, 10, 10, .9);--border-color: #a3e635;--text-muted: #d9f99d;background:#111}body.skin-deep-ocean{--primary: #3b82f6;--secondary: #1d4ed8;--bg-card: rgba(30, 58, 138, .6);--border-color: rgba(59, 130, 246, .2);--text-muted: #bfdbfe;background:#020617}body.skin-dusty-rose{--primary: #fb7185;--secondary: #e11d48;--bg-card: rgba(255, 241, 242, .9);--border-color: rgba(251, 113, 133, .3);--text-muted: #881337;color:#4c0519;background:#ffe4e6}body.skin-autumn-leaves{--primary: #d97706;--secondary: #9a3412;--bg-card: rgba(254, 243, 199, .85);--border-color: #f59e0b;--text-muted: #78350f;color:#451a03;background:#fffbeb}body.skin-neon-oasis{--primary: #34d399;--secondary: #06b6d4;--bg-card: #000;--border-color: #34d399;--text-muted: #a7f3d0;background:#0a0a0a}body.skin-neon-oasis border{box-shadow:0 0 20px #34d39933}body.skin-ghost-town{--primary: #d1d5db;--secondary: #9ca3af;--bg-card: rgba(17, 24, 39, .8);--border-color: #374151;--text-muted: #6b7280;background:#030712}body.skin-matcha{--primary: #84cc16;--secondary: #4d7c0f;--bg-card: rgba(236, 252, 203, .8);--border-color: rgba(132, 204, 22, .3);--text-muted: #365314;color:#1a2e05;background:#f7fee7}body.skin-lavender-haze{--primary: #d8b4fe;--secondary: #a855f7;--bg-card: rgba(250, 245, 255, .85);--border-color: #e9d5ff;--text-muted: #581c87;color:#3b0764;background:#fdf4ff}body.skin-slate{--primary: #cbd5e1;--secondary: #64748b;--bg-card: rgba(30, 41, 59, .8);--border-color: rgba(203, 213, 225, .2);--text-muted: #94a3b8;background:#0f172a}body.skin-cobalt{--primary: #60a5fa;--secondary: #2563eb;--bg-card: rgba(30, 58, 138, .8);--border-color: rgba(96, 165, 250, .3);--text-muted: #bfdbfe;background:#172554}body.skin-peach-fizz{--primary: #fdba74;--secondary: #ea580c;--bg-card: rgba(255, 237, 213, .9);--border-color: #ffedd5;--text-muted: #9a3412;color:#431407;background:#fff7ed}body.skin-amber-glow{--primary: #fbbf24;--secondary: #d97706;--bg-card: rgba(20, 20, 20, .9);--border-color: rgba(251, 191, 36, .3);--text-muted: #fde68a;background:#000}body.skin-twilight{--primary: #818cf8;--secondary: #4f46e5;--bg-card: rgba(49, 46, 129, .7);--border-color: rgba(129, 140, 248, .2);--text-muted: #c7d2fe;background:linear-gradient(to right,#1e1b4b,#312e81)}body.skin-silver-lining{--primary: #e2e8f0;--secondary: #cbd5e1;--bg-card: rgba(255, 255, 255, .1);--border-color: rgba(255, 255, 255, .3);--text-muted: #f8fafc;background:#475569}body.skin-silver-lining .card{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}body.skin-ruby-red{--primary: #f43f5e;--secondary: #be123c;--bg-card: rgba(76, 5, 25, .8);--border-color: rgba(244, 63, 94, .2);--text-muted: #fecdd3;background:#4c0519}body.skin-diamond-dust{--primary: #e0f2fe;--secondary: #7dd3fc;--bg-card: rgba(240, 249, 255, .9);--border-color: #bae6fd;--text-muted: #0369a1;color:#082f49;background:linear-gradient(135deg,#fff,#e0f2fe)}body.skin-diamond-dust .card{box-shadow:0 10px 30px #7dd3fc4d;border-radius:0}