:root{--paper: #F7F8F6;--surface: #FFFFFF;--ink: #1B2420;--ink-soft: #5C6660;--line: #DDE2DC;--green: #16624A;--green-dark: #0F4A37;--brick: #A8442A;--radius: 6px}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--paper);color:var(--ink);font-family:Instrument Sans,system-ui,-apple-system,sans-serif;font-size:16px;line-height:1.55;font-variant-numeric:tabular-nums;-webkit-font-smoothing:antialiased}h1,h2,h3{font-weight:600;line-height:1.2;margin:0}h1{font-size:28px;letter-spacing:-.02em}h2{font-size:20px;letter-spacing:-.01em}p{margin:0 0 16px;max-width:62ch}a{color:var(--green);text-decoration:underline;text-underline-offset:3px}a:hover{color:var(--green-dark)}.auth-page{min-height:100%;display:flex;align-items:center;padding:40px 24px}.auth-box{width:100%;max-width:380px;margin:0 auto}.wordmark{font-size:15px;font-weight:600;letter-spacing:.01em;margin-bottom:40px}.wordmark span{color:var(--green)}.auth-box h1{margin-bottom:8px}.auth-intro{color:var(--ink-soft);font-size:15px;margin-bottom:28px}.field{margin-bottom:18px}.field label{display:block;font-size:14px;font-weight:500;margin-bottom:6px}.field input{width:100%;padding:11px 12px;font:inherit;color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius)}.field input:focus{outline:2px solid var(--green);outline-offset:-1px;border-color:var(--green)}.field-hint{font-size:13px;color:var(--ink-soft);margin-top:6px}button{font:inherit;cursor:pointer;border-radius:var(--radius)}.btn{width:100%;padding:12px 16px;font-weight:500;color:#fff;background:var(--green);border:1px solid var(--green)}.btn:hover:not(:disabled){background:var(--green-dark);border-color:var(--green-dark)}.btn:disabled{opacity:.5;cursor:default}.btn-secondary{color:var(--ink);background:var(--surface);border:1px solid var(--line)}.btn-secondary:hover:not(:disabled){border-color:var(--ink-soft)}.btn-quiet{background:none;border:none;padding:0;color:var(--green);text-decoration:underline;text-underline-offset:3px}:focus-visible{outline:2px solid var(--green);outline-offset:2px}.auth-links{margin-top:20px;font-size:14px;color:var(--ink-soft)}.notice{padding:11px 13px;border-radius:var(--radius);font-size:14px;margin-bottom:20px;border:1px solid}.notice-error{color:var(--brick);border-color:#e4c4b9;background:#fbf2ef}.notice-ok{color:var(--green-dark);border-color:#bfd7cd;background:#f0f6f3}.code-input{display:flex;gap:8px;margin-bottom:22px}.code-input input{width:100%;aspect-ratio:3 / 4;padding:0;font-size:24px;font-weight:500;text-align:center;color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius)}.code-input input:focus{outline:none;border-color:var(--green);box-shadow:inset 0 -2px 0 var(--green)}.shell{max-width:720px;margin:0 auto;padding:32px 24px 64px}.topbar{display:flex;align-items:baseline;justify-content:space-between;gap:16px;padding-bottom:20px;border-bottom:1px solid var(--line);margin-bottom:36px}.topbar .wordmark{margin:0}.section{margin-bottom:44px}.section>h2{margin-bottom:4px}.section-intro{color:var(--ink-soft);font-size:15px;margin-bottom:18px}.rows{border-top:1px solid var(--line)}.row{display:flex;justify-content:space-between;align-items:baseline;gap:20px;padding:13px 0;border-bottom:1px solid var(--line)}.row-label{color:var(--ink-soft);font-size:15px}.row-value{font-weight:500;text-align:right}.tag{display:inline-block;padding:2px 8px;border-radius:100px;font-size:13px;font-weight:500;border:1px solid}.tag-on{color:var(--green-dark);border-color:#bfd7cd;background:#f0f6f3}.tag-off{color:var(--ink-soft);border-color:var(--line);background:var(--paper)}.actions{display:flex;gap:10px;margin-top:20px;flex-wrap:wrap}.actions .btn,.actions .btn-secondary{width:auto}.qr-block{display:flex;gap:24px;align-items:flex-start;flex-wrap:wrap;margin:20px 0}.qr-block img{width:168px;height:168px;border:1px solid var(--line);border-radius:var(--radius);background:#fff}.secret-fallback{font-size:14px;color:var(--ink-soft);max-width:44ch}.secret-fallback code{display:inline-block;margin-top:6px;padding:5px 8px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);color:var(--ink);letter-spacing:.08em;word-break:break-all}.backup-codes{display:grid;grid-template-columns:repeat(2,1fr);gap:8px 20px;margin:16px 0;padding:16px 18px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);font-size:17px;letter-spacing:.06em}.loading{color:var(--ink-soft);padding:40px 0}@media (max-width: 520px){h1{font-size:24px}.shell{padding:24px 18px 48px}.topbar{flex-direction:column;gap:6px}}@media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important}}