.koto-auth-page{min-height:100vh;background:radial-gradient(circle at top left,rgba(184,212,227,0.25),transparent 32rem),linear-gradient(180deg,var(--neutral-50) 0%,var(--neutral-100) 100%);display:flex;align-items:center;justify-content:center;padding:var(--space-5)}.koto-auth-shell{width:100%;max-width:1080px;display:grid;grid-template-columns:1.05fr 1fr;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);overflow:hidden;min-height:580px}.koto-auth-showcase{padding:var(--space-7) var(--space-6);background:radial-gradient(circle at top right,rgba(244,160,138,0.18),transparent 22rem),linear-gradient(160deg,var(--sky-50) 0%,var(--sky-100) 100%);color:var(--sky-900);display:flex;flex-direction:column;justify-content:center}.koto-auth-eyebrow{font-size:var(--t-caption-size);text-transform:uppercase;letter-spacing:0.08em;font-weight:600;color:var(--sky-700);margin-bottom:var(--space-3)}.koto-auth-showcase h1{font-size:var(--t-display-size);line-height:var(--t-display-lh);font-weight:var(--t-display-w);letter-spacing:-0.02em;margin:0 0 var(--space-3)}.koto-auth-showcase p{font-size:var(--t-body-size);color:var(--sky-800);margin:0 0 var(--space-5);max-width:36ch}.koto-auth-panel{padding:var(--space-7) var(--space-6);display:flex;flex-direction:column;gap:var(--space-4)}.koto-auth-brand{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-2)}.koto-auth-brand-copy{margin:0;color:var(--fg3);font-size:var(--t-caption-size)}.koto-auth-panel header h2{font-size:var(--t-h1-size);line-height:var(--t-h1-lh);font-weight:var(--t-h1-w);letter-spacing:-0.015em;margin:var(--space-3) 0 var(--space-1);color:var(--fg1)}.koto-auth-panel header p{margin:0 0 var(--space-4);color:var(--fg2)}.koto-auth-footnote{margin-top:auto;padding-top:var(--space-4);border-top:1px solid var(--border);font-size:var(--t-caption-size);color:var(--fg3)}@media (max-width:880px){.koto-auth-shell{grid-template-columns:1fr}.koto-auth-showcase{display:none}}@media (max-width:640px){.koto-auth-page{padding:var(--space-4)}.koto-auth-shell{min-height:0}.koto-auth-panel{padding:var(--space-5) var(--space-4)}}html.koto-auth-float,html.koto-auth-float body{height:100%;margin:0;overflow:hidden}.koto-auth-float-page{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-5);padding:var(--space-5);background:radial-gradient(ellipse 80% 55% at 50% -5%,var(--sky-200) 0%,transparent 55%),linear-gradient(160deg,var(--sky-50) 0%,var(--neutral-100) 50%,var(--sky-100) 100%)}.koto-auth-float-logo{display:flex;align-items:center;justify-content:center}.koto-auth-float-logo .oraoki-wordmark{width:120px;height:auto;display:block}.koto-auth-float-stack{width:100%;max-width:440px;display:flex;flex-direction:column;gap:var(--space-4)}.koto-auth-float-title{font-size:var(--t-h1-size);line-height:var(--t-h1-lh);font-weight:var(--t-h1-w);letter-spacing:-0.015em;margin:0;color:var(--fg1);text-align:center}.koto-auth-float-copy{margin:0;color:var(--fg2);font-size:var(--t-body-size);line-height:var(--t-body-lh);text-align:center}.koto-auth-float-form{display:flex;flex-direction:column;gap:var(--space-3)}.koto-auth-float-footnote{margin:0;font-size:var(--t-caption-size);color:var(--fg3);text-align:center}.koto-auth-float-footnote a{color:var(--sky-700);text-decoration:underline;text-underline-offset:2px;transition:color 150ms ease}.koto-auth-float-footnote a:hover{color:var(--sky-800)}.koto-auth-float-footnote a:focus-visible{outline:2px solid var(--sky-500);outline-offset:2px;border-radius:2px}.is-hidden{display:none!important}.auth-btn-loading{opacity:0.7;pointer-events:none}#kiosk-redirect-notice{display:none;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);background:var(--mint-50);border:1px solid var(--mint-200);border-radius:var(--radius-md);font-size:var(--t-caption-size);color:var(--mint-700)}#kiosk-back-notice{display:none;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);background:var(--primary-subtle,color-mix(in srgb,var(--primary) 10%,transparent));border:1px solid color-mix(in srgb,var(--primary) 30%,transparent);border-radius:var(--radius-md);font-size:var(--t-caption-size);color:var(--primary-dark,var(--primary))}#kiosk-redirect-notice.is-visible{display:flex}@keyframes kiosk-pulse{0%,100%{opacity:1}50%{opacity:0.3}}.kiosk-dot{width:8px;height:8px;border-radius:50%;background:var(--mint-500);flex-shrink:0;animation:kiosk-pulse 1.2s ease-in-out infinite}@media (prefers-reduced-motion:no-preference){.koto-auth-float-logo{animation:koto-auth-float-rise 200ms ease both}.koto-auth-float-stack{animation:koto-auth-float-rise 240ms 40ms ease both}.koto-auth-float-footnote{animation:koto-auth-float-rise 260ms 80ms ease both}@keyframes koto-auth-float-rise{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}}@media (max-width:640px){.koto-auth-float-page{padding:var(--space-4)}}html.koto-auth-float:has(body.koto-auth--verify-device),html.koto-auth-float body.koto-auth--verify-device{height:auto;min-height:100%;overflow:auto}.koto-auth-float-page--verify-device{min-height:100dvh;height:auto;justify-content:center;align-items:center;box-sizing:border-box;padding:max(var(--space-5),env(safe-area-inset-top,0px)) var(--space-5) max(var(--space-5),env(safe-area-inset-bottom,0px));gap:var(--space-8);overflow:visible}.koto-auth-float-page--verify-device .koto-auth-float-logo{flex-shrink:0}.koto-auth-float-page--verify-device .koto-auth-float-logo .oraoki-wordmark{width:160px}.koto-auth-float-body--verify-device{width:100%;max-width:520px;display:flex;flex-direction:column;align-items:stretch;gap:var(--space-5)}.koto-auth-float-stack--verify-device{max-width:none;width:100%;gap:var(--space-4)}.koto-auth-float-stack--verify-device .alert{margin-bottom:0}.koto-auth-float-copy--verify-device{font-size:var(--t-h3-size);line-height:var(--t-h3-lh);max-width:42ch;margin-inline:auto}.koto-auth-float-copy--verify-device strong{color:var(--fg1);font-weight:var(--t-h3-w)}.koto-auth-float-page--verify-device #continue-btn.btn-primary.disabled{background:var(--sky-200);color:var(--sky-800);border:1px solid var(--sky-300);box-shadow:var(--shadow-sm);opacity:1}.koto-auth-float-page--verify-device .koto-auth-float-footnote{margin-top:0;padding-top:var(--space-4)}@media (prefers-reduced-motion:no-preference){.koto-auth-float-page--verify-device .koto-auth-float-logo{animation:none}}@media (max-width:640px){.koto-auth-float-page--verify-device{padding:max(var(--space-5),env(safe-area-inset-top,0px)) var(--space-4) max(var(--space-5),env(safe-area-inset-bottom,0px));gap:var(--space-6)}.koto-auth-float-page--verify-device .koto-auth-float-logo .oraoki-wordmark{width:140px}.koto-auth-float-body--verify-device{gap:var(--space-4)}.koto-auth-float-copy--verify-device{max-width:none}}