:root{--ink:#25352f;--muted:#7a827b;--green:#376b62;--paper:#f7f8f4;--line:#dfe5da}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%;background:var(--paper);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic ProN","Noto Sans JP",sans-serif}
button,input{font:inherit;-webkit-tap-highlight-color:transparent}
[hidden],.hidden{display:none!important}
.login-page{min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:40px 24px}
.login-card{width:100%;max-width:360px;min-width:0}
.login-header{margin-bottom:28px;text-align:center}
.login-title{display:block;width:220px;max-width:80%;height:auto;margin:0 auto 32px;aspect-ratio:2881/1089;object-fit:contain}
.eyebrow{margin:0;font:9px/1.6 monospace;letter-spacing:1.5px;color:var(--muted)}
h1{margin:16px 0 14px;font-size:22px;line-height:1.5;font-weight:500;letter-spacing:.02em}
.login-intro{margin:0;font-size:13px;line-height:1.9;color:var(--muted);text-wrap:pretty}
form{display:grid;gap:20px;width:100%;margin:0}
.login-field{display:grid;gap:10px;min-width:0}
label{display:block;margin:0;font-size:12px;line-height:1.7}
input{display:block;width:100%;min-width:0;height:52px;margin:0;border:1px solid var(--line);border-radius:5px;background:#fff;color:var(--ink);padding:12px 14px;font-size:16px;line-height:1.5;box-shadow:none}
input:focus-visible,button:focus-visible,a:focus-visible{outline:2px solid var(--green);outline-offset:3px}
#login-code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:24px;font-style:normal;letter-spacing:5px;text-align:center;padding-inline:10px}
.field-hint{margin:0;font-size:11px;line-height:1.8;color:var(--muted);overflow-wrap:anywhere}
#sent-to{padding-bottom:0}
.primary{display:flex;align-items:center;justify-content:center;width:100%;min-height:50px;margin:0;border:1px solid var(--green);border-radius:5px;background:var(--green);color:#fff;padding:12px 16px;font-size:13px;line-height:1.7;text-align:center;cursor:pointer}
button:disabled{opacity:.5;cursor:default}
.login-links{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;margin-top:-8px}
.text-button{display:block;min-height:40px;margin:0;border:0;background:none;color:var(--muted);padding:7px 0;font-size:11px;line-height:1.7;text-align:left;text-decoration:none;cursor:pointer}
.login-links .text-button:last-child{text-align:right}
#login-message{margin:18px 0 0;font-size:12px;line-height:1.9;color:var(--muted);overflow-wrap:anywhere}
#login-message:empty{display:none}
#login-message.error{color:#a24b3d}
.login-footnote{margin:24px 0 0;padding-top:20px;border-top:1px solid var(--line);font-size:11px;line-height:1.9;color:var(--muted);overflow-wrap:anywhere}
#open-saved{margin-top:12px}
@media(max-width:360px){.login-page{padding:32px 20px}h1{font-size:20px}.login-title{width:200px}.login-links{gap:8px}.login-links .text-button{font-size:10px}}