@import"https://fonts.googleapis.com/css2?family=Cinzel:wght@600;700&family=Crimson+Pro:ital,wght@0,400;0,600;1,400&family=Orbitron:wght@500;700&family=Share+Tech+Mono&display=swap";:root,[data-theme=basic]{--font-body: system-ui, sans-serif;--font-display: system-ui, sans-serif;--color-bg: #f8fafc;--color-surface: #ffffff;--color-surface-muted: #f1f5f9;--color-text: #0f172a;--color-text-muted: #64748b;--color-border: #e2e8f0;--color-input-border: #cbd5e1;--color-primary: #0f172a;--color-primary-text: #ffffff;--color-secondary: #334155;--color-error: #b91c1c;--color-link: #0f172a;--color-accent: #334155;--radius-card: .75rem;--radius-control: .5rem;--shadow-card: 0 1px 2px rgba(15, 23, 42, .06);--shadow-glow: none;--border-width: 1px;--border-style: solid;--letter-display: .02em;--letter-ui: 0;--text-transform-ui: none;--heading-weight: 700;--control-weight: 500;--space-wrap: 1rem;--app-bar-pad-y: .75rem;--transition-theme: background-color .2s ease, color .2s ease, border-color .2s ease, box-shadow .2s ease}[data-theme=fantasy]{--font-body: "Crimson Pro", Georgia, "Times New Roman", serif;--font-display: "Cinzel", "Palatino Linotype", serif;--color-bg: #140e08;--color-surface: #2a1c10;--color-surface-muted: #3a2614;--color-text: #f4e4bc;--color-text-muted: #c9a86c;--color-border: #c9a227;--color-input-border: #8b6914;--color-primary: #8b4513;--color-primary-text: #fff8e7;--color-secondary: #5c3317;--color-error: #ff8a7a;--color-link: #ffd700;--color-accent: #ffd700;--radius-card: .2rem;--radius-control: .15rem;--shadow-card: 0 8px 28px rgba(0, 0, 0, .55), inset 0 1px 0 rgba(255, 215, 0, .18);--shadow-glow: 0 0 18px rgba(201, 162, 39, .28);--border-width: 2px;--border-style: solid;--letter-display: .14em;--letter-ui: .04em;--text-transform-ui: none;--heading-weight: 700;--control-weight: 600}[data-theme=circuit]{--font-body: "Share Tech Mono", "Courier New", monospace;--font-display: "Orbitron", "Segoe UI", sans-serif;--color-bg: #020208;--color-surface: #070712;--color-surface-muted: #0c0c1a;--color-text: #d8ffff;--color-text-muted: #5ee7ff;--color-border: #00f0ff;--color-input-border: #007a8a;--color-primary: #00f0ff;--color-primary-text: #020208;--color-secondary: #ff006e;--color-error: #ff3366;--color-link: #00f0ff;--color-accent: #ff006e;--radius-card: 0;--radius-control: 0;--shadow-card: 0 0 24px rgba(0, 240, 255, .18), inset 0 0 40px rgba(0, 240, 255, .04);--shadow-glow: 0 0 18px rgba(0, 240, 255, .5);--border-width: 1px;--border-style: solid;--letter-display: .22em;--letter-ui: .1em;--text-transform-ui: uppercase;--heading-weight: 700;--control-weight: 700}:root{font-family:var(--font-body);color:var(--color-text);background:var(--color-bg);line-height:1.45}body{margin:0;min-height:100vh;background:var(--color-bg);transition:var(--transition-theme)}#root{min-height:100vh}.app-shell{position:relative;isolation:isolate;min-height:100vh}.app-frame{position:relative;z-index:1}h1,h2,.col h2,.app-brand,.theme-picker-trigger-value,.theme-picker-option-name{font-family:var(--font-display);letter-spacing:var(--letter-display);font-weight:var(--heading-weight)}h1{margin:0 0 .35rem}a{color:var(--color-link)}.theme-atmosphere{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;overflow:hidden}.theme-atmosphere-back,.theme-atmosphere-mid,.theme-atmosphere-fx,.theme-atmosphere-vignette{position:absolute;top:0;right:0;bottom:0;left:0}.app-bar{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:1rem;max-width:64rem;margin:0 auto;padding:var(--app-bar-pad-y) 1rem}.app-brand{display:inline-flex;align-items:center;gap:.55rem;font-size:1.25rem;text-decoration:none;color:var(--color-text);text-transform:var(--text-transform-ui)}.app-brand-mark{display:none}.theme-picker{position:relative;z-index:50}.theme-picker-trigger{display:flex;align-items:center;gap:.5rem;padding:.45rem .75rem;background:var(--color-surface);color:var(--color-text);border:var(--border-width) var(--border-style) var(--color-border);border-radius:var(--radius-control);box-shadow:var(--shadow-glow);cursor:pointer;font:inherit;font-size:.85rem;font-weight:var(--control-weight);letter-spacing:var(--letter-ui);text-transform:var(--text-transform-ui)}.theme-picker-trigger-label{color:var(--color-text-muted);font-size:.72rem;text-transform:uppercase;letter-spacing:.08em}.theme-picker-trigger-value{font-weight:600}.theme-picker-trigger-chevron{font-size:.7rem;opacity:.7}.theme-picker-menu{position:absolute;top:calc(100% + .35rem);right:0;min-width:min(22rem,calc(100vw - 2rem));margin:0;padding:.35rem;list-style:none;background:var(--color-surface);border:var(--border-width) var(--border-style) var(--color-border);border-radius:var(--radius-card);box-shadow:var(--shadow-card),0 8px 32px #00000059}.theme-picker-option{display:flex;align-items:center;gap:.85rem;width:100%;min-height:4.75rem;padding:.85rem 1rem;margin:0;text-align:left;background:transparent;color:var(--color-text);border:2px solid transparent;border-radius:calc(var(--radius-card) - .05rem);cursor:pointer;font:inherit;text-transform:none;letter-spacing:0;transition:border-color .12s ease,background-color .12s ease,box-shadow .12s ease}.theme-picker-option:hover,.theme-picker-option:focus-visible{background:var(--color-surface-muted);outline:none}.theme-picker-option.is-selected{border-color:var(--color-border);box-shadow:var(--shadow-glow)}.theme-picker-option--basic.is-selected{background:linear-gradient(135deg,#f8fafc,#e2e8f0);color:#0f172a}.theme-picker-option--fantasy{background:linear-gradient(160deg,#3a2614,#1a1208);color:#f4e4bc;font-family:Cinzel,serif}.theme-picker-option--fantasy:hover,.theme-picker-option--fantasy:focus-visible,.theme-picker-option--fantasy.is-selected{background:linear-gradient(160deg,#4a3218,#2a1c10);border-color:#c9a227;box-shadow:0 0 16px #c9a22759}.theme-picker-option--circuit{background:linear-gradient(135deg,#0a0a16,#050508);color:#e0ffff;font-family:Orbitron,sans-serif;letter-spacing:.06em}.theme-picker-option--circuit:hover,.theme-picker-option--circuit:focus-visible,.theme-picker-option--circuit.is-selected{border-color:#00f0ff;box-shadow:0 0 20px #00f0ff59}.theme-picker-swatch{display:flex;flex-shrink:0;gap:.2rem;width:2.5rem}.theme-picker-swatch-chip{flex:1;height:2.5rem;border-radius:.2rem;border:1px solid rgba(255,255,255,.15)}.theme-picker-option-text{display:grid;gap:.25rem;flex:1;min-width:0}.theme-picker-option-name{font-size:1.05rem;line-height:1.25}.theme-picker-option-tagline{font-family:var(--font-body);font-size:.82rem;opacity:.85;line-height:1.35;letter-spacing:0;text-transform:none;font-weight:400}.theme-picker-check{flex-shrink:0;font-size:1.1rem;font-weight:700;color:var(--color-link)}[data-theme=fantasy] .theme-picker-option--fantasy .theme-picker-check{color:gold}[data-theme=circuit] .theme-picker-option--circuit .theme-picker-check{color:#00f0ff;text-shadow:0 0 8px #00f0ff}.wrap{max-width:28rem;margin:1rem auto 2rem;padding:0 var(--space-wrap)}.wrap.wide{max-width:64rem}.card,.col{position:relative;background:var(--color-surface);border:var(--border-width) var(--border-style) var(--color-border);border-radius:var(--radius-card);box-shadow:var(--shadow-card);transition:var(--transition-theme)}.card{padding:1rem;display:grid;gap:.75rem}label{display:grid;gap:.25rem;font-size:.9rem}input,select,button,textarea{font:inherit;font-weight:var(--control-weight);letter-spacing:var(--letter-ui);padding:.5rem .6rem;border-radius:var(--radius-control);border:1px solid var(--color-input-border);background:var(--color-surface-muted);color:var(--color-text);transition:var(--transition-theme)}button,a.cta{background:var(--color-primary);color:var(--color-primary-text);border:none;cursor:pointer;text-transform:var(--text-transform-ui)}a.cta{display:inline-block;text-decoration:none}button:disabled{opacity:.6;cursor:not-allowed}.muted{color:var(--color-text-muted);font-size:.9rem}.error{color:var(--color-error)}.board{display:grid;grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));gap:1rem;margin-top:1rem}.col{padding:.75rem;min-height:12rem}.col h2{font-size:1rem;margin:0 0 .5rem;text-transform:var(--text-transform-ui)}.card-item{position:relative;background:var(--color-surface-muted);border-radius:var(--radius-control);padding:.5rem;margin-bottom:.5rem;font-size:.9rem;transition:var(--transition-theme)}.card-actions{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:.35rem}.card-actions button{font-size:.75rem;padding:.25rem .4rem;background:var(--color-secondary)}.row{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;align-items:flex-start}table{width:100%;border-collapse:collapse;font-size:.85rem}th,td{text-align:left;padding:.4rem .5rem;border-bottom:1px solid var(--color-border)}[data-theme=basic] .theme-atmosphere-back{background:radial-gradient(ellipse 80% 50% at 50% -10%,#e2e8f0,transparent 55%),linear-gradient(180deg,#f8fafc,#eef2f7)}[data-theme=basic] .app-brand-mark{display:inline-block;width:.7rem;height:.7rem;border-radius:.15rem;background:var(--color-primary)}[data-theme=basic] h1{letter-spacing:-.02em}[data-theme=fantasy] .theme-atmosphere-back{background:radial-gradient(ellipse 70% 45% at 50% -8%,rgba(201,162,39,.22),transparent 58%),radial-gradient(circle at 12% 88%,rgba(255,120,40,.12),transparent 36%),radial-gradient(circle at 88% 18%,rgba(201,162,39,.1),transparent 32%),linear-gradient(180deg,#1c1208,#0c0804)}[data-theme=fantasy] .theme-atmosphere-mid{opacity:.18;background-image:repeating-linear-gradient(0deg,transparent,transparent 3px,rgba(80,50,16,.35) 3px,rgba(80,50,16,.35) 4px),repeating-linear-gradient(90deg,transparent,transparent 11px,rgba(90,55,18,.2) 11px,rgba(90,55,18,.2) 12px);-webkit-mask-image:radial-gradient(ellipse 80% 70% at 50% 40%,#000 40%,transparent 80%);mask-image:radial-gradient(ellipse 80% 70% at 50% 40%,#000 40%,transparent 80%)}[data-theme=fantasy] .theme-atmosphere-fx{background:radial-gradient(circle at 20% 70%,rgba(255,140,40,.08),transparent 18%),radial-gradient(circle at 78% 30%,rgba(255,200,80,.07),transparent 16%);animation:fantasy-embers 8s ease-in-out infinite alternate}[data-theme=fantasy] .theme-atmosphere-vignette{background:radial-gradient(ellipse 75% 70% at 50% 45%,transparent 40%,rgba(8,4,0,.72) 100%)}@keyframes fantasy-embers{0%{opacity:.7;transform:translateY(0)}to{opacity:1;transform:translateY(-8px)}}[data-theme=fantasy] .app-bar{margin-top:.5rem}[data-theme=fantasy] .app-bar:after{content:"";position:absolute;left:1rem;right:1rem;bottom:0;height:3px;background:linear-gradient(90deg,transparent,#8b6914 12%,#ffd700 50%,#8b6914 88%,transparent);box-shadow:0 0 10px #ffd70059}[data-theme=fantasy] .app-brand{color:gold;text-shadow:0 2px 10px rgba(0,0,0,.55)}[data-theme=fantasy] .app-brand-mark{display:inline-block;width:.85rem;height:.85rem;background:conic-gradient(from 45deg,#c9a227,#fff1a8,#8b6914,#c9a227);clip-path:polygon(50% 0%,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);filter:drop-shadow(0 0 6px rgba(255,215,0,.45))}[data-theme=fantasy] h1{color:gold;text-shadow:0 2px 10px rgba(0,0,0,.6);text-align:center}[data-theme=fantasy] .wrap:not(.wide) h1{padding-bottom:.55rem}[data-theme=fantasy] .wrap:not(.wide) h1:after{content:"✦ · ✦ · ✦";display:block;margin-top:.45rem;font-size:.7rem;letter-spacing:.45em;color:#c9a227;text-shadow:none}[data-theme=fantasy] .wrap.wide h1{text-align:left}[data-theme=fantasy] .card,[data-theme=fantasy] .col,[data-theme=fantasy] .theme-picker-menu{background:linear-gradient(180deg,rgba(255,215,0,.05),transparent 28%),repeating-linear-gradient(0deg,#2a1c10f5,#2a1c10f5 2px,#322212f5 2px,#322212f5 4px);border-color:#c9a227;box-shadow:var(--shadow-card),inset 0 0 0 4px #1a1208,inset 0 0 0 5px #c9a22773}[data-theme=fantasy] .card:before,[data-theme=fantasy] .col:before,[data-theme=fantasy] .card:after,[data-theme=fantasy] .col:after{content:"◆";position:absolute;color:gold;font-size:.55rem;line-height:1;text-shadow:0 0 6px rgba(255,215,0,.5);z-index:1}[data-theme=fantasy] .card:before,[data-theme=fantasy] .col:before{top:.15rem;left:.35rem}[data-theme=fantasy] .card:after,[data-theme=fantasy] .col:after{top:.15rem;right:.35rem}[data-theme=fantasy] .col h2{color:gold;text-align:center;border-bottom:1px solid rgba(201,162,39,.45);padding-bottom:.4rem;margin-bottom:.7rem}[data-theme=fantasy] .card-item{background:linear-gradient(180deg,rgba(255,248,220,.08),transparent 40%),#3d2914;border:1px solid rgba(201,162,39,.35);box-shadow:inset 0 1px #ffd7001f}[data-theme=fantasy] button,[data-theme=fantasy] a.cta{border:1px solid #c9a227;box-shadow:0 2px #4a2a10,inset 0 1px #ffd70040}[data-theme=fantasy] button:hover:not(:disabled),[data-theme=fantasy] a.cta:hover{background:#a35418;box-shadow:var(--shadow-glow),0 2px #4a2a10}[data-theme=fantasy] input,[data-theme=fantasy] select,[data-theme=fantasy] textarea{background:#1a1208;border-color:#8b6914;box-shadow:inset 0 2px 6px #00000059}[data-theme=fantasy] .theme-picker-trigger{background:#2a1c10;border-color:#c9a227}[data-theme=circuit] .theme-atmosphere-back{background:radial-gradient(ellipse 60% 40% at 50% 110%,rgba(0,240,255,.18),transparent 55%),radial-gradient(ellipse 40% 30% at 80% 0%,rgba(255,0,110,.1),transparent 50%),#020208}[data-theme=circuit] .theme-atmosphere-mid{background-image:linear-gradient(rgba(0,240,255,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(0,240,255,.07) 1px,transparent 1px);background-size:40px 40px;transform-origin:50% 100%;transform:perspective(500px) rotateX(58deg) translateY(28%);height:140%;-webkit-mask-image:linear-gradient(180deg,transparent 0%,#000 45%,#000 100%);mask-image:linear-gradient(180deg,transparent 0%,#000 45%,#000 100%);animation:circuit-grid-drift 18s linear infinite}[data-theme=circuit] .theme-atmosphere-fx{background:repeating-linear-gradient(180deg,rgba(0,240,255,.035) 0,rgba(0,240,255,.035) 1px,transparent 1px,transparent 4px);animation:circuit-scan 7s linear infinite;mix-blend-mode:screen}[data-theme=circuit] .theme-atmosphere-vignette{background:radial-gradient(ellipse 80% 70% at 50% 40%,transparent 45%,rgba(0,0,0,.72) 100%),linear-gradient(180deg,rgba(0,240,255,.05),transparent 18%)}@keyframes circuit-grid-drift{0%{background-position:0 0}to{background-position:0 40px}}@keyframes circuit-scan{0%{transform:translateY(0)}to{transform:translateY(4px)}}@keyframes circuit-pulse{0%,to{box-shadow:0 0 12px #00f0ff40}50%{box-shadow:0 0 22px #00f0ff8c}}[data-theme=circuit] .app-bar{border-bottom:1px solid rgba(0,240,255,.35);box-shadow:0 8px 24px #00f0ff14}[data-theme=circuit] .app-brand{color:#00f0ff;text-shadow:0 0 12px rgba(0,240,255,.7)}[data-theme=circuit] .app-brand-mark{display:inline-block;width:.7rem;height:.7rem;border:2px solid #00f0ff;box-shadow:0 0 10px #00f0ff;transform:rotate(45deg)}[data-theme=circuit] h1{color:#00f0ff;text-shadow:0 0 16px rgba(0,240,255,.55);text-transform:uppercase}[data-theme=circuit] .card,[data-theme=circuit] .col,[data-theme=circuit] .theme-picker-menu{background:linear-gradient(180deg,rgba(0,240,255,.05),transparent 30%),#070712;clip-path:polygon(10px 0,calc(100% - 10px) 0,100% 10px,100% calc(100% - 10px),calc(100% - 10px) 100%,10px 100%,0 calc(100% - 10px),0 10px);animation:circuit-pulse 3.6s ease-in-out infinite}[data-theme=circuit] .card:before,[data-theme=circuit] .col:before{content:"";position:absolute;top:6px;right:6px;bottom:6px;left:6px;pointer-events:none;border:1px solid rgba(0,240,255,.18);clip-path:polygon(8px 0,calc(100% - 8px) 0,100% 8px,100% calc(100% - 8px),calc(100% - 8px) 100%,8px 100%,0 calc(100% - 8px),0 8px)}[data-theme=circuit] .col h2{color:#00f0ff;border-left:3px solid #ff006e;padding-left:.45rem;text-shadow:0 0 8px rgba(0,240,255,.4)}[data-theme=circuit] .card-item{background:#0c0c1a;border:1px solid rgba(0,240,255,.28);border-left:3px solid #00f0ff;box-shadow:inset 0 0 12px #00f0ff0d}[data-theme=circuit] button,[data-theme=circuit] a.cta{box-shadow:0 0 12px #00f0ff59;border:1px solid #00f0ff}[data-theme=circuit] button:hover:not(:disabled),[data-theme=circuit] a.cta:hover{background:#5ef6ff;box-shadow:0 0 18px #00f0ffa6}[data-theme=circuit] .card-actions button{border-color:#ff006e;box-shadow:0 0 10px #ff006e59}[data-theme=circuit] input,[data-theme=circuit] select,[data-theme=circuit] textarea{background:#05050c;border-color:#007a8a;box-shadow:inset 0 0 12px #00f0ff14;caret-color:#00f0ff}[data-theme=circuit] input:focus,[data-theme=circuit] select:focus,[data-theme=circuit] textarea:focus{outline:1px solid #00f0ff;box-shadow:0 0 12px #00f0ff59}[data-theme=circuit] .theme-picker-trigger{background:#070712;clip-path:polygon(8px 0,calc(100% - 8px) 0,100% 8px,100% calc(100% - 8px),calc(100% - 8px) 100%,8px 100%,0 calc(100% - 8px),0 8px)}[data-theme=circuit] table{font-family:Share Tech Mono,monospace}@media(prefers-reduced-motion:reduce){[data-theme=fantasy] .theme-atmosphere-fx,[data-theme=circuit] .theme-atmosphere-mid,[data-theme=circuit] .theme-atmosphere-fx,[data-theme=circuit] .card,[data-theme=circuit] .col,[data-theme=circuit] .theme-picker-menu{animation:none}}