/* Cardkind: midnight glass, spectral light, precision chrome. */
:root{color-scheme:dark;--ink:#f2f2ff;--muted:#a8abc6;--paper:#080a14;--green:#bacaff;--lime:#101426;--line:#30344d;--spectrum:linear-gradient(115deg,#a4f7ff 0%,#b6b6ff 34%,#f1b8ef 65%,#d8fdff 100%)}
body{background:radial-gradient(ellipse at 85% 12%,#49206d40,transparent 38%),radial-gradient(ellipse at 7% 30%,#144a6640,transparent 35%),#080a14;color:var(--ink)}
header{background:#090b16c9;border-color:#363955;backdrop-filter:blur(20px);height:88px}.brand{letter-spacing:-1px;color:#faf9ff}.brandmark{background:var(--spectrum);color:#14162c;border:1px solid #eef6ff;box-shadow:0 0 20px #a6a0ff25;border-radius:4px}.brandnote{color:#a4acc9;border-color:#454962}.free{color:#bac4e1}header nav a{color:#acb0cb}header nav a.active{color:#e3e7ff;border-bottom-color:#b5d3ff}#count{background:#292d48;color:#dce0ff}.intro{padding:42px 0 30px}.eyebrow{color:#a3ddec;letter-spacing:2.2px}h1{font-size:42px;letter-spacing:-1.8px;background:var(--spectrum);background-clip:text;-webkit-background-clip:text;color:transparent;max-width:770px}.intro p:not(.eyebrow){color:#a9aecb}.issue{color:#9d9fbb}
.studio{border-radius:12px;border:1px solid #626383;box-shadow:0 0 0 1px #0d1020,0 22px 85px #0007,0 0 50px #8a65ff0b;background:#0f1220;position:relative;isolation:isolate}.studio::before{content:'';height:2px;position:absolute;inset:0 0 auto;background:var(--spectrum);z-index:1}.controls{background:linear-gradient(145deg,#181a2dc9,#0d1120);padding:30px 34px}.step{border-color:#596184;color:#cbd4ff;background:#1b2035;font-weight:bold}.section-title h2{color:#f0efff}.styles{gap:9px}.style-option{border:1px solid #3b405d;background:linear-gradient(140deg,#262a42,#151a2b);color:#c5cae2;border-radius:5px;min-height:64px;transition:border-color .2s,box-shadow .2s}.style-option[aria-pressed=true]{border-color:#b4d9ff;background:linear-gradient(125deg,#a3c4ff21,#ce93ff24);box-shadow:inset 0 0 12px #c7e9ff0b,0 0 14px #a392ff15;color:#f5f4ff}.style-option .swatch{box-shadow:1px 2px 5px #0008;transform:rotate(-9deg)}.style-option[data-style=celestial] .swatch{border-color:#bceaff;background:var(--spectrum)}.upload{background:linear-gradient(130deg,#96cfff09,#c98eff0b);border-color:#656a8d;border-radius:6px;transition:background .2s,border-color .2s}.upload:hover{border-color:#bbd6ff;background:#b5bdff14}.upload-icon{color:#c4dcff;text-shadow:0 0 18px #ae87ff}.upload strong{color:#e6eaff}.privacy-note,.small,.upload span:last-of-type{color:#a6afc9}.controls label{color:#bfc6df}input,select{background:#0c1120;color:#eaefff;border-color:#3e4664;border-radius:4px;box-shadow:inset 0 1px 4px #0003}input:hover,select:hover{border-color:#6c779c}input[type=range]{accent-color:#b9bbff;box-shadow:none}details{border-color:#343b56}summary{color:#ced4ed}.text-button{color:#c6caff}.reset{color:#9baace}.preview-panel{position:relative;border-color:#424765;background:radial-gradient(ellipse at 50% 35%,#9259c140 0%,transparent 55%),radial-gradient(ellipse at 38% 48%,#2a96a530,transparent 45%),linear-gradient(150deg,#15172c,#0c1324 70%);overflow:hidden}.preview-panel::before{content:'';position:absolute;inset:20px;pointer-events:none;border:1px solid #acb8e013;border-radius:50%;transform:scale(.94,.8) rotate(-28deg);box-shadow:0 0 80px #799eff08,inset 0 0 50px #799eff06}.preview-top,.preview-caption{position:relative;color:#bbc9e8;letter-spacing:1.7px}.preview-top i{background:#adf4fc;box-shadow:0 0 10px #8adfff}.card-stage{position:relative;perspective:1000px;padding:32px 15px}.card-stage::after{content:'';position:absolute;width:55%;height:24px;bottom:4px;border-radius:50%;background:#917df854;filter:blur(24px);pointer-events:none}#card{border-radius:15px;transform:rotate(-2deg) rotateY(-3deg);box-shadow:1px 1px 0 #e3e8ff88,8px 16px 40px #0009,0 0 35px #8b8dfb35;transition:transform .35s,box-shadow .35s}#card:hover{transform:rotate(0) rotateY(0);box-shadow:1px 1px 0 #e3e8ffbb,8px 16px 40px #0009,0 0 45px #8b8dfb55}.export-area{position:relative;background:linear-gradient(145deg,#22263fd9,#151b2ee6);border-color:#555c7e;border-radius:7px;box-shadow:inset 0 1px 0 #e1ecff13}.export-area .step{background:#a1b7ff16}.primary{background:var(--spectrum);border:1px solid #e1ecff;color:#10162b;border-radius:4px;box-shadow:0 3px 20px #bfc4ff18;text-shadow:0 1px #fff3}.primary:hover{filter:brightness(1.09);box-shadow:0 3px 25px #bfc4ff30}.download-row select{background:#12182b;border-color:#596487;color:#d4deff}.secondary-actions button,.outline{border-color:#505a7b;color:#c5d1ef;background:#879dff08;border-radius:4px}.secondary-actions button:hover,.outline:hover{background:#aac5ff14;border-color:#9fb9ea;filter:none}.export-note,.muted{color:#9faac6}#status{color:#c1f3ee}.inspiration{background:linear-gradient(105deg,#5865a00d,#9b56c617,#596eb50a);padding:26px 22px;border-color:#3d405f;border-radius:7px}.inspiration h2{color:#e4e4ff}.inspiration p{color:#a8b0cd}.inspiration>.eyebrow{color:#c0b5f0}.collection h2 span{color:#898eb8}.empty{border-color:#464d70;background:linear-gradient(135deg,#a8adff07,#99d6ff04);color:#abb4d0}.saved-card{background:linear-gradient(130deg,#262c44,#151a2d);border-color:#48516e;border-radius:7px}.saved-card img{box-shadow:0 8px 20px #0005}.saved-card button{background:#151c31;border-color:#4c587a;color:#d5e2ff}.guide-grid a,.guide-grid a:nth-child(2),.guide-grid a:nth-child(3){background:linear-gradient(135deg,#20243b,#121829);border:1px solid #424b6a;border-top-color:#8aa5c5;border-radius:7px;transition:transform .2s,border-color .2s}.guide-grid a:nth-child(2){background:linear-gradient(135deg,#29213b,#171425);border-top-color:#b099d7}.guide-grid a:nth-child(3){background:linear-gradient(135deg,#182e3b,#111b2a);border-top-color:#8ad5de}.guide-grid a:hover{transform:translateY(-3px);border-color:#a8bff0}.guide-grid span{color:#a5bcdf}.guide-grid h3{color:#e7edff}.guide-grid p,.faq p{color:#a8b3d0}.guide-grid b{color:#cad9ff}.faq a,.article a:not(.primary){color:#aeeafa}footer{background:#090d19;border-color:#353e59}footer>span,footer p{color:#9aa7c3}footer nav{color:#bbc6e0}dialog{background:#12192b;color:#e6ebff;border-color:#7285ac;box-shadow:0 0 70px #727eea20}dialog::backdrop{background:#050715cf;backdrop-filter:blur(8px)}.dialog-head button{color:#d4e3ff}.article h1{background:var(--spectrum);background-clip:text;-webkit-background-clip:text;color:transparent}.article p,.article li{color:#b1bbd5}.article table{color:#bbc8e3}.article th{background:#212941;color:#e1eaff}.article .note{background:#28223d;border-color:#c1a7f1}.article .guide-grid{grid-template-columns:1fr}.article .guide-grid h3{margin-top:12px}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible{outline-color:#b9ddff}
@media(max-width:900px){h1{font-size:35px}.controls{padding:24px}}@media(max-width:650px){header{height:auto}.intro{padding:28px 0 24px}h1{font-size:32px;letter-spacing:-1px}.inspiration{padding:22px 16px}.preview-panel::before{inset:15px}.card-stage{padding:26px 15px}.controls{padding:24px 20px}#card{max-width:250px}.guide-grid a:hover{transform:none}}
@media print{dialog{box-shadow:none!important;color:#000!important}#print-sheet{background:white}}