:root{--bg: #FAFAFA;--card-bg: #FFFFFF;--border: #E5E5E8;--text: #1F1F1E;--text-soft: #73726E;--accent: #2E9DA6;--accent-tint: #E4F4F3;--accent-dark: #227C84;--discord-btn: #5865F2;--discord-hover: #4752C4;--radius: 10px;--font: "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Yu Gothic Medium", sans-serif;--font-mono: "Ubuntu Mono", "Consolas", monospace}*,*:before,*:after{box-sizing:border-box}body{margin:0;padding:0;font-family:var(--font);font-weight:400;background:var(--bg);color:var(--text);min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow-y:auto;-webkit-font-smoothing:antialiased}.login-container{width:100%;max-width:440px;padding:24px 20px;margin:auto}.login-card{background:var(--card-bg);border:1px solid var(--border);border-radius:16px;padding:36px 28px;box-shadow:0 8px 32px #0000000f;text-align:center}.brand{display:flex;align-items:center;justify-content:center;padding:4px 6px 16px}.brand img{height:38px;width:auto;display:block}.subtitle{font-size:14px;font-weight:400;color:var(--text-soft);margin:0 0 28px;line-height:1.6}.btn-discord{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;padding:12px 18px;background:var(--discord-btn);color:#fff;border:none;border-radius:var(--radius);font-size:14.5px;font-weight:600;cursor:pointer;text-decoration:none;transition:background .15s ease,transform .08s ease;box-shadow:0 2px 8px #5865f240}.btn-discord:hover{background:var(--discord-hover)}.btn-discord:active{transform:scale(.98)}.btn-discord svg{width:22px;height:22px;fill:currentColor}.divider{display:flex;align-items:center;margin:24px 0 18px;color:var(--text-soft);font-size:13px;font-weight:500}.divider:before,.divider:after{content:"";flex:1;border-bottom:1px solid var(--border)}.divider span{padding:0 12px}.key-login-toggle{background:none;border:none;color:var(--text-soft);font-size:13px;font-weight:500;font-family:var(--font);cursor:pointer;padding:6px 10px;border-radius:6px;transition:color .15s}.key-login-toggle:hover{color:var(--accent)}.key-box{margin-top:14px;text-align:left;box-sizing:border-box;width:100%}.key-input-group{display:flex;gap:8px;margin-top:6px;width:100%;box-sizing:border-box}.key-input{flex:1;min-width:0;padding:10px 14px;border:1px solid var(--border);border-radius:var(--radius);font-size:16px;font-weight:500;font-family:var(--font-mono);letter-spacing:.02em;background:var(--bg);color:var(--text);outline:none;box-sizing:border-box;transition:border-color .15s}.key-input:focus{border-color:var(--accent)}.btn-key-submit{padding:10px 18px;background:var(--accent);color:#fff;border:none;border-radius:var(--radius);font-size:13.5px;font-weight:700;cursor:pointer;transition:background .15s ease;white-space:nowrap}.btn-key-submit:hover{background:var(--accent-dark)}.pending-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;background:var(--accent-tint);color:var(--accent-dark);border:1px solid var(--accent);border-radius:20px;font-size:13px;font-weight:600;margin-bottom:16px}#pendingTitle{font-size:18px;font-weight:700;margin:0 0 8px;color:var(--text)}.code-display-wrap{margin:20px 0;padding:18px;background:var(--accent-tint);border:1.5px dashed var(--accent);border-radius:12px;text-align:center}.code-label{font-size:12px;color:var(--text-soft);margin-bottom:6px;font-weight:500}.code-number{font-size:30px;font-family:Silkscreen,SF Mono,Menlo,Monaco,Consolas,monospace;font-weight:700;letter-spacing:.14em;color:var(--accent-dark)}.btn-copy-code{margin-top:12px;padding:6px 16px;background:#fff;border:1px solid var(--accent);border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;color:var(--accent-dark);transition:background .15s ease,color .15s ease,border-color .15s ease;outline:none;-webkit-tap-highlight-color:transparent}@media(hover:hover){.btn-copy-code:hover{background:var(--accent);color:#fff}}.btn-copy-code.copied{background:var(--accent-dark)!important;border-color:var(--accent-dark)!important;color:#fff!important}.code-expiry-wrap{margin-top:14px;display:flex;align-items:center;justify-content:center}.code-expiry-text{font-size:12.5px;font-weight:500;color:var(--text-soft);background:var(--bg);padding:4px 12px;border-radius:6px;border:1px solid var(--border)}.error-msg{color:#e5484d;font-size:13px;font-weight:500;margin-top:10px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:480px){body{justify-content:flex-start;padding-top:28px}.login-container{padding:8px 16px 40px}.login-card{padding:28px 20px}}