:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:#0f172a;color:#f1f5f9;user-select:none;-webkit-user-select:none;touch-action:manipulation}.screen{min-height:100vh;display:flex;flex-direction:column;padding:32px}.screen.center{align-items:center;justify-content:center;text-align:center;gap:16px}h1{font-size:clamp(1.5rem,4vw,2.5rem);margin:0}.subtitle{color:#94a3b8;font-size:1.1rem;margin:0}.error{color:#fca5a5;font-size:1rem}.banner-warning{background:#451a03;color:#fdba74;border:1px solid #9a3412;border-radius:12px;padding:12px 16px;font-size:1rem;margin-bottom:16px}.pair-form{display:flex;flex-direction:column;align-items:center;gap:20px;margin-top:16px}.pair-input{font-size:3rem;letter-spacing:.4em;text-align:center;width:8em;padding:16px 0 16px .4em;border-radius:16px;border:2px solid #334155;background:#1e293b;color:#f1f5f9;font-family:monospace}.pair-input:focus{outline:none;border-color:#38bdf8}.pair-success,.pair-fail{font-size:5rem;line-height:1}.pair-success{color:#4ade80}.pair-fail{color:#f87171}.btn{font-size:1.25rem;font-weight:600;border:none;border-radius:16px;padding:18px 32px;cursor:pointer;transition:transform .1s ease,opacity .2s ease}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:#0ea5e9;color:#0f172a}.home-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.unpair-link{background:none;border:none;color:#64748b;font-size:.85rem;cursor:pointer;padding:8px}.packages{flex:1;display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:20px;align-content:start}.btn-package{background:#1e293b;border:2px solid #334155;color:#f1f5f9;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-height:140px;padding:20px}.btn-package:not(:disabled):hover{border-color:#38bdf8}.package-price{font-size:2rem;font-weight:700}.package-label{font-size:1rem;color:#94a3b8}.spinner{width:56px;height:56px;border:6px solid #334155;border-top-color:#38bdf8;border-radius:50%;animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}