:root{--text:#020a0f;--text-sub:#50565d;--line:#e3e8ee;--bg:#fff;--bg-soft:#f4f7fa;--accent:#1a4f7a;--accent-hover:#14405f;--error:#b3261e}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg-soft);color:var(--text);-webkit-font-smoothing:antialiased;font-family:-apple-system,BlinkMacSystemFont,Hiragino Sans,Noto Sans JP,Yu Gothic,sans-serif;line-height:1.7}.shell{place-items:center;min-height:100dvh;padding:24px;display:grid}.card{background:var(--bg);border:1px solid var(--line);border-radius:12px;width:100%;max-width:420px;padding:40px 32px}.brand{letter-spacing:.08em;color:var(--text-sub);margin:0 0 8px;font-size:13px}h1{margin:0 0 8px;font-size:20px}.lead{color:var(--text-sub);margin:0 0 28px;font-size:14px}label{margin:0 0 8px;font-size:13px;font-weight:600;display:block}input{border:1px solid var(--line);background:var(--bg);width:100%;color:var(--text);border-radius:8px;padding:12px 14px;font-family:inherit;font-size:16px}input:focus{outline:2px solid var(--accent);outline-offset:-1px;border-color:#0000}input.code{letter-spacing:10px;text-align:center;font-variant-numeric:tabular-nums;font-size:24px}button{color:#fff;background:var(--accent);cursor:pointer;border:none;border-radius:8px;width:100%;margin-top:20px;padding:13px;font-family:inherit;font-size:15px;font-weight:600}button:hover:not(:disabled){background:var(--accent-hover)}button:disabled{opacity:.5;cursor:default}.link{width:100%;color:var(--accent);cursor:pointer;background:0 0;border:none;margin-top:16px;padding:0;font-size:13px;font-weight:400;text-decoration:underline;display:block}.link:hover:not(:disabled){background:0 0}.note{color:var(--text-sub);margin:0 0 20px;font-size:13px}.note strong{color:var(--text)}.error{color:var(--error);margin:16px 0 0;font-size:13px}.devbox{background:#fff8e1;border:1px solid #ffe082;border-radius:8px;margin:20px 0 0;padding:12px 14px;font-size:13px}.footer{border-top:1px solid var(--line);color:var(--text-sub);margin:28px 0 0;padding-top:20px;font-size:12px}