*{box-sizing:border-box}body,html{margin:0;padding:0;background:#0d0d18;color:#eaeaea;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Hiragino Kaku Gothic ProN,Helvetica Neue,Arial,sans-serif;line-height:1.6}main{max-width:720px;margin:0 auto;padding:32px 20px 80px}h1{font-size:18px;font-weight:500;letter-spacing:.02em;margin:0 0 8px;color:#aab}.mode-label{font-size:12px;letter-spacing:.15em;color:#889;text-transform:uppercase;margin-bottom:16px}.puzzle-frame{background:#16162a;border-radius:8px;padding:16px;display:flex;justify-content:center}.puzzle-frame img,.puzzle-frame svg{max-width:100%;height:auto}.puzzle-text{white-space:pre-wrap;font-family:Menlo,monospace;font-size:16px;padding:8px 0}.mode-hint{margin-top:12px;padding:10px 14px;background:#1a1a2e;border-left:3px solid #c8556e;border-radius:4px;font-size:14px;color:#ccd;display:flex;flex-wrap:wrap;gap:8px;align-items:baseline}.mode-hint .label{color:#c8556e;font-weight:600}.mode-hint .text{color:#eaeaea}.mode-hint a{color:#88aaff;text-decoration:underline}.mode-hint a:hover{text-decoration:none}.controls{margin-top:24px}input[type=text]{width:100%;padding:10px 12px;background:#1a1a2e;border:1px solid #333;color:#eaeaea;border-radius:6px;font-size:16px}button{padding:10px 20px;border:1px solid #44a;background:#1a2244;color:#eaeaea;border-radius:6px;cursor:pointer;font-size:14px}button:disabled{opacity:.4;cursor:not-allowed}button:not(:disabled):hover{background:#223060}.link-button{display:inline-block;padding:10px 20px;border:1px solid #444;background:transparent;color:#aab;border-radius:6px;font-size:14px;text-decoration:none}.link-button:hover{background:#1a1a2e;color:#eaeaea}.row{display:flex;gap:8px;align-items:center;margin:12px 0}.timer{font-family:Menlo,monospace;font-size:12px;color:#667;margin-top:4px}.feedback{margin-top:8px;font-size:14px;color:#faa;min-height:20px}.feedback.ok{color:#5da}.history{margin-top:32px;padding-top:16px;border-top:1px solid #333;font-size:13px;color:#99a}.history h2{font-size:13px;margin:0 0 8px;color:#aab;font-weight:500}.history ul{list-style:none;padding:0;margin:0}.history li{padding:4px 0;font-family:Menlo,monospace;font-size:12px}.history .correct{color:#5da}.solved-banner{background:#1a3a2a;border:1px solid #5da;color:#5da;padding:28px 20px;border-radius:8px;margin:20px 0 28px;text-align:center}.solved-banner .cleared{font-size:24px;font-weight:700;letter-spacing:.03em;line-height:1.4}.solved-banner .cleared .mode{color:#fff}.solved-banner .elapsed{font-size:13px;color:#8b9;margin-top:10px;font-family:Menlo,monospace}.stats-panel{margin-top:32px;padding-top:16px;border-top:1px solid #333}.stats-panel h2{font-size:13px;margin:0 0 8px;color:#aab;font-weight:500}.stats-panel table{width:100%;border-collapse:collapse;font-family:Menlo,monospace;font-size:12px}.stats-panel td,.stats-panel th{padding:6px 10px;text-align:left;border-bottom:1px solid #2a2a3a}.stats-panel th{color:#889;font-weight:500}.stats-panel td:first-child{color:#aab}.stats-panel .num{text-align:right;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}