:root{--ink:#17242f;--muted:#63717a;--line:#dbe2df;--paper:#f6f5f0;--surface:#fff;--accent:#176b63;--soft:#eaf3f0;--warn:#8a5d19;--danger:#9b3e38;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink)}button,input,textarea{font:inherit}.shell{width:min(920px,calc(100% - 32px));margin:0 auto;padding:30px 0 60px}.topbar{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px}.brand{margin:0 0 5px;color:var(--accent);font-size:12px;font-weight:800;letter-spacing:.16em}.topbar h1{margin:0;font-size:20px}.local{border:1px solid #b8d2cc;border-radius:999px;padding:7px 10px;color:var(--accent);font-size:11px;font-weight:800}.beta-notice{margin:0 0 18px;border:1px solid #c9d7d3;border-radius:10px;padding:12px 14px;background:#f9fbfa;color:var(--muted);font-size:12px;line-height:1.55}.beta-notice strong{color:var(--ink)}.beta-notice p{margin:4px 0 0}nav{margin-bottom:12px}#steps{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin:0;padding:0;list-style:none}#steps li{border-top:4px solid #d9deda;padding-top:8px;color:#7b858b;font-size:11px;font-weight:750}#steps li.active{border-color:var(--accent);color:var(--accent)}.panel{min-height:520px;border:1px solid var(--line);border-radius:16px;background:var(--surface);padding:clamp(26px,6vw,58px);box-shadow:0 16px 48px rgba(20,40,50,.08)}.kicker{margin:0 0 12px;color:var(--accent);font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}h2{margin:0 0 14px;font-size:clamp(30px,5vw,48px);letter-spacing:-.04em;line-height:1.06}h3{margin-top:28px}.lede{max-width:670px;margin:0 0 28px;color:var(--muted);font-size:16px;line-height:1.65}.field{display:block;margin:18px 0}.field>span{display:block;margin-bottom:8px;font-size:13px;font-weight:760}input[type=text],textarea{width:100%;border:1px solid #c7d0cd;border-radius:10px;padding:13px;background:#fff;color:var(--ink)}textarea{min-height:120px;resize:vertical;line-height:1.5}.drop{display:block;border:1px dashed #98aaa5;border-radius:13px;padding:26px;background:#f8faf9}.drop input[type=file]{max-width:100%}.selection,.card,.boundary,.package{margin-top:16px;border:1px solid var(--line);border-radius:12px;padding:18px;background:#fafbf9}.row{display:flex;justify-content:space-between;gap:16px;padding:8px 0;border-bottom:1px solid #e6eae8}.row:last-child{border:0}.muted,.hint{color:var(--muted);font-size:13px;line-height:1.55}.actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}.button{border:1px solid var(--accent);border-radius:9px;padding:11px 16px;background:var(--accent);color:#fff;font-weight:750;cursor:pointer}.button.secondary{background:#fff;color:var(--accent)}.button.danger{border-color:#d8b2af;background:#fff;color:var(--danger)}.button:disabled{opacity:.5;cursor:not-allowed}#notice{margin-bottom:12px;border:1px solid #e3c2a0;border-radius:10px;padding:12px 14px;background:#fff7e9;color:#6c4513}#notice.error{border-color:#e1b5b0;background:#fff1ef;color:#792f2a}.processing{text-align:center;padding:100px 0}.spinner{width:28px;height:28px;margin:0 auto 18px;border:3px solid #dce5e2;border-top-color:var(--accent);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.state{margin:14px 0;border-left:3px solid var(--accent);padding:4px 0 4px 16px}.state dl{margin:8px 0}.state dt{color:var(--muted);font-size:11px;font-weight:800;text-transform:uppercase}.state dd{margin:3px 0 10px;overflow-wrap:anywhere}.tags{display:flex;flex-wrap:wrap;gap:7px;padding:0;list-style:none}.tags li{border-radius:7px;padding:6px 9px;background:var(--soft);color:#125a53;font-size:12px}.qualified{margin:8px 0;border:1px solid #acd0c8;border-radius:9px;padding:12px;background:var(--soft)}.qualified strong{display:block;margin-bottom:5px;color:var(--accent);font-size:11px;letter-spacing:.08em}.uncertain{border-color:#e3c99e;background:#fff9ee}.package pre{max-height:420px;overflow:auto;white-space:pre-wrap;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;line-height:1.55}.format-diagnostics,.format-diagnostics *{max-width:100%;overflow-wrap:anywhere;word-break:break-word}.format-diagnostics summary{cursor:pointer;font-weight:750}.format-diagnostics code{white-space:normal}@media(max-width:650px){.topbar{align-items:flex-start;flex-direction:column}#steps{grid-template-columns:1fr 1fr}.row{align-items:flex-start;flex-direction:column}.button{width:100%}}

.auth-panel{display:flex;gap:1rem;align-items:center;justify-content:space-between;padding:1rem 1.25rem;margin:1rem 0;border:1px solid #d7d7dd;border-radius:12px;background:#fff}.auth-panel p{margin:.25rem 0}.auth-actions{display:flex;gap:.65rem;align-items:end;flex-wrap:wrap}.auth-email{display:grid;gap:.25rem}.auth-email input{max-width:20rem;padding:.7rem;border:1px solid #aaa;border-radius:8px}.signed-in{justify-content:flex-end}.credit-status{margin:.5rem 0 1rem;font-weight:600}@media(max-width:600px){.auth-panel{align-items:stretch;flex-direction:column}.auth-actions{align-items:stretch;flex-direction:column}.auth-email input{max-width:none;width:100%}}

.feedback-reward{margin:1rem 0;padding:1rem 1.25rem;border:1px solid #d7d7dd;border-radius:12px;background:#fff}.feedback-reward form{display:grid;gap:.75rem}.feedback-reward label{display:grid;gap:.3rem}.feedback-reward select,.feedback-reward textarea{max-width:42rem;padding:.7rem;border:1px solid #aaa;border-radius:8px}.feedback-reward textarea{min-height:7rem}@media(max-width:600px){.feedback-reward select,.feedback-reward textarea{max-width:100%;width:100%}}
