:root{--color-primary: #1a3a5c;--color-primary-hover: #122840;--color-bg: #faf8f5;--color-card: #ffffff;--color-text: #1a1a1a;--color-text-muted: #4a4a4a;--color-error: #b91c1c;--color-error-bg: #fef2f2;--color-disabled: #6b7280;--color-disabled-bg: #e5e7eb;--color-brand-accent: #1d4ed8;--color-focus: #1d4ed8;--font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, sans-serif;--font-size-body: 18px;--font-size-large: 22px;--font-size-input: 20px;--font-size-h1: clamp(28px, 5vw, 40px);--font-size-h1-welcome: clamp(36px, 6vw, 52px);--font-size-button: 20px;--font-size-small: 16px;--space-xs: 8px;--space-sm: 12px;--space-md: 20px;--space-lg: 32px;--space-xl: 48px;--radius-button: 12px;--radius-input: 8px;--radius-card: 16px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:var(--font-size-body);scroll-behavior:smooth}body{font-family:var(--font-family);font-size:var(--font-size-body);line-height:1.6;color:var(--color-text);background-color:var(--color-bg);-webkit-font-smoothing:antialiased;min-height:100vh}:focus-visible{outline:3px solid var(--color-focus);outline-offset:3px;border-radius:4px}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--space-lg) var(--space-md);background-color:var(--color-bg)}.login-card{background-color:var(--color-card);border-radius:var(--radius-card);padding:var(--space-xl) var(--space-lg);width:100%;max-width:520px;box-shadow:0 4px 24px #00000014}.login-heading{font-size:var(--font-size-h1);font-weight:700;color:var(--color-primary);line-height:1.2;margin-bottom:var(--space-xs)}.brand-name{color:var(--color-brand-accent)}.login-subtitle{font-size:var(--font-size-large);color:var(--color-text-muted);margin-bottom:var(--space-lg)}.field-group{display:flex;flex-direction:column;gap:var(--space-xs);margin-bottom:var(--space-md)}.field-label{font-size:var(--font-size-large);font-weight:600;color:var(--color-text)}.field-input{width:100%;height:56px;padding:0 var(--space-md);font-size:var(--font-size-input);font-family:var(--font-family);color:var(--color-text);background-color:var(--color-card);border:2px solid var(--color-primary);border-radius:var(--radius-input);transition:border-color .15s ease,box-shadow .15s ease}.field-input:focus{outline:none;border-color:var(--color-focus);box-shadow:0 0 0 3px #1d4ed840}.field-input:disabled{background-color:var(--color-disabled-bg);color:var(--color-disabled);cursor:not-allowed}.error-message{font-size:var(--font-size-large);font-weight:600;color:var(--color-error);background-color:var(--color-error-bg);border:2px solid var(--color-error);border-radius:var(--radius-input);padding:var(--space-sm) var(--space-md);margin-bottom:var(--space-md);line-height:1.5}.login-button{display:block;width:100%;height:64px;font-size:var(--font-size-button);font-weight:700;font-family:var(--font-family);color:#fff;background-color:var(--color-primary);border:none;border-radius:var(--radius-button);cursor:pointer;transition:background-color .15s ease,transform .1s ease;margin-top:var(--space-sm);letter-spacing:.01em}.login-button:hover:not(:disabled){background-color:var(--color-primary-hover)}.login-button:active:not(:disabled){transform:scale(.99)}.login-button:disabled{background-color:var(--color-disabled);cursor:not-allowed;transform:none}.login-button:focus-visible{outline:3px solid var(--color-focus);outline-offset:3px}.welcome-page{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-lg) var(--space-md);background-color:var(--color-bg);position:relative}.welcome-content{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-lg);max-width:600px;width:100%}.welcome-greeting{font-size:var(--font-size-h1-welcome);font-weight:700;color:var(--color-primary);line-height:1.15}.welcome-subtitle{font-size:var(--font-size-large);color:var(--color-text-muted);margin-top:calc(-1 * var(--space-md))}.voice-button-wrapper{display:flex;flex-direction:column;align-items:center;gap:var(--space-sm);margin-top:var(--space-md)}.voice-button{width:220px;height:220px;border-radius:50%;font-size:22px;font-weight:700;font-family:var(--font-family);border:none;cursor:pointer;transition:background-color .15s ease,transform .1s ease;line-height:1.3;padding:var(--space-md)}.voice-button--disabled{background-color:var(--color-disabled-bg);color:var(--color-disabled);cursor:not-allowed}.voice-soon-text{font-size:var(--font-size-small);color:var(--color-text-muted);font-style:italic}.welcome-footer{position:absolute;bottom:var(--space-lg);width:100%;display:flex;justify-content:center}.logout-link{background:none;border:none;font-family:var(--font-family);font-size:var(--font-size-small);color:var(--color-text-muted);cursor:pointer;text-decoration:underline;padding:var(--space-xs);border-radius:4px;transition:color .15s ease}.logout-link:hover{color:var(--color-text)}.logout-link:focus-visible{outline:3px solid var(--color-focus);outline-offset:3px}.setup-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--space-lg) var(--space-md);background-color:var(--color-bg)}.setup-card{background-color:var(--color-card);border-radius:var(--radius-card);padding:var(--space-xl) var(--space-lg);width:100%;max-width:520px;box-shadow:0 4px 24px #00000014}.setup-title{font-size:var(--font-size-h1);font-weight:700;color:var(--color-primary);line-height:1.2;margin-bottom:var(--space-sm)}.setup-subtitle{font-size:var(--font-size-large);color:var(--color-text-muted);margin-bottom:var(--space-lg);line-height:1.5}.setup-error{font-size:var(--font-size-large);font-weight:600;color:var(--color-error);background-color:var(--color-error-bg);border:2px solid var(--color-error);border-radius:var(--radius-input);padding:var(--space-sm) var(--space-md);margin-bottom:var(--space-md)}.setup-field{display:flex;flex-direction:column;gap:var(--space-xs);margin-bottom:var(--space-md)}.setup-label{font-size:var(--font-size-large);font-weight:600;color:var(--color-text)}.setup-input{width:100%;height:56px;padding:0 var(--space-md);font-size:var(--font-size-input);font-family:var(--font-family);color:var(--color-text);background-color:var(--color-card);border:2px solid var(--color-primary);border-radius:var(--radius-input);transition:border-color .15s ease,box-shadow .15s ease}.setup-input:focus{outline:none;border-color:var(--color-focus);box-shadow:0 0 0 3px #1d4ed840}.setup-input:disabled{background-color:var(--color-disabled-bg);color:var(--color-disabled);cursor:not-allowed}.setup-btn-primary{display:block;width:100%;height:64px;font-size:var(--font-size-button);font-weight:700;font-family:var(--font-family);color:#fff;background-color:var(--color-primary);border:none;border-radius:var(--radius-button);cursor:pointer;transition:background-color .15s ease;margin-top:var(--space-sm)}.setup-btn-primary:hover:not(:disabled){background-color:var(--color-primary-hover)}.setup-btn-primary:disabled{background-color:var(--color-disabled);cursor:not-allowed}.setup-btn-skip{display:block;width:100%;margin-top:var(--space-md);padding:var(--space-sm);background:none;border:none;font-family:var(--font-family);font-size:var(--font-size-body);color:var(--color-text-muted);text-decoration:underline;cursor:pointer;border-radius:4px;transition:color .15s ease}.setup-btn-skip:hover:not(:disabled){color:var(--color-text)}.setup-btn-skip:disabled{cursor:not-allowed;opacity:.5}@media (max-width: 540px){.login-card{padding:var(--space-lg) var(--space-md);border-radius:var(--radius-button);box-shadow:none}.voice-button{width:180px;height:180px;font-size:20px}}@media (prefers-contrast: more){:root{--color-primary: #0a1e2e;--color-text: #000000;--color-error: #7f0000}.field-input{border-width:3px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{transition:none!important;animation:none!important}}