: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}.voice-start-screen{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-lg);background:linear-gradient(160deg,#0f1f3a,#1a3a5c);padding:var(--space-lg);cursor:pointer;user-select:none;-webkit-user-select:none}.voice-start-name{font-size:clamp(28px,6vw,48px);font-weight:700;color:#fff;text-align:center}.voice-start-hint{font-size:var(--font-size-large);color:#ffffffa6;text-align:center}.voice-orb-start{display:block;width:180px;height:180px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#4a9eff,#1d4ed8 60%,#0f2d6b);box-shadow:0 0 0 20px #1d4ed826,0 0 0 40px #1d4ed812,0 8px 40px #00000080;animation:pulse-idle 3s ease-in-out infinite;margin:var(--space-md) 0;pointer-events:none}.voice-start-label{font-size:var(--font-size-large);color:#ffffff80;letter-spacing:.1em;text-transform:uppercase;font-weight:600}.voice-main{min-height:100vh;display:flex;flex-direction:column;background:linear-gradient(160deg,#0f1f3a,#1a3a5c)}.voice-content{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-xl);padding:var(--space-xl) var(--space-lg);text-align:center}.voice-status-area{min-height:80px;max-width:520px;width:100%;display:flex;align-items:center;justify-content:center}.voice-status-text{font-size:var(--font-size-large);color:#ffffff80;font-style:italic}.voice-reply-text{font-size:clamp(18px,3.5vw,24px);color:#fff;line-height:1.6;font-weight:400}.voice-error-text{font-size:var(--font-size-large);color:#f87171}.voice-orb-wrapper{display:flex;flex-direction:column;align-items:center;gap:var(--space-md)}.voice-orb-button{width:200px;height:200px;border-radius:50%;border:none;background:none;cursor:pointer;padding:0;position:relative;touch-action:none;user-select:none;-webkit-user-select:none}.voice-orb-inner{display:flex;align-items:center;justify-content:center;width:100%;height:100%;border-radius:50%;font-size:36px;background:radial-gradient(circle at 35% 35%,#4a9eff,#1d4ed8 60%,#0f2d6b);box-shadow:0 0 0 16px #1d4ed81f,0 0 0 32px #1d4ed80f,0 8px 40px #00000080;transition:transform .15s ease,box-shadow .15s ease;animation:pulse-idle 3s ease-in-out infinite}.voice-orb-button--recording .voice-orb-inner{background:radial-gradient(circle at 35% 35%,#ff6b6b,#dc2626 60%,#7f1d1d);box-shadow:0 0 0 20px #dc262633,0 0 0 40px #dc262614,0 8px 40px #00000080;animation:pulse-recording 1s ease-in-out infinite;transform:scale(1.06)}.voice-orb-button--speaking .voice-orb-inner{background:radial-gradient(circle at 35% 35%,#6ee7b7,#059669 60%,#064e3b);box-shadow:0 0 0 20px #05966933,0 0 0 40px #05966914,0 8px 40px #00000080;animation:pulse-speaking 1.5s ease-in-out infinite}.voice-orb-button--busy .voice-orb-inner{background:radial-gradient(circle at 35% 35%,#93c5fd,#3b82f6 60%,#1e3a8a);animation:pulse-thinking 2s ease-in-out infinite}.voice-orb-button:disabled{cursor:default}.voice-orb-label{font-size:var(--font-size-small);color:#ffffff73;letter-spacing:.03em;min-height:20px}.voice-assistant-row{display:flex;align-items:center;gap:8px}.voice-assistant-name{font-size:var(--font-size-small);color:#ffffff40;letter-spacing:.15em;text-transform:uppercase;font-weight:600}.voice-replay-btn{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:20px;font-size:14px;cursor:pointer;color:#ffffffb3;padding:4px 10px;line-height:1.4;transition:background .15s ease;white-space:nowrap}.voice-replay-btn:hover,.voice-replay-btn:active{background:#fff3}@keyframes pulse-idle{0%,to{box-shadow:0 0 0 16px #1d4ed81f,0 0 0 32px #1d4ed80f,0 8px 40px #00000080}50%{box-shadow:0 0 0 22px #1d4ed82e,0 0 0 44px #1d4ed814,0 8px 40px #00000080}}@keyframes pulse-recording{0%,to{box-shadow:0 0 0 20px #dc262633,0 0 0 40px #dc262614,0 8px 40px #00000080}50%{box-shadow:0 0 0 28px #dc262647,0 0 0 56px #dc26261f,0 8px 40px #00000080}}@keyframes pulse-speaking{0%,to{box-shadow:0 0 0 20px #05966933,0 0 0 40px #05966914,0 8px 40px #00000080}50%{box-shadow:0 0 0 28px #05966947,0 0 0 56px #0596691f,0 8px 40px #00000080}}@keyframes pulse-thinking{0%,to{opacity:1}50%{opacity:.6}}.mic-prompt-card{display:flex;flex-direction:column;align-items:center;gap:var(--space-lg);text-align:center;max-width:360px;padding:var(--space-xl)}.mic-prompt-icon{font-size:64px;line-height:1}.mic-prompt-title{font-size:clamp(22px,5vw,32px);font-weight:700;color:#fff}.mic-prompt-text{font-size:var(--font-size-large);color:#ffffffb3;line-height:1.6}.mic-prompt-btn{font-family:var(--font-family);font-size:var(--font-size-large);font-weight:600;background:#1d4ed8;color:#fff;border:none;border-radius:50px;padding:18px 40px;cursor:pointer;transition:background .15s ease;min-width:240px}.mic-prompt-btn:hover,.mic-prompt-btn:active{background:#1e40af}.voice-footer{padding:var(--space-lg);display:flex;justify-content:center}.voice-logout-btn{background:none;border:none;font-family:var(--font-family);font-size:var(--font-size-small);color:#ffffff40;cursor:pointer;text-decoration:underline;padding:var(--space-xs);border-radius:4px;transition:color .15s ease}.voice-logout-btn:hover{color:#ffffff80}.voice-logout-btn:disabled{cursor:default;opacity:.3}.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}}