:root{color-scheme:dark;--bg: #0f1115;--panel: #171b24;--panel-soft: #212734;--ink: #f3f5f8;--muted: #b6c0cf;--border: #f3f5f8;--success: #a7f76c;--danger: #ff866b;--info: #7cd6ff;--shadow: 7px 7px 0 #f3f5f8;font-family:Trebuchet MS,Aptos,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0;min-height:100vh;color:var(--ink);background:radial-gradient(circle at 14% 12%,rgba(124,214,255,.2),transparent 20%),radial-gradient(circle at 87% 10%,rgba(167,247,108,.16),transparent 18%),linear-gradient(180deg,#11151d 0%,var(--bg) 52%,#090b10 100%)}button,input,textarea{font:inherit}button{cursor:pointer}input,textarea{width:100%;margin-top:8px;padding:12px 14px;border:3px solid var(--border);border-radius:18px;background:#0f1115;color:var(--ink);box-shadow:4px 4px #f3f5f8}textarea{min-height:220px;resize:vertical}.shell{max-width:1260px;margin:0 auto;padding:28px 18px 60px}.brutal-panel{background:var(--panel);border:3px solid var(--border);border-radius:28px;box-shadow:var(--shadow)}.scanner-hero,.top-strip,.camera-panel,.manual-panel,.empty-panel{padding:22px}.scanner-hero{display:grid;grid-template-columns:1.3fr .8fr;gap:22px}.scanner-hero h1,.panel-header h2,.empty-panel h2{margin:0;font-family:Georgia,Times New Roman,serif;line-height:.95}.scanner-hero h1{font-size:clamp(2.1rem,3.8vw,4rem);max-width:12ch}.scanner-hero p,.empty-panel p{margin:14px 0 0;color:var(--muted);line-height:1.5}.kicker{display:inline-block;text-transform:uppercase;letter-spacing:.14em;font-size:.72rem;font-weight:900;color:var(--muted)}.hero-rail{display:grid;gap:14px;align-content:start}.hero-actions{display:grid;gap:10px}.scanner-status{padding:22px;border:3px solid var(--border);border-radius:24px;background:var(--panel-soft)}.scanner-status span{display:block;text-transform:uppercase;letter-spacing:.1em;font-size:.78rem;font-weight:700}.scanner-status strong{display:block;margin-top:10px;font-size:2.8rem;line-height:1}.button{min-height:52px;padding:12px 18px;border:3px solid var(--border);border-radius:18px;font-weight:900;box-shadow:4px 4px #f3f5f8;transition:transform .12s ease,box-shadow .12s ease}.button:hover{transform:translate(-2px,-2px);box-shadow:6px 6px #f3f5f8}.button-primary{background:var(--success);color:#0f1115}.button-secondary{background:var(--info);color:#0f1115}.top-strip{display:grid;grid-template-columns:auto 1fr;gap:18px;align-items:center;margin-top:20px}.top-strip p{margin:0}.scanner-layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);gap:20px;margin-top:20px}.camera-panel,.manual-panel{display:grid;gap:16px}.panel-header{display:flex;justify-content:space-between;gap:14px;align-items:flex-start}.panel-header h2{font-size:clamp(1.9rem,2.4vw,2.8rem)}.status-chip{padding:10px 14px;border:2px solid var(--border);border-radius:999px;background:#a7f76c2e;font-size:.82rem;font-weight:900}.status-chip.alt{background:#7cd6ff2e}.preview{width:100%;min-height:470px;object-fit:cover;border:3px solid var(--border);border-radius:24px;background:#090b10;box-shadow:5px 5px #f3f5f8}.result-card{min-height:150px;display:grid;place-items:center;gap:8px;padding:18px;border:3px solid var(--border);border-radius:22px;text-align:center;background:var(--panel-soft)}.result-card span{text-transform:uppercase;letter-spacing:.12em;font-size:.75rem;font-weight:900;color:var(--muted)}.result-card strong{font-size:1.5rem;line-height:1.1}.result-card.success{background:#a7f76c2e}.result-card.error,.result-card.invalid_signature,.result-card.already_used,.result-card.wrong_meal,.result-card.not_eligible{background:#ff866b2e}@media(max-width:1020px){.scanner-hero,.scanner-layout{grid-template-columns:1fr}}@media(max-width:760px){.top-strip,.panel-header{grid-template-columns:1fr;flex-direction:column;align-items:flex-start}.preview{min-height:300px}}