@import"https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700;900&family=Space+Grotesk:wght@600;700&display=swap";:root{--bg:#f7f6f1;--panel:#fff;--panel-soft:#f1f4ee;--ink:#17201d;--muted:#69736f;--line:#dfe4dc;--accent:#264f3d;--accent-soft:#dfeae2;--danger:#b34234;--danger-soft:#f8e4df;--info:#315f71;--info-soft:#e3f0f3;--warning:#885d18;--warning-soft:#fff1d4;--shadow:0 18px 60px rgba(23,32,29,.1)}*{box-sizing:border-box}html{background:var(--bg);min-height:100%}body{background:radial-gradient(circle at 16% 0,rgba(38,79,61,.12) 0,transparent 24rem),linear-gradient(180deg,#fbfaf7 0,var(--bg) 54%,#eef2ec 100%);color:var(--ink);font-family:Noto Sans JP,Yu Gothic,sans-serif;margin:0;min-height:100vh}a{color:inherit}button,input{font:inherit}.auth-shell{display:grid;min-height:100vh;padding:40px 18px;place-items:center}.auth-panel{align-items:stretch;display:grid;gap:20px;grid-template-columns:minmax(0,.9fr) minmax(360px,1.1fr);width:min(980px,100%)}.auth-card,.auth-copy{border:1px solid var(--line);border-radius:24px;box-shadow:var(--shadow)}.auth-copy{background:#17201d;color:#f8f5ea;display:flex;flex-direction:column;justify-content:space-between;min-height:420px;padding:34px}.auth-copy h1{font-size:clamp(2.2rem,5vw,4rem);letter-spacing:-.055em;line-height:1;margin:0}.auth-copy h1,.eyebrow{font-family:Space Grotesk,Noto Sans JP,sans-serif}.eyebrow{color:#b8c9b9;font-weight:700;letter-spacing:.09em;margin:0 0 22px;text-transform:uppercase}.lead{color:#f8f5eac7;line-height:1.8;margin:18px 0 0;max-width:30rem}.auth-card{background:var(--panel);padding:30px}.stack{display:grid;gap:16px}.field{display:grid;gap:8px}.field-label{color:var(--ink);font-weight:700}.field input{background:#fff;border:1px solid var(--line);border-radius:14px;color:var(--ink);outline:none;padding:13px 14px;transition:border-color .14s ease,box-shadow .14s ease;width:100%}.field input:focus{border-color:var(--accent);box-shadow:0 0 0 4px #264f3d24}.field-hint{color:var(--muted);font-size:.88rem}.button{align-items:center;background:var(--accent);border:0;border-radius:12px;color:#fff;cursor:pointer;display:inline-flex;font-weight:800;justify-content:center;min-height:46px;padding:12px 18px;text-decoration:none;transition:transform .14s ease,box-shadow .14s ease,opacity .14s ease}.button:hover{box-shadow:0 10px 24px #264f3d2e;transform:translateY(-1px)}.button:disabled{box-shadow:none;cursor:not-allowed;opacity:.58;transform:none}.button-secondary{background:var(--accent-soft);color:var(--accent)}.button-danger{background:var(--danger)}.button-row{display:flex;flex-wrap:wrap;gap:10px}.text-link{color:var(--accent);font-weight:800;text-decoration-thickness:2px;text-underline-offset:4px}.session-pill{background:#ffffff14;border:1px solid rgba(248,245,234,.18);border-radius:999px;color:#f8f5ead6;margin:auto 0 0;max-width:100%;padding:10px 14px;width:-moz-fit-content;width:fit-content;word-break:break-all}.message{border-radius:14px;line-height:1.7;margin:0;padding:12px 14px}.message-info{background:var(--info-soft);color:var(--info)}.message-warning{background:var(--warning-soft);color:var(--warning)}.message-error{background:var(--danger-soft);color:var(--danger)}.response-debug{border-top:1px dashed var(--line);color:var(--muted);margin-top:20px;padding-top:14px}.response-debug summary{cursor:pointer;font-weight:800}.response-debug pre{background:#17201d;border-radius:12px;color:#f8f5ea;font-size:.84rem;max-height:280px;overflow:auto;padding:14px}.terms-list{display:grid;gap:10px}.term-item{align-items:flex-start;background:#fff;border:1px solid var(--line);border-radius:16px;display:flex;gap:12px;padding:14px}.term-item input{accent-color:var(--accent);height:20px;margin-top:3px;width:20px}.term-item small{color:var(--muted);display:block;margin-top:4px}.term-link{display:inline-block;margin-top:6px}.term-url-note{color:var(--warning)}.flow-box,.scope-box,.token-summary{background:#fff;border:1px solid var(--line);border-radius:18px;padding:16px}.flow-box-muted,.scope-box{background:var(--panel-soft)}.flow-box h2,.scope-box h2,.token-summary h2{color:var(--ink);font-size:1rem;margin:0 0 12px}.flow-box p,.scope-box p,.token-summary p{color:var(--muted);line-height:1.7;margin:0}.scope-list{display:flex;flex-wrap:wrap;gap:8px}.scope-chip{background:#fff;border-radius:999px;color:var(--accent);font-family:Space Grotesk,Noto Sans JP,sans-serif;font-weight:700;padding:6px 10px}.portal-metrics{background:#ffffff12;border:1px solid rgba(248,245,234,.18);border-radius:18px;color:#f8f5eac2;display:grid;gap:8px 12px;grid-template-columns:auto minmax(0,1fr);margin-top:28px;padding:14px;width:min(100%,32rem)}.portal-metrics code,.portal-metrics strong{color:#dce8d9;word-break:break-all}.flow-box ol{color:var(--muted);line-height:1.8;margin:0;padding-left:1.25rem}.flow-box dl,.token-summary dl{display:grid;gap:10px;margin:0}.flow-box dl div,.token-summary dl div{display:grid;gap:10px;grid-template-columns:8rem minmax(0,1fr)}.flow-box dt,.token-summary dt{color:var(--muted);font-weight:700}.flow-box dd,.token-summary dd{color:var(--ink);margin:0;word-break:break-all}@media(max-width:780px){.auth-shell{padding:16px}.auth-panel{grid-template-columns:1fr}.auth-copy{min-height:auto;padding:26px}.auth-card{padding:22px}.flow-box dl div,.portal-metrics,.token-summary dl div{gap:4px;grid-template-columns:1fr}}