:root{--dge-ink: #0a1230;--dge-mid: #14193a;--dge-flame: #f6c15e;--dge-coral: #ff6b8a;--dge-mint: #8aeac0;--dge-sky: #7ac8ed;--dge-mauve: #c9a8ef;--dge-cream: #f4e7c8;--dge-cream-dim: #b8aa84}body:has(.dge){background:radial-gradient(circle at 18% 6%,#1a1e58 0%,transparent 50%),radial-gradient(circle at 82% 96%,#2a1640 0%,transparent 55%),var(--dge-ink);color:var(--dge-cream);font-family:Inter,-apple-system,system-ui,sans-serif;min-height:100vh}.dge{max-width:780px;margin:0 auto;padding:36px 24px 64px}.dge__hero{margin-bottom:32px}.dge__kicker{font-family:JetBrains Mono,ui-monospace,monospace;font-size:11px;letter-spacing:.18em;color:var(--dge-coral);text-transform:uppercase;margin:0 0 12px}.dge__title{font-family:Inter Tight,sans-serif;font-weight:800;font-size:clamp(32px,5.5vw,52px);letter-spacing:-.025em;line-height:1.04;margin:0 0 16px}.dge__sub{font-size:15px;line-height:1.55;color:var(--dge-cream-dim);margin:0}.dge__sub a{color:var(--dge-sky);text-decoration:underline;text-underline-offset:3px}.dge__sub code{font-family:JetBrains Mono,monospace;font-size:13px;padding:1px 5px;border-radius:3px;background:#f4e7c814;color:var(--dge-mint)}.dge__stage{background:#ffffff0a;border:1px solid rgba(244,231,200,.1);border-radius:18px;padding:22px;margin-bottom:36px}.dge__source,.dge__result{margin-bottom:14px}.dge__source-label{display:flex;align-items:baseline;gap:12px;margin-bottom:8px}.dge__tag{font-family:JetBrains Mono,monospace;font-size:11px;letter-spacing:.18em;font-weight:700;padding:2px 8px;border-radius:4px}.dge__tag--a{color:var(--dge-flame);background:#f6c15e26}.dge__tag--b{color:var(--dge-sky);background:#7ac8ed26}.dge__tag--out{color:var(--dge-mint);background:#8aeac026}.dge__source-meta{font-family:JetBrains Mono,monospace;font-size:11px;color:var(--dge-cream-dim)}.dge__input{width:100%;padding:9px 12px;background:#0000004d;border:1px solid rgba(244,231,200,.15);border-radius:6px;color:var(--dge-cream);font-family:JetBrains Mono,monospace;font-size:12px;letter-spacing:.02em;margin-bottom:8px;box-sizing:border-box}.dge__input:focus{outline:0;border-color:var(--dge-flame);background:#00000073}.dge__mini{display:grid;grid-template-columns:repeat(16,1fr);grid-template-rows:repeat(4,1fr);gap:3px;aspect-ratio:16 / 4;background:#0000004d;border-radius:6px;padding:5px}.dge__mini--out{aspect-ratio:16 / 5;gap:4px;padding:6px;background:#8aeac00f;border:1px solid rgba(138,234,192,.25)}.dge__mini[data-empty=true]{background-image:repeating-linear-gradient(45deg,rgba(244,231,200,.03),rgba(244,231,200,.03) 6px,transparent 6px,transparent 12px)}.dge__mini-cell{background:#f4e7c80f;border:1px solid rgba(244,231,200,.1);border-radius:2px;min-width:0;min-height:0}.dge__mini-cell--on{background:var(--cell-color);border-color:var(--cell-color)}.dge__mini-cell--low.dge__mini-cell--on{--cell-color: #f6c15e}.dge__mini-cell--mid.dge__mini-cell--on{--cell-color: #ff8a70}.dge__mini-cell--high.dge__mini-cell--on{--cell-color: #c9a8ef}.dge__mini-cell--bell.dge__mini-cell--on{--cell-color: #8aeac0}.dge__mini-cell--play{box-shadow:0 0 0 2px var(--dge-cream);transform:scale(.92)}.dge__op-row{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin:14px 0;padding:12px;background:#0003;border-radius:8px}.dge__op-label{font-family:JetBrains Mono,monospace;font-size:11px;letter-spacing:.12em;color:var(--dge-cream-dim);text-transform:uppercase}.dge__op-buttons{display:flex;gap:6px;flex-wrap:wrap}.dge__op{border:1px solid rgba(244,231,200,.18);background:transparent;color:var(--dge-cream-dim);font-family:JetBrains Mono,monospace;font-size:12px;letter-spacing:.04em;padding:6px 12px;border-radius:5px;cursor:pointer;transition:background .12s ease,color .12s ease}.dge__op:hover{background:#f4e7c814;color:var(--dge-cream)}.dge__op--active{background:#f6c15e26;border-color:#f6c15e80;color:var(--dge-flame)}.dge__op-hint{font-size:12px;color:var(--dge-cream-dim);font-style:italic;flex:1;min-width:200px;text-align:right}.dge__bridge{display:flex;align-items:center;gap:10px;margin:14px 0}.dge__bridge-line{flex:1;height:1px;background:linear-gradient(90deg,transparent,rgba(138,234,192,.4),transparent)}.dge__bridge-eq{font-family:Inter Tight,sans-serif;font-weight:800;font-size:22px;color:var(--dge-mint)}.dge__transport{display:flex;align-items:center;gap:12px;margin:16px 0}.dge__btn{border:1px solid rgba(244,231,200,.25);background:#f4e7c814;color:var(--dge-cream);padding:10px 18px;border-radius:8px;font-family:inherit;font-size:14px;font-weight:600;cursor:pointer}.dge__btn:hover{background:#f4e7c829}.dge__btn--play{background:#8aeac026;border-color:#8aeac073;color:var(--dge-mint)}.dge__btn--play:hover{background:#8aeac040}.dge__actions{display:flex;flex-wrap:wrap;gap:10px}.dge__action{flex:0 0 auto;border:1px solid rgba(244,231,200,.18);background:#f4e7c80f;color:var(--dge-cream);padding:10px 16px;border-radius:8px;font-family:inherit;font-size:13px;font-weight:500;cursor:pointer;text-decoration:none}.dge__action:hover{background:#f4e7c824;border-color:#f4e7c859}.dge__action--primary{background:#ff6b8a26;border-color:#ff6b8a73;color:var(--dge-coral)}.dge__action--primary:hover{background:#ff6b8a40}.dge__action--ghost{color:var(--dge-cream-dim);background:transparent;border-color:#f4e7c81a}.dge__notes{max-width:720px}.dge__notes-h{font-family:Inter Tight,sans-serif;font-weight:700;font-size:22px;letter-spacing:-.01em;color:var(--dge-cream);margin:0 0 12px}.dge__notes p,.dge__notes li{font-size:14px;line-height:1.6;color:var(--dge-cream-dim);margin:0 0 12px}.dge__notes ul{list-style:none;padding-left:0;margin:0 0 12px}.dge__notes li{padding-left:18px;position:relative;margin-bottom:6px}.dge__notes li:before{content:"·";position:absolute;left:6px;color:var(--dge-flame)}.dge__notes em{color:var(--dge-flame);font-style:italic}.dge__notes strong{color:var(--dge-cream);font-weight:600}.dge__notes code{font-family:JetBrains Mono,monospace;font-size:12px;padding:1px 6px;border-radius:4px;background:#f4e7c814;color:var(--dge-mint)}.dge__notes a{color:var(--dge-coral);text-decoration:underline;text-underline-offset:3px}.dge__toast{position:fixed;bottom:28px;left:50%;transform:translate(-50%) translateY(20px);background:#000000d9;color:var(--dge-flame);padding:10px 18px;border-radius:6px;font-family:JetBrains Mono,monospace;font-size:12px;letter-spacing:.04em;opacity:0;pointer-events:none;transition:opacity .24s ease,transform .24s ease;z-index:50;border:1px solid rgba(246,193,94,.4)}.dge__toast--show{opacity:1;transform:translate(-50%) translateY(0)}