:root{--bg-deep: #06060f;--bg-mid: #120c2e;--bg-hi: #241259;--panel: #14103a;--panel-hi: #241a63;--bevel-light: #6c5fd0;--bevel-dark: #05030f;--ink: #eef0ff;--ink-dim: #9a97c8;--ink-faint: #5f5c8f;--accent: #ffc46b;--accent-2: #6ee7ff;--accent-3: #ff6ec7;--spotify: #1db954;--font-display: "Press Start 2P", monospace;--font-body: "Chakra Petch", "Trebuchet MS", sans-serif;--shadow-drop: 0 6px 0 var(--bevel-dark), 0 14px 30px rgba(0, 0, 0, .55)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--font-body);color:var(--ink);background:var(--bg-deep);overflow-x:hidden;-webkit-font-smoothing:antialiased}.backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;background:radial-gradient(120% 90% at 78% 18%,rgba(110,231,255,.16),transparent 55%),radial-gradient(100% 80% at 12% 88%,rgba(255,110,199,.14),transparent 55%),linear-gradient(180deg,var(--bg-hi) 0%,var(--bg-mid) 45%,var(--bg-deep) 100%)}.backdrop:after{content:"";position:absolute;top:-50%;right:-50%;bottom:-50%;left:-50%;background-image:linear-gradient(rgba(140,120,255,.09) 1px,transparent 1px),linear-gradient(90deg,rgba(140,120,255,.09) 1px,transparent 1px);background-size:44px 44px;transform:perspective(340px) rotateX(62deg);transform-origin:50% 100%;animation:grid-drift 9s linear infinite;opacity:.5}@keyframes grid-drift{to{background-position:0 44px,0 0}}.crt{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;pointer-events:none}.crt:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(180deg,rgba(0,0,0,.28) 0px,rgba(0,0,0,.28) 1px,transparent 1px,transparent 3px);mix-blend-mode:multiply;opacity:.75}.crt:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(130% 110% at 50% 50%,transparent 55%,rgba(0,0,0,.62) 100%)}.shell{position:relative;z-index:10;min-height:100%;display:flex;flex-direction:column;padding:clamp(16px,3vw,34px);gap:clamp(14px,2vw,24px)}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.wordmark{font-family:var(--font-display);font-size:clamp(18px,2.6vw,30px);letter-spacing:.06em;margin:0;color:var(--ink);text-shadow:2px 0 0 var(--accent-3),-2px 0 0 var(--accent-2),0 5px 0 var(--bevel-dark)}.eyebrow{font-family:var(--font-display);font-size:9px;letter-spacing:.18em;color:var(--accent);margin:0 0 10px;text-transform:uppercase}.tagline{font-size:clamp(15px,1.5vw,18px);color:var(--ink-dim);max-width:46ch;line-height:1.6;margin:0}.panel{position:relative;background:linear-gradient(180deg,var(--panel-hi),var(--panel));border:2px solid var(--bevel-light);border-radius:4px;box-shadow:inset 0 2px #ffffff29,inset 0 -3px #00000080,var(--shadow-drop);padding:clamp(20px,2.6vw,34px)}.panel:before,.panel:after{content:"";position:absolute;width:10px;height:10px;border:2px solid var(--accent);pointer-events:none}.panel:before{top:6px;left:6px;border-right:none;border-bottom:none}.panel:after{bottom:6px;right:6px;border-left:none;border-top:none}.btn{font-family:var(--font-display);font-size:11px;letter-spacing:.08em;color:#06210f;background:linear-gradient(180deg,#35e07a,var(--spotify));border:2px solid #0b3a1f;border-radius:3px;padding:16px 22px;cursor:pointer;display:inline-flex;align-items:center;gap:12px;box-shadow:inset 0 2px #ffffff73,0 5px #0b3a1f,0 12px 22px #00000080;transition:transform 90ms steps(2),box-shadow 90ms steps(2),filter .12s}.btn:hover{filter:brightness(1.08)}.btn:active{transform:translateY(5px);box-shadow:inset 0 2px #ffffff59,0 0 #0b3a1f,0 4px 10px #00000080}.btn:disabled{cursor:not-allowed;filter:grayscale(.8) brightness(.7)}.btn-ghost{font-family:var(--font-display);font-size:9px;letter-spacing:.1em;color:var(--ink-dim);background:linear-gradient(180deg,var(--panel-hi),var(--panel));border:2px solid var(--bevel-light);border-radius:3px;padding:11px 15px;cursor:pointer;box-shadow:inset 0 2px #ffffff1f,0 4px 0 var(--bevel-dark);transition:transform 90ms steps(2),color .12s}.btn-ghost:hover{color:var(--ink)}.btn-ghost:active{transform:translateY(4px);box-shadow:inset 0 2px #ffffff1f,0 0 0 var(--bevel-dark)}.btn:focus-visible,.btn-ghost:focus-visible,.name-input:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.hint{font-family:var(--font-display);font-size:8px;letter-spacing:.14em;color:var(--ink-faint);text-transform:uppercase}.footer{margin-top:auto;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;padding-top:10px;border-top:1px solid rgba(140,120,255,.18)}.error-box{border:2px solid var(--accent-3);background:#ff6ec71a;border-radius:3px;padding:16px 18px;color:#ffd9ef;font-size:15px;line-height:1.55}a{color:var(--accent-2)}@media(prefers-reduced-motion:reduce){.backdrop:after{animation:none}}.main{flex:1;display:flex;align-items:center}.wordmark-link{text-decoration:none}.home{width:100%;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.92fr);gap:clamp(18px,3vw,40px);align-items:center}.home-title{font-family:var(--font-body);font-weight:700;font-size:clamp(30px,4.4vw,54px);line-height:1.12;letter-spacing:-.01em;margin:0 0 18px}.home-note{margin:20px 0 0;line-height:1.9}.home-copy .error-box{margin-top:22px}.home-stage{min-width:0}.stage{position:relative;aspect-ratio:1 / 1;width:100%;max-height:68vh;margin-inline:auto;border:2px solid var(--bevel-light);border-radius:4px;background:radial-gradient(80% 70% at 50% 30%,#241259,#0a0720 75%);box-shadow:inset 0 0 60px #0009,var(--shadow-drop);overflow:hidden;cursor:grab;touch-action:none}.stage[data-grabbing]{cursor:grabbing}.stage canvas{display:block;width:100%!important;height:100%!important;image-rendering:pixelated}.stage-hint{position:absolute;bottom:12px;left:50%;transform:translate(-50%);font-family:var(--font-display);font-size:8px;letter-spacing:.16em;color:var(--ink-dim);background:#06060fb3;padding:7px 12px;border-radius:2px;pointer-events:none;animation:blink 2.4s steps(1) infinite}@keyframes blink{0%,70%{opacity:1}71%,to{opacity:.35}}.loader{display:flex;flex-direction:column;gap:16px;align-items:flex-start}.loader-bars{display:flex;gap:5px}.loader-bars span{width:12px;height:30px;background:var(--accent);box-shadow:0 3px 0 var(--bevel-dark);animation:bar-pulse .85s steps(3) infinite}@keyframes bar-pulse{0%,to{transform:scaleY(.35);opacity:.4}50%{transform:scaleY(1);opacity:1}}.loader-label{margin:0}.callback-panel{width:min(560px,100%);margin-inline:auto;display:flex;flex-direction:column;gap:18px;align-items:flex-start}.poem-wrap{width:100%;display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,.8fr);gap:clamp(16px,2vw,26px);align-items:start}.poem-head{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;flex-wrap:wrap;padding-bottom:18px;margin-bottom:8px;border-bottom:2px solid rgba(140,120,255,.25)}.poem-title{font-family:var(--font-display);font-size:clamp(15px,2vw,24px);letter-spacing:.05em;margin:0;color:var(--accent);text-shadow:0 4px 0 var(--bevel-dark);word-break:break-word}.poem-stats{display:flex;gap:18px}.stat{display:flex;flex-direction:column;gap:5px;align-items:flex-end}.stat-value{font-family:var(--font-display);font-size:15px;color:var(--accent-2)}.poem-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}.poem-line{display:flex;align-items:baseline;gap:clamp(10px,1.4vw,20px);padding:10px 8px;border-bottom:1px dashed rgba(140,120,255,.16);animation:line-in .34s both steps(4)}.poem-line:last-child{border-bottom:none}@keyframes line-in{0%{opacity:0;transform:translate(-16px)}to{opacity:1;transform:none}}.poem-cap{font-family:var(--font-display);font-size:clamp(20px,3vw,34px);line-height:1;color:var(--accent);text-shadow:2px 0 0 var(--accent-3),-2px 0 0 var(--accent-2),0 4px 0 var(--bevel-dark);min-width:1.25em;flex:none}.poem-body{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;min-width:0}.poem-artist{font-size:clamp(19px,2.4vw,30px);font-weight:600;color:var(--ink);text-decoration:none;letter-spacing:.01em;word-break:break-word}.poem-artist:hover{color:var(--accent-2);text-decoration:underline;text-underline-offset:4px}.poem-meta{font-family:var(--font-display);font-size:7px;letter-spacing:.12em;color:var(--ink-faint);border:1px solid rgba(140,120,255,.3);border-radius:2px;padding:4px 6px;white-space:nowrap;flex:none}.poem-empty{color:var(--ink-faint);font-style:italic;font-size:17px}.poem-side{display:flex;flex-direction:column;gap:16px;position:sticky;top:20px}.field{display:flex;flex-direction:column;gap:8px}.name-input{font-family:var(--font-body);font-size:19px;font-weight:600;letter-spacing:.04em;color:var(--ink);background:#0b0820;border:2px solid var(--bevel-light);border-radius:3px;padding:12px 14px;box-shadow:inset 0 3px 8px #0009;width:100%}.legend{border-top:1px solid rgba(140,120,255,.2);padding-top:14px}.legend ul{margin:10px 0 0;padding-left:16px;display:flex;flex-direction:column;gap:9px}.legend li{font-size:13.5px;line-height:1.55;color:var(--ink-dim)}.legend b{color:var(--ink);font-weight:600}.poem-actions{margin-top:auto;display:flex;gap:10px;flex-wrap:wrap}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}@media(max-width:900px){.home,.poem-wrap{grid-template-columns:minmax(0,1fr)}.home-stage{order:-1}.stage{max-width:420px;max-height:46vh}.poem-side{position:static}.main{align-items:flex-start}}@media(prefers-reduced-motion:reduce){.poem-line,.stage-hint,.loader-bars span{animation:none}}.stage-loading{cursor:default;animation:stage-warm 1.2s steps(2) infinite alternate}@keyframes stage-warm{0%{opacity:.55}to{opacity:.9}}.poem-match{color:var(--accent)}.home-cta{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:26px}.home-cta .btn{margin-top:0}.demo-note{margin:0 0 6px;padding:12px 14px;border:2px solid var(--accent);border-radius:3px;background:#ffc46b1a;color:var(--ink);font-size:14px;line-height:1.55}.demo-note b{font-family:var(--font-display);font-size:9px;letter-spacing:.12em;color:var(--accent);margin-right:6px}a.btn-ghost{text-decoration:none;display:inline-flex;align-items:center}