:root{color-scheme:light;--ink:#15221a;--muted:#68746c;--green:#087a3b;--line:#dfe7e1;--paper:#fbfcfa;--danger:#b42318}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:radial-gradient(circle at 15% 0,#edf8ef 0,transparent 35%),var(--paper);font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.shell{width:min(880px,calc(100% - 40px));min-height:100vh;margin:0 auto;padding:64px 0 100px}.landing{display:flex;max-width:760px;flex-direction:column;justify-content:center}.eyebrow{color:var(--green);font-size:12px;font-weight:750;letter-spacing:.18em}h1{margin:12px 0 14px;font-family:Georgia,"Noto Serif SC",serif;font-size:clamp(42px,7vw,70px);font-weight:500;line-height:1.06;letter-spacing:-.04em}h2{margin:0 0 14px;font-size:22px}p{line-height:1.7}.landing p{max-width:620px;color:var(--muted);font-size:18px}.loginCard{display:flex;width:min(100%,380px);flex-direction:column;align-items:center;gap:14px;margin-top:24px;border:1px solid var(--line);border-radius:18px;padding:24px;background:hsla(0,0%,100%,.86)}.qrBox{display:grid;width:240px;height:240px;place-items:center;border-radius:14px;background:#f4f7f4}.qrBox img{display:block;border-radius:8px}.agreement,.qrPlaceholder{color:var(--muted)}.agreement{display:flex;align-items:flex-start;gap:8px;font-size:13px;font-weight:400;line-height:1.7}.agreement input{width:auto;margin-top:5px}.testLoginForm{width:100%;align-items:flex-end}header{display:flex;align-items:flex-start;justify-content:space-between;gap:24px}.actions,.headerActions{display:flex;align-items:center;flex-wrap:wrap;gap:10px}a{color:var(--green)}button{width:-moz-fit-content;width:fit-content;border:0;border-radius:10px;padding:12px 20px;color:#fff;background:var(--ink);cursor:pointer;font:inherit;font-weight:650}button:disabled{opacity:.55;cursor:wait}.secondary{border:1px solid var(--line);color:var(--ink);background:#fff}.danger{border:1px solid #f0c7c3;color:var(--danger);background:#fff7f6}section{margin-top:38px;border-top:1px solid var(--line);padding-top:26px}.muted{color:var(--muted)}form{display:flex;align-items:flex-end;gap:12px;max-width:680px}label{display:grid;flex:1 1;grid-gap:8px;gap:8px;font-size:14px;font-weight:650}input{width:100%;border:1px solid var(--line);border-radius:10px;padding:12px;background:#fff;color:var(--ink);font:inherit}.created{border:1px solid #b7dfc1;border-radius:16px;padding:24px;background:#f2fbf4}.created p{margin-bottom:18px;color:var(--muted)}.created>code{display:block;overflow-wrap:anywhere;border:1px solid #cfe8d5;border-radius:10px;padding:14px;background:#fff;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.created .actions{margin-top:16px}.keyList{display:grid;grid-gap:10px;gap:10px}.keyList article{display:flex;align-items:center;justify-content:space-between;gap:18px;border:1px solid var(--line);border-radius:14px;padding:18px;background:hsla(0,0%,100%,.78)}.keyList article>div{display:grid;grid-gap:7px;gap:7px;min-width:0}.keyList code{overflow-wrap:anywhere;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.keyList code,.keyList small{color:var(--muted)}.error{margin-top:18px;border-left:3px solid var(--danger);padding:10px 14px;color:#8d1b13;background:#fff2f0}@media (max-width:700px){.shell{width:min(100% - 28px,880px);padding-top:36px}.keyList article,form,header{align-items:stretch;flex-direction:column}.headerActions{justify-content:space-between}.keyList article button,form button{width:100%}}