@import "https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght,SOFT,WONK@9..144,700..900,70,1&family=IBM+Plex+Mono:wght@400;500;600;700&family=Inter:wght@400;600;700;800&display=swap";:root{--font-codec:"Codec Pro", "Codec Pro News", Inter, ui-sans-serif, system-ui, -apple-system, sans-serif;--font-display:Fraunces, Georgia, serif;--font-mono:"IBM Plex Mono", monospace;--tracking-codec:-.05em;--tracking-fraunces:-.06em;--bg-darker:#050508;--bg-dark:#0f1016;--bg-panel:#161722;--border-glow:#ffffff14;--neon-cyan:#00f0ff;--neon-magenta:#ff007a;--neon-gold:#ffb700;--neon-green:#39ff14;--card-width:440px;--card-height:auto;--card-border-radius:20px;color:#e2e8f0;background:var(--bg-darker);font-family:var(--font-codec)}*{box-sizing:border-box}body{background-color:var(--bg-darker);margin:0;padding:0;overflow-x:hidden}.page{background:linear-gradient(#050508f2, #050508fa), radial-gradient(circle at 50% 20%, color-mix(in srgb, var(--accent) 25%, transparent), transparent 70%), radial-gradient(circle at 10% 80%, #00f0ff14, transparent 45%), linear-gradient(#ffffff08 1px, transparent 1px), linear-gradient(90deg, #ffffff08 1px, transparent 1px);background-size:100% 100%,100% 100%,100% 100%,30px 30px,30px 30px;min-height:100vh;padding:clamp(20px,4vw,50px) 15px;position:relative}.page--loading{justify-content:center;align-items:center;height:100vh;display:flex}.terminal-loader{text-align:center;font-family:var(--font-mono);color:var(--neon-cyan)}.terminal-loader .spinner{border:3px solid #00f0ff1a;border-top-color:var(--neon-cyan);border-radius:50%;width:50px;height:50px;margin:0 auto 15px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.brand-stage{z-index:2;max-width:1200px;margin:0 auto;position:relative}.dex-layout{grid-template-columns:minmax(0,480px) 1fr;align-items:start;gap:36px;display:grid}@media (width<=960px){.dex-layout{grid-template-columns:1fr;gap:40px;max-width:600px;margin:0 auto}}.card-column{justify-content:center;display:flex}.tcg-card{width:100%;max-width:var(--card-width);border-radius:var(--card-border-radius);box-shadow:0 30px 70px #000c, 0 10px 25px #00000080, 0 0 0 1px #ffffff14 inset, 0 0 40px color-mix(in srgb, var(--accent) 30%, transparent);background:linear-gradient(135deg,#1c1d24 0%,#111217 50%,#1e2029 100%);border:4px solid #101015;flex-direction:column;gap:12px;padding:16px;display:flex;position:relative;overflow:hidden}.tcg-card:before{content:"";pointer-events:none;z-index:2;background:linear-gradient(125deg,#ffffff1a 0%,#fff0 30%,#ffffff14 50%,#fff0 70%,#ffffff0d 100%),repeating-linear-gradient(45deg,#0000 0 2px,#ffffff05 2px 4px);position:absolute;inset:0}.tcg-card__hologram{opacity:.8;mix-blend-mode:color-dodge;pointer-events:none;z-index:3;background:linear-gradient(125deg,#ffffff26 0%,#00f0ff14 30%,#ff007a14 50%,#ffb70014 70%,#ffffff1a 100%);transition:transform .5s;position:absolute;inset:0}.tcg-card:hover .tcg-card__hologram{transform:scale(1.05)rotate(1deg)}.tcg-card__header{z-index:4;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;display:grid;position:relative}.tcg-card__stage-pill{font-family:var(--font-mono);color:#c4c4d4;text-shadow:0 1px 2px #0009;letter-spacing:.5px;background:linear-gradient(#3d3e48 0%,#202128 100%);border:1px solid #ffffff26;border-radius:4px;padding:3px 8px;font-size:9px;font-weight:700}.tcg-card__title{font-family:var(--font-display);color:#fff;letter-spacing:var(--tracking-fraunces);word-spacing:.14em;text-shadow:0 2px 4px #000c;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:clamp(20px,3.2vw,25px);font-weight:900;overflow:hidden}.tcg-card__logo-bubble{width:52px;height:52px;box-shadow:0 4px 8px #00000080, 0 0 10px #ffffff1a, 0 0 12px color-mix(in srgb, var(--accent) 30%, transparent) inset;background:radial-gradient(circle at 35% 35%,#464858 0%,#0d0d12 100%);border:2px solid #1b1b22;border-radius:50%;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.tcg-card__logo-bubble:after{content:"";background:linear-gradient(#ffffff40 0%,#fff0 100%);border-radius:50%/10px;width:40px;height:15px;position:absolute;top:3px;left:6px}.tcg-card__logo-bubble img{object-fit:contain;filter:drop-shadow(0 2px 3px #00000080);width:80%;height:80%}.tcg-card__logo-bubble span{font-size:7px;font-family:var(--font-display);color:#fff;text-transform:uppercase;text-align:center;line-height:1}.tcg-card__subtitle-bar{z-index:4;background:#00000059;border:1px solid #ffffff0d;border-radius:6px;justify-content:space-between;align-items:center;padding:4px 10px;display:flex;position:relative}.tcg-card__family-pill{font-family:var(--font-mono);color:#ff007a;text-transform:uppercase;letter-spacing:1px;font-size:9px;font-weight:700}.tcg-card__level-pill{font-family:var(--font-mono);color:var(--neon-cyan);background:#00f0ff1a;border:1px solid #00f0ff33;border-radius:3px;padding:1px 6px;font-size:9px;font-weight:700}.tcg-card__visual-container{z-index:4;flex-direction:column;gap:6px;display:flex;position:relative}.tcg-card__visual-frame{background:#000;border:3px solid #111115;border-radius:12px;width:100%;height:220px;position:relative;overflow:hidden;box-shadow:0 15px 25px #0009,inset 0 0 0 1px #ffffff1a}.tcg-card__bath-art{object-fit:cover;width:100%;height:100%;display:block}.tcg-card__bath-art-fallback{width:100%;height:100%}.tcg-card__pouch-float{z-index:5;filter:drop-shadow(0 8px 10px #00000080)drop-shadow(0 0 6px #ffffff4d);width:85px;height:auto;transition:transform .3s,filter .3s;position:absolute;bottom:10px;right:10px;transform:rotate(4deg)}.tcg-card:hover .tcg-card__pouch-float{filter:drop-shadow(0 12px 16px #0009) drop-shadow(0 0 10px var(--accent));transform:rotate(0)scale(1.08)}.tcg-card__glass-glare{pointer-events:none;border-radius:inherit;z-index:6;background:linear-gradient(135deg,#ffffff24 0%,#ffffff0d 45%,#0000 46% 100%),radial-gradient(circle at 80% 20%,#ffffff1a 0%,#0000 40%);position:absolute;inset:0}.tcg-card__color-dots{font-family:var(--font-mono);text-transform:uppercase;color:#8f92a1;text-align:center;letter-spacing:.5px;padding:2px 0;font-size:8px;font-weight:700}.color-dot-text{text-shadow:0 0 4px var(--dot-color);color:var(--dot-color)}.tcg-card__stats-grid{z-index:4;grid-template-columns:repeat(7,1fr);gap:4px;display:grid;position:relative}.tcg-stat-box{text-align:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#101118b8;border:1px solid #ffffff0d;border-radius:6px;flex-direction:column;justify-content:center;align-items:center;gap:2px;min-height:52px;padding:4px 2px;display:flex;box-shadow:0 4px 8px #0000004d}.tcg-stat-box strong{font-family:var(--font-codec);color:#8c909e;text-transform:uppercase;letter-spacing:.3px;font-size:6px;font-weight:800;line-height:1}.tcg-stat-box__value{font-family:var(--font-mono);color:#fff;word-break:break-all;font-size:10px;font-weight:700;line-height:1.1}.tcg-stat-box__value--fizz{color:var(--neon-cyan);font-size:9px}.tcg-stat-box__foam-bubble{width:32px;height:32px;box-shadow:0 2px 4px #0006, 0 0 6px var(--accent) inset;background:radial-gradient(circle at 35% 35%,#505260 0%,#15161c 100%);border:1px solid #ffffff26;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative}.tcg-stat-box__foam-bubble .foam-value{font-family:var(--font-mono);color:#fff;font-size:11px;font-weight:700;line-height:1}.tcg-stat-box__foam-bubble .foam-max{color:#888;font-size:5px;line-height:1}.tcg-stars{color:var(--neon-gold);letter-spacing:-.5px;white-space:nowrap;font-size:7px;line-height:1;display:inline-block}.tcg-stat-box__color-piles{justify-content:center;align-items:center;gap:2px;height:16px;margin-top:2px;display:flex}.color-swatch-pile{border:1px solid #00000080;border-radius:50%;width:8px;height:8px;box-shadow:0 1px 3px #0006}.tcg-card__signature-panel{z-index:4;background:#101118a6;border:1px solid #ffffff0d;border-radius:10px;grid-template-columns:1fr 128px;gap:12px;padding:10px 12px;display:grid;position:relative}@media (width<=400px){.tcg-card__signature-panel{grid-template-columns:1fr;gap:8px}}.signature-info h3{font-family:var(--font-codec);color:var(--neon-cyan);letter-spacing:.5px;margin:0 0 4px;font-size:9px;font-weight:800}.signature-info p{font-family:var(--font-mono);color:#cbd5e1;margin:0;font-size:9px;line-height:1.4}.signature-learning{border-left:1px solid #ffffff14;padding-left:12px}@media (width<=400px){.signature-learning{border-top:1px solid #ffffff14;border-left:0;padding-top:8px;padding-left:0}}.signature-learning h4{font-family:var(--font-codec);color:#ff007a;letter-spacing:.5px;margin:0 0 4px;font-size:8px;font-weight:800}.signature-learning ul{margin:0;padding:0;list-style:none}.signature-learning li{font-family:var(--font-mono);color:#94a3b8;margin-bottom:2px;font-size:8px;line-height:1.3}.tcg-checkmark{color:#39ff14;margin-right:2px;font-weight:700}.tcg-card__ingredients-footer{z-index:4;background:#00000040;border:1px solid #ffffff0a;border-radius:8px;padding:8px 10px;position:relative}.tcg-card__ingredients-label{font-family:var(--font-codec);color:#8c909e;letter-spacing:.5px;text-transform:uppercase;margin-bottom:6px;font-size:7px;font-weight:800}.tcg-card__ingredients-badges{flex-wrap:wrap;gap:5px;display:flex}.tcg-ingredient-badge{background:#191b26;border:1px solid #ffffff0f;border-radius:4px;align-items:center;gap:3px;padding:2px 6px;display:inline-flex;box-shadow:0 2px 4px #0003}.tcg-ingredient-badge__icon{font-size:11px}.tcg-ingredient-badge__name{font-family:var(--font-mono);color:#e2e8f0;font-size:8px;font-weight:500}.tcg-card__action-container{z-index:4;margin-top:4px;position:relative}.tcg-card__action-btn{background:linear-gradient(180deg, var(--neon-gold) 0%, color-mix(in srgb, var(--neon-gold) 70%, #000) 100%);color:#050508;width:100%;min-height:44px;font-family:var(--font-codec);letter-spacing:var(--tracking-codec);word-spacing:.1em;text-transform:uppercase;cursor:pointer;border:0;border-radius:22px;justify-content:center;align-items:center;gap:8px;font-size:13px;font-weight:800;transition:transform .2s,box-shadow .2s,filter .2s;display:flex;box-shadow:0 10px 22px #ffb70059,inset 0 0 12px #ffb70080}.tcg-card__action-btn:hover{filter:brightness(1.1);transform:translateY(-2px);box-shadow:0 14px 28px #ffb70080,inset 0 0 16px #ffb700b3}.tcg-card__action-btn:active{transform:translateY(0)}.tcg-card__action-btn .lock-icon{font-size:12px}.console-column{flex-direction:column;gap:20px;display:flex}.console-panel{background:var(--bg-panel);border:1px solid #ffffff0d;border-radius:12px;padding:18px;position:relative;box-shadow:0 12px 28px #0000004d,inset 0 0 0 1px #ffffff05}.console-title{font-family:var(--font-codec);color:#94a3b8;letter-spacing:1px;text-transform:uppercase;border-left:3px solid var(--accent);margin:0 0 12px;padding-left:10px;font-size:12px;font-weight:800}.console-desc{font-family:var(--font-mono);color:#64748b;margin:0 0 14px;font-size:11px;line-height:1.5}.console-header-panel{border-bottom:2px solid var(--accent);background:#111218;border-radius:12px 12px 4px 4px;justify-content:space-between;align-items:center;padding:12px 18px;display:flex}.console-header-panel__left{align-items:center;gap:10px;display:flex}.console-header-panel h2{font-family:var(--font-mono);color:#fff;letter-spacing:.5px;margin:0;font-size:13px;font-weight:700}.led-indicator{background:#333;border-radius:50%;width:8px;height:8px}.led-indicator.active{background:var(--neon-green);box-shadow:0 0 8px var(--neon-green);animation:1.5s infinite alternate pulse-green}@keyframes pulse-green{to{opacity:.4}}.db-badge{font-family:var(--font-mono);color:var(--neon-cyan);background:#00f0ff14;border:1px solid #00f0ff33;border-radius:4px;padding:2px 8px;font-size:9px;font-weight:600}.terminal-readout{background:#07080c;border:1px solid #ffffff14;border-radius:6px;padding:12px}.terminal-readout__screen{min-height:48px;font-family:var(--font-mono);color:var(--neon-green);text-shadow:0 0 4px #39ff1480;gap:8px;font-size:11px;display:flex;position:relative;overflow:hidden}.terminal-readout .prompt{color:var(--neon-cyan);text-shadow:0 0 4px #00f0ff80;font-weight:700}.terminal-readout .output-text{flex:1;line-height:1.4}.scanlines{pointer-events:none;z-index:10;background:linear-gradient(#12101000 50%,#00000040 50%) 0 0/100% 4px,linear-gradient(90deg,#ff00000f,#00ff0005,#0000ff0f) 0 0/6px 100%;position:absolute;inset:0}.console-select-wrapper{width:100%;position:relative}.console-select-wrapper select{color:#fff;width:100%;min-height:46px;font-family:var(--font-mono);cursor:pointer;appearance:none;background:#090a0f;border:1px solid #ffffff1a;border-radius:6px;outline:none;padding:10px 14px;font-size:12px;font-weight:600}.console-select-wrapper select:focus{border-color:var(--accent);box-shadow:0 0 10px color-mix(in srgb, var(--accent) 30%, transparent)}.console-select-wrapper:after{content:"▼";color:#fff6;pointer-events:none;font-size:9px;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.select-glow-bar{background:var(--accent);filter:blur(2px);opacity:.6;height:2px;position:absolute;bottom:0;left:10px;right:10px}.batch-synth-controls{align-items:center;gap:12px;display:flex}.batch-input-wrapper{flex:0 0 160px;position:relative}.batch-input-wrapper input{color:#fff;width:100%;min-height:44px;font-family:var(--font-mono);background:#090a0f;border:1px solid #ffffff1a;border-radius:6px;outline:none;padding:10px 65px 10px 16px;font-size:15px;font-weight:700}.batch-input-wrapper input:focus{border-color:var(--accent);box-shadow:0 0 10px color-mix(in srgb, var(--accent) 30%, transparent)}.batch-input-wrapper .unit-label{font-family:var(--font-mono);color:#475569;text-transform:uppercase;pointer-events:none;font-size:10px;font-weight:500;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.quick-presets{flex:1;gap:6px;display:flex}.quick-presets button{color:#cbd5e1;min-height:44px;font-family:var(--font-mono);cursor:pointer;background:#1e293b;border:1px solid #ffffff0d;border-radius:6px;flex:1;font-size:11px;font-weight:600;transition:background .2s,color .2s}.quick-presets button:hover{color:#fff;background:#334155}.neon-toggle-row{flex-wrap:wrap;gap:10px;display:flex}.neon-toggle-btn{color:#64748b;min-width:120px;min-height:42px;font-family:var(--font-mono);letter-spacing:.5px;text-transform:uppercase;cursor:pointer;background:#0a0b10;border:1px solid #ffffff14;border-radius:20px;flex:1 1 0;justify-content:center;align-items:center;gap:8px;font-size:10px;font-weight:700;transition:all .25s;display:flex;box-shadow:0 2px 4px #0003}.neon-led{background:#334155;border-radius:50%;width:6px;height:6px;transition:all .25s}.neon-toggle-btn.is-active{color:#fff;border-color:var(--btn-neon);box-shadow:0 0 10px color-mix(in srgb, var(--btn-neon) 40%, transparent), 0 0 8px color-mix(in srgb, var(--btn-neon) 20%, transparent) inset}.neon-toggle-btn.is-active .neon-led{background:var(--btn-neon);box-shadow:0 0 8px var(--btn-neon)}.sequencer-steps{flex-wrap:wrap;gap:6px;margin-bottom:12px;display:flex}.seq-btn{color:#64748b;min-width:54px;min-height:38px;font-family:var(--font-mono);letter-spacing:.5px;text-transform:uppercase;cursor:pointer;background:linear-gradient(#1b202e 0%,#0d0f17 100%);border:1px solid #ffffff0d;border-radius:6px;flex:1 1 0;font-size:9px;font-weight:700;transition:all .15s;box-shadow:0 3px 5px #0000004d}.seq-btn:hover{color:#fff;background:linear-gradient(#242c3f 0%,#111521 100%)}.seq-btn.is-active{color:var(--accentText);background:linear-gradient(180deg, var(--accent) 0%, color-mix(in srgb, var(--accent) 70%, #000) 100%);border-color:var(--accent);box-shadow:0 4px 10px color-mix(in srgb, var(--accent) 30%, transparent), 0 0 8px #ffffff4d inset}.instruction-monitor{background:#08090f;border:1px solid #ffffff0f;border-radius:8px;padding:12px}.monitor-screen{font-family:var(--font-mono);line-height:1.6;position:relative}.monitor-kicker{color:#475569;letter-spacing:.5px;text-transform:uppercase;border-bottom:1px solid #ffffff0a;margin-bottom:6px;padding-bottom:4px;font-size:8px;font-weight:800}.monitor-text{color:#94a3b8;margin:0;font-size:11px;line-height:1.6}.matrix-panel__header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.matrix-panel__header .console-title{margin-bottom:0}.matrix-unit-selector select{color:var(--neon-cyan);font-family:var(--font-mono);background:#090a0f;border:1px solid #ffffff14;border-radius:4px;outline:none;padding:4px 8px;font-size:9px;font-weight:700}.matrix-table-wrapper{background:#090a0f;border:1px solid #ffffff0d;border-radius:6px;overflow-x:auto}.matrix-table{border-collapse:collapse;width:100%;font-family:var(--font-mono);font-size:11px}.matrix-table th,.matrix-table td{text-align:left;padding:10px 12px}.matrix-table th{font-family:var(--font-codec);text-transform:uppercase;color:#475569;letter-spacing:.5px;background:#ffffff05;border-bottom:2px solid #ffffff14;font-size:8px;font-weight:800}.matrix-table th:last-child{color:var(--accent)}.matrix-table td{color:#94a3b8;vertical-align:middle;border-bottom:1px solid #ffffff08}.matrix-table tr:last-child td{border-bottom:0}.matrix-table tr.row-phase-dry td{border-left:2px solid #64748b}.matrix-table tr.row-phase-wet td{border-left:2px solid var(--neon-cyan)}.matrix-table tr.row-phase-pigment td{border-left:2px solid var(--accent)}.matrix-table tr.row-phase-acid td{border-left:2px solid var(--neon-gold)}.matrix-table tr:hover td{color:#fff;background:#ffffff05}.matrix-table code{font-family:var(--font-mono);color:#475569;font-size:10px}.align-right{text-align:right!important}.empty-matrix-row{text-align:center;font-style:italic;color:#475569!important;padding:20px 0!important}.material-bullet{background:var(--accent);vertical-align:middle;width:4px;height:4px;box-shadow:0 0 4px var(--accent);border-radius:50%;margin-right:6px;display:inline-block}.safety-panel{border:0;padding:0;overflow:hidden}.warning-card{background:#ffb70008;border:1px solid #ffb70026;border-radius:12px;padding:18px;position:relative}.warning-card:before{content:"";background:repeating-linear-gradient(-45deg,#ffb700,#ffb700 8px,#000 8px 16px);height:5px;position:absolute;top:0;left:0;right:0}.warning-header{font-family:var(--font-codec);color:var(--neon-gold);letter-spacing:.5px;align-items:center;gap:8px;margin:6px 0 10px;font-size:10px;font-weight:800;display:flex}.warning-symbol{font-size:13px}.warning-card p{font-family:var(--font-mono);color:#cbd5e1;margin:0;font-size:10px;line-height:1.5}.console-footer-panel{font-family:var(--font-mono);color:#475569;background:#111218;border-top:1px solid #ffffff0f;justify-content:space-between;align-items:center;padding:10px 18px;font-size:8px;display:flex}.system-specs{gap:12px;display:flex}.system-branding{text-transform:uppercase;letter-spacing:.5px}:root{--bg-darker:#fff;--bg-dark:#f7f5f1;--bg-panel:#ffffffc7;--border-glow:#0e0e0e1f;--neon-cyan:#00bfd0;--neon-magenta:#f0508a;--neon-gold:#f2cc38;--neon-green:#48c86b;color:#151515;background:#fff}body{background:#fff}.page{background:radial-gradient(circle at 48% 8%, color-mix(in srgb, var(--accent) 22%, transparent), transparent 28%), radial-gradient(circle at 80% 18%, #ffffffdb, transparent 28%), linear-gradient(180deg, #fff 0%, #fff 58%, #f0f0f0 76%, #d9d9d9 100%);color:#151515}.page:after{content:"";pointer-events:none;filter:blur(8px);opacity:.58;background:radial-gradient(circle at 60% 48%,#fffffff2 0 4%,#ff57dd57 9%,#0000 20%),linear-gradient(90deg,#0000,#44d6ff1f,#ffffffb8,#ff57dd29,#0000);width:min(980px,120vw);height:180px;position:fixed;bottom:4vh;left:50%;transform:translate(-50%)}.tcg-card{background:linear-gradient(135deg, #ffffffb8, #ffffff80), linear-gradient(135deg, color-mix(in srgb, var(--accent) 17%, #fff) 0%, #fff 48%, #fff2aabd 100%);box-shadow:0 24px 62px #0003, 0 10px 26px #00000029, 0 0 0 8px #ffffff6b inset, 0 0 42px color-mix(in srgb, var(--accent) 24%, transparent);-webkit-backdrop-filter:blur(14px)saturate(1.18);backdrop-filter:blur(14px)saturate(1.18);border:2px solid #161616}.tcg-card:before{background:linear-gradient(125deg,#ffffff75 0%,#fff0 31%,#ffffff52 50%,#fff0 72%),repeating-linear-gradient(45deg,#0000 0 2px,#ffffff2e 2px 4px)}.tcg-card__hologram{opacity:.48;mix-blend-mode:screen}.tcg-card__stage-pill,.tcg-card__subtitle-bar,.tcg-stat-box,.tcg-card__signature-panel,.tcg-card__ingredients-footer{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff94;border-color:#0c0c0c1f;box-shadow:0 10px 22px #00000014,inset 0 0 0 1px #ffffff8f}.tcg-card__stage-pill{color:#171717;text-shadow:0 1px #fffc,0 0 9px #ffffffeb}.tcg-card__title{color:#090909;text-shadow:0 2px #ffffffd9,0 4px 9px #00000047,0 0 14px #ffffffeb}.tcg-card__logo-bubble{background:radial-gradient(circle at 35% 28%, #ffffffe6, #ffffff47 42%, color-mix(in srgb, var(--accent) 22%, #d8d8d8) 100%);border-color:#0e0e0e40}.tcg-card__family-pill,.signature-learning h4{color:#e54183}.tcg-card__level-pill,.signature-info h3,.tcg-stat-box__value--fizz{color:#009bac;background:#00bfd014;border-color:#00bfd033}.tcg-card__visual-frame{border-color:#171717;box-shadow:0 18px 30px #00000038,inset 0 0 0 1px #ffffff85}.tcg-card__color-dots,.tcg-stat-box strong,.tcg-card__ingredients-label,.signature-learning li{color:#5a5a62}.tcg-stat-box__value,.foam-value,.tcg-ingredient-badge__name,.signature-info p{color:#171717}.tcg-stat-box__foam-bubble{background:radial-gradient(circle at 34% 26%, #fff, color-mix(in srgb, var(--accent) 22%, #eee) 58%, #9b9b9b 100%);border-color:#0000002e}.tcg-stars--muted{color:#00000029}.tcg-ingredient-badge{background:#ffffffb8;border-color:#0000001f}.tcg-card__action-btn{color:#101010;background:linear-gradient(#fff170 0%,#f3bf19 100%);box-shadow:0 16px 30px #e1ad0047,inset 0 0 18px #ffffff8a,0 0 22px #ffea4e73}.console-panel{-webkit-backdrop-filter:blur(16px)saturate(1.08);backdrop-filter:blur(16px)saturate(1.08);background:#ffffffc2;border:1px solid #1313131f;box-shadow:0 20px 46px #0000001f,inset 0 0 0 1px #ffffffbd}.console-title{color:#303039;border-left-color:var(--accent);text-shadow:0 1px #fff,0 0 14px #fffffff2}.console-desc,.monitor-kicker,.matrix-table th,.matrix-table code,.console-footer-panel,.system-branding{color:#6d6f79}.console-header-panel{border-bottom-color:color-mix(in srgb, var(--accent) 75%, #fff);background:#ffffffdb}.console-header-panel h2{color:#161616;text-shadow:0 1px #fff,0 0 12px #ffffffe6}.led-indicator.active{background:#48c86b;box-shadow:0 0 12px #48c86b99}.db-badge{color:#111;background:#ffffffb8;border-color:#0000001f}.terminal-readout,.terminal-readout__screen,.console-select-wrapper select,.batch-input-wrapper input,.instruction-monitor,.matrix-unit-selector select,.matrix-table-wrapper,.console-footer-panel{color:#1b1b1b;background:#ffffffc7;border-color:#0000001f}.terminal-readout__screen{color:#222;text-shadow:none}.terminal-readout .prompt,.terminal-readout .output-text{color:#222;text-shadow:0 1px #fff,0 0 9px #ffffffe6}.scanlines{opacity:.12;background:linear-gradient(#fff0 50%,#0000000f 50%) 0 0/100% 5px,linear-gradient(90deg,#ff007a0f,#ffef630d,#00b4d20a) 0 0/8px 100%}.console-select-wrapper select,.batch-input-wrapper input{color:#151515;font-weight:700}.console-select-wrapper:after{color:#5f6068}.select-glow-bar{background:color-mix(in srgb, var(--accent) 82%, #fff);opacity:.55}.batch-input-wrapper .unit-label{color:#696b74}.quick-presets button,.neon-toggle-btn,.seq-btn{color:#5d606b;background:#ffffffb8;border-color:#0000001f;box-shadow:0 8px 16px #00000014,inset 0 0 0 1px #ffffffb8}.quick-presets button:hover,.seq-btn:hover{color:#111;background:#fffffff0}.neon-toggle-btn.is-active{color:#151515;background:linear-gradient(180deg, #fffffff5, color-mix(in srgb, var(--btn-neon) 22%, #fff));box-shadow:0 0 0 1px color-mix(in srgb, var(--btn-neon) 58%, transparent), 0 12px 24px color-mix(in srgb, var(--btn-neon) 22%, transparent), 0 0 14px #ffffffb8 inset}.seq-btn.is-active{color:var(--accentText);background:linear-gradient(to bottom, #ffffff70, transparent 56%), linear-gradient(180deg, var(--accent) 0%, color-mix(in srgb, var(--accent) 74%, #111) 100%);box-shadow:0 12px 24px color-mix(in srgb, var(--accent) 24%, transparent), 0 0 12px #ffffff9e inset}.monitor-text,.matrix-table td,.warning-card p{color:#353844}.matrix-table th{background:#ffffff8a;border-bottom-color:#0000001f}.matrix-table td{border-bottom-color:#00000014}.matrix-table tr:hover td{background:color-mix(in srgb, var(--accent) 7%, #ffffffd1);color:#151515}.highlight-text{color:#151515;text-shadow:0 0 12px color-mix(in srgb, var(--accent) 24%, transparent)}.warning-card{background:#fffbeadb;border-color:#e0aa0057}.warning-card:before{background:linear-gradient(90deg,#f2cc38,#ffef63,#f2cc38)}.warning-header{color:#8a6500}.system-specs{color:#5f626d}:root{--tracking-codec:-.028em;--tracking-fraunces:-.045em;--card-width:430px;--surface-white:#ffffffe6;--surface-milk:#ffffffb8;--line-soft:#1414141c;--shadow-soft:0 18px 44px #0000001f;--shadow-tight:0 8px 20px #0000001a}.page{background:radial-gradient(circle at 50% 0%, color-mix(in srgb, var(--accent) 16%, transparent), transparent 28%), radial-gradient(circle at 50% 86%, #dae2e2cc, transparent 34%), linear-gradient(180deg, #fff 0%, #fff 62%, #f4f4f4 100%);padding:clamp(24px,4vw,48px) 16px}.page:after{opacity:.3;height:120px;bottom:0}.dex-layout{gap:28px}.tcg-card{background:linear-gradient(135deg, #ffffffeb, #ffffffa8), radial-gradient(circle at 50% 0%, color-mix(in srgb, var(--accent) 13%, transparent), transparent 38%);box-shadow:var(--shadow-soft), 0 0 0 7px #ffffff6b inset, 0 0 30px color-mix(in srgb, var(--accent) 15%, transparent);border:2px solid #171717;border-radius:28px;gap:15px;padding:20px}.tcg-card:before{opacity:.34;background:linear-gradient(120deg,#ffffff5c,#0000 34%,#ffffff3d 52%,#0000 72%),repeating-linear-gradient(45deg,#0000 0 3px,#ffffff24 3px 5px)}.tcg-card__hologram{opacity:.18}.tcg-card__header{grid-template-columns:auto minmax(0,1fr) 46px;gap:12px}.tcg-card__stage-pill,.tcg-card__subtitle-bar,.tcg-stat-box,.tcg-card__signature-panel,.tcg-card__ingredients-footer,.console-panel,.terminal-readout,.terminal-readout__screen,.instruction-monitor,.matrix-table-wrapper,.warning-card,.console-footer-panel{background:var(--surface-white);border-color:var(--line-soft);box-shadow:var(--shadow-tight), 0 0 0 1px #ffffffad inset}.tcg-card__stage-pill{font-family:var(--font-codec);letter-spacing:-.02em;border-radius:7px;padding:6px 11px;font-size:11px}.tcg-card__title{letter-spacing:var(--tracking-fraunces);word-spacing:.1em;white-space:normal;text-overflow:clip;font-size:clamp(28px,4vw,40px);line-height:.95;overflow:visible}.tcg-card__logo-bubble{width:46px;height:46px;box-shadow:0 8px 18px #00000029,inset 0 0 0 1px #ffffffbd}.tcg-card__subtitle-bar{border-radius:9px;min-height:46px;padding:8px 14px}.tcg-card__family-pill,.tcg-card__level-pill{font-family:var(--font-codec);letter-spacing:.055em;font-size:13px}.tcg-card__visual-frame{border-width:2px;border-radius:16px;height:236px;box-shadow:0 16px 26px #0003,inset 0 0 0 1px #ffffff85}.tcg-card__pouch-float{display:none}.tcg-card__color-dots{letter-spacing:.02em;margin-top:4px;font-size:10px}.tcg-card__stats-grid{grid-template-columns:repeat(4,1fr);gap:8px}.tcg-stat-box{border-radius:10px;min-height:66px;padding:9px 7px}.tcg-stat-box:nth-child(5),.tcg-stat-box:nth-child(6),.tcg-stat-box:nth-child(7){grid-column:span 1}.tcg-stat-box:nth-child(7){grid-column:span 2}.tcg-stat-box strong{color:#5f6067;letter-spacing:-.01em;font-size:10px}.tcg-stat-box__value,.tcg-stat-box__value--fizz{color:#151515;font-size:15px}.tcg-stat-box__foam-bubble{width:42px;height:42px}.tcg-card__signature-panel{border-radius:16px;grid-template-columns:1fr;gap:12px;padding:16px}.signature-info h3{background:color-mix(in srgb, var(--neon-cyan) 9%, transparent);color:#0093a1;letter-spacing:-.02em;padding-right:8px;font-size:14px;display:inline}.signature-info p{color:#242424;font-family:var(--font-codec);margin-top:8px;font-size:13px;line-height:1.45}.signature-learning{border-left:0;border-top:1px solid var(--line-soft);padding-top:10px;padding-left:0}.signature-learning h4{color:#e54183;letter-spacing:-.01em;font-size:12px}.signature-learning li{color:#565963;font-family:var(--font-codec);font-size:12px}.tcg-checkmark{color:#28c947}.tcg-card__ingredients-footer{border-radius:14px;padding:14px}.tcg-card__ingredients-label{color:#5f6067;letter-spacing:-.01em;font-size:11px}.tcg-card__ingredients-badges{gap:8px}.tcg-ingredient-badge{background:#ffffffdb;border-radius:8px;padding:6px 10px;box-shadow:0 5px 12px #0000001a}.tcg-ingredient-badge__name{color:#1b1b1b;font-family:var(--font-codec);font-size:12px}.tcg-card__action-btn{border-radius:999px;min-height:54px;font-size:16px;box-shadow:0 16px 30px #e1ad003d,inset 0 0 24px #ffffff94}.console-column{gap:18px}.console-panel{border-radius:22px;padding:24px}.console-header-panel{border-bottom:2px solid #f43ca0}.console-header-panel h2{letter-spacing:.01em;font-size:21px}.led-indicator{opacity:.65;width:10px;height:10px}.db-badge{font-family:var(--font-codec);letter-spacing:-.01em;text-transform:none;font-size:14px}.terminal-readout{display:none}.console-title{color:#2f3038;letter-spacing:.02em;border-left-width:4px;border-left-color:#f43ca0;margin-bottom:18px;padding-left:15px;font-size:19px}.console-desc,.monitor-text,.warning-card p{color:#3d4049;font-family:var(--font-codec);font-size:16px;line-height:1.55}.matrix-table{font-family:var(--font-codec)}.matrix-table code,.highlight-text{font-family:var(--font-mono)}.console-select-wrapper select,.batch-input-wrapper input,.matrix-unit-selector select{border-color:var(--line-soft);color:#151515;min-height:56px;font-family:var(--font-codec);background:#ffffffe0;border-radius:10px;font-size:17px}.select-glow-bar{display:none}.batch-synth-controls{gap:12px}.batch-input-wrapper{flex:0 0 190px}.quick-presets{gap:12px}.quick-presets button{min-height:56px;font-family:var(--font-codec);border-radius:10px;font-size:16px}.neon-toggle-row{gap:12px}.neon-toggle-btn{min-height:58px;font-family:var(--font-codec);letter-spacing:.01em;border-radius:999px;font-size:16px}.neon-toggle-btn.is-active{background:color-mix(in srgb, var(--btn-neon) 16%, #fff)}.sequencer-steps{gap:12px;margin-bottom:18px}.seq-btn{min-height:56px;font-family:var(--font-codec);letter-spacing:.01em;border-radius:10px;font-size:14px}.instruction-monitor{border-radius:14px;padding:20px}.monitor-kicker{color:#6b6d76;font-family:var(--font-codec);letter-spacing:.03em;border-bottom-color:var(--line-soft);font-size:13px}.matrix-panel__header{align-items:start}.matrix-table-wrapper{border-radius:12px}.matrix-table{font-size:15px}.matrix-table th,.matrix-table td{padding:16px 18px}.matrix-table th{color:#666973;letter-spacing:.01em;font-size:13px}.matrix-table tr.row-phase-dry td,.matrix-table tr.row-phase-wet td,.matrix-table tr.row-phase-pigment td,.matrix-table tr.row-phase-acid td{border-left:0}.matrix-table tr.row-phase-wet td{background:#00bfd009}.matrix-table tr.row-phase-pigment td{background:#f43ca00a}.matrix-table tr.row-phase-acid td{background:#f2cc380e}.material-bullet{background:#f43ca0;width:7px;height:7px;margin-right:10px;box-shadow:0 0 8px #f43ca073}.safety-panel{overflow:visible}.warning-card{background:#fffcebe6;border-radius:18px;padding:24px}.warning-card:before{border-radius:18px 18px 0 0;height:4px}.warning-header{color:#8a6500;font-size:16px}.console-footer-panel{border-radius:18px;padding:15px 20px}@media (width<=640px){.page{padding:15px 8px}.tcg-card{border-radius:16px;padding:12px}.tcg-card__visual-frame{height:190px}.tcg-card__pouch-float{width:68px}.tcg-card__stats-grid{grid-template-columns:repeat(4,1fr)}.tcg-stat-box:nth-child(7){grid-column:span 2}.tcg-card__signature-panel{grid-template-columns:1fr}.neon-toggle-row{flex-direction:column}.quick-presets button{font-size:10px}}@media print{body,.page{color:#000!important;background:#fff!important;padding:0!important}.dex-layout{display:block!important}.console-column,.tcg-card__action-container,.tcg-card__hologram,.tcg-card__glass-glare{display:none!important}.tcg-card{page-break-after:avoid;box-shadow:none!important;color:#000!important;background:0 0!important;border:0!important;width:100%!important;max-width:100%!important}.tcg-card__title,.tcg-card__visual-frame,.tcg-stat-box__foam-bubble .foam-value,.tcg-stat-box__value,.signature-info p,.signature-learning li,.tcg-ingredient-badge__name{color:#000!important;text-shadow:none!important}.tcg-stat-box{background:0 0!important;border:1px solid #ddd!important}.tcg-card__signature-panel{color:#000!important;background:0 0!important;border:1px solid #ddd!important}.tcg-ingredient-badge{background:0 0!important;border:1px solid #ddd!important}}