:root{--color-primary: #e85d4a;--color-primary-dark: #c94535;--color-primary-light: rgba(232, 93, 74, .1);--color-accent: #f5a623;--color-accent-light: rgba(245, 166, 35, .1);--color-teal: #2bb5a0;--color-teal-light: #e0f5f1;--color-bg: #faf8f5;--color-surface: #f8f4ef;--color-surface-raised: #fffdf9;--color-card: #ffffff;--color-text: #2d2a26;--color-text-muted: #7a756e;--color-border: #e8e4de;--color-input-bg: #f5f2ee;--color-shadow: rgba(45, 42, 38, .08);--color-shadow-lg: rgba(45, 42, 38, .14);--choice-a-bg: #e0f5f1;--choice-a-color: #2bb5a0;--choice-b-bg: #fff3e0;--choice-b-color: #e08c00;--choice-c-bg: #f3e8ff;--choice-c-color: #8b5cf6;--choice-d-bg: #fce7e5;--choice-d-color: #e85d4a;--choice-e-bg: #dbeafe;--choice-e-color: #1d4ed8;--shadow-sm: 0 1px 4px rgba(45, 42, 38, .07), 0 1px 2px rgba(45, 42, 38, .05);--shadow-md: 0 4px 16px rgba(45, 42, 38, .1), 0 1px 4px rgba(45, 42, 38, .06);--shadow-lg: 0 8px 32px rgba(45, 42, 38, .13), 0 2px 8px rgba(45, 42, 38, .08);--font-display: "Segoe UI", "SF Pro Display", "Helvetica Neue", system-ui, sans-serif;--font-body: "Segoe UI", "SF Pro Display", "Helvetica Neue", system-ui, sans-serif;--radius-sm: 8px;--radius-md: 14px;--radius-lg: 22px;--radius-full: 50%;--transition: .2s ease}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-body);color:var(--color-text);background:var(--color-bg);line-height:1.5;min-height:100dvh}button{cursor:pointer;font-family:inherit;border:none;background:none}.auth-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100dvh;gap:1rem}.auth-loading-spinner{width:36px;height:36px;border:3px solid var(--color-border);border-top-color:var(--color-primary);border-radius:var(--radius-full);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.login-page{display:flex;align-items:center;justify-content:center;min-height:100dvh;padding:1.5rem;position:relative;overflow:hidden;background:radial-gradient(ellipse 80% 60% at 20% 10%,rgba(232,93,74,.06) 0%,transparent 60%),radial-gradient(ellipse 60% 50% at 80% 80%,rgba(43,181,160,.07) 0%,transparent 60%),radial-gradient(ellipse 70% 70% at 50% 50%,rgba(245,166,35,.04) 0%,transparent 70%),var(--color-bg)}.login-bg{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0}.login-shape{position:absolute;border-radius:var(--radius-lg);opacity:.12}.login-shape--1{width:280px;height:280px;background:var(--color-primary);top:-60px;right:-40px;transform:rotate(15deg);border-radius:40px;animation:float 12s ease-in-out infinite}.login-shape--2{width:180px;height:180px;background:var(--color-accent);bottom:10%;left:-30px;border-radius:var(--radius-full);animation:float 10s ease-in-out infinite 2s}.login-shape--3{width:120px;height:120px;background:var(--color-teal);top:40%;right:10%;transform:rotate(45deg);border-radius:20px;animation:float 14s ease-in-out infinite 4s}.login-shape--4{width:200px;height:200px;background:var(--color-teal);bottom:-40px;right:30%;border-radius:30px;transform:rotate(-20deg);animation:float 11s ease-in-out infinite 1s}@keyframes float{0%,to{transform:translateY(0) rotate(var(--r, 15deg))}50%{transform:translateY(-20px) rotate(var(--r, 15deg))}}.login-card{position:relative;z-index:1;background:linear-gradient(160deg,var(--color-surface-raised) 0%,var(--color-card) 60%);border-radius:var(--radius-lg);padding:3rem 2.5rem;max-width:420px;width:100%;box-shadow:var(--shadow-lg),0 0 0 1px #2d2a260a;text-align:center}.login-illustration{display:block;max-width:220px;width:100%;margin:0 auto 1.5rem;mix-blend-mode:multiply;animation:message-in .4s ease-out both}.login-brand{margin-bottom:2.5rem}.login-title{font-family:var(--font-display);font-size:1.625rem;font-weight:700;letter-spacing:-.02em;color:var(--color-text);margin-bottom:.5rem}.login-subtitle{font-size:.9375rem;color:var(--color-text-muted);line-height:1.5}.login-button{display:inline-flex;align-items:center;justify-content:center;gap:.75rem;width:100%;padding:.875rem 1.5rem;background:var(--color-card);border:2px solid var(--color-border);border-radius:var(--radius-md);font-size:1rem;font-weight:600;color:var(--color-text);transition:all var(--transition)}.login-button:hover{border-color:var(--color-primary);box-shadow:0 2px 12px var(--color-shadow);transform:translateY(-1px)}.login-button:active{transform:translateY(0)}.login-button:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.login-button-icon{width:20px;height:20px;flex-shrink:0}.login-footer{margin-top:1.75rem;font-size:.8125rem;color:var(--color-text-muted);line-height:1.5}.access-denied-message{margin:1rem 0 1.5rem;padding:1.25rem;background:var(--color-cream, #faf8f5);border-radius:var(--radius-sm);text-align:center;line-height:1.6;font-size:.9375rem;color:var(--color-text)}.access-denied-message p{margin:0 0 .5rem}.access-denied-message p:last-child{margin-bottom:0}.login-button--secondary{background:transparent;border-color:var(--color-text-muted);color:var(--color-text-muted);font-weight:500}.login-button--secondary:hover{border-color:var(--color-text);color:var(--color-text)}.chat-page{display:flex;flex-direction:column;height:100dvh;background:var(--color-bg)}.chat-header{display:grid;grid-template-columns:52px 1fr 120px;align-items:center;align-content:center;padding:8px 1rem;height:52px;background:var(--color-card);box-shadow:0 1px 12px #2d2a2612,0 1px 3px #2d2a260d;flex-shrink:0;gap:.5rem;position:relative;z-index:10;transition:height .3s cubic-bezier(.4,0,.2,1),padding-top .3s cubic-bezier(.4,0,.2,1),padding-bottom .3s cubic-bezier(.4,0,.2,1),box-shadow .3s ease}.chat-header--expanded{height:72px;padding-top:14px;padding-bottom:14px;box-shadow:0 2px 20px #2d2a261a,0 1px 4px #2d2a260f}.chat-header-left{display:flex;align-items:center}.chat-logo-wrap{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;background:var(--color-surface);border:1.5px solid var(--color-border);border-radius:8px;cursor:default;overflow:hidden;transition:width .3s cubic-bezier(.4,0,.2,1),height .3s cubic-bezier(.4,0,.2,1),border-radius .3s ease,transform var(--transition)}.chat-header--expanded .chat-logo-wrap{width:36px;height:36px;border-radius:10px}.chat-logo-wrap:hover{transform:scale(1.08)}.chat-logo-img{width:22px;height:22px;display:block;object-fit:contain;transition:width .3s cubic-bezier(.4,0,.2,1),height .3s cubic-bezier(.4,0,.2,1)}.chat-header--expanded .chat-logo-img{width:30px;height:30px}.chat-header-mid{display:flex;align-items:center;justify-content:center;gap:.625rem;overflow:hidden;min-width:0}@keyframes stat-pop{0%{transform:scale(.7)}to{transform:scale(1)}}.chat-stat{display:inline-flex;align-items:center;gap:.3rem;padding:.25rem .6rem;background:var(--color-input-bg);border-radius:20px;font-size:.75rem;font-weight:600;color:var(--color-text-muted);white-space:nowrap;animation:stat-pop .4s cubic-bezier(.34,1.56,.64,1)}.chat-stat-icon{flex-shrink:0;opacity:.7}.chat-stat--correct{color:var(--color-teal);background:var(--color-teal-light)}.chat-stat--wrong{color:var(--color-primary);background:#e85d4a14}.chat-stat-empty{font-size:.8125rem;font-weight:600;color:var(--color-text-muted);letter-spacing:-.01em}.chat-header-right{display:flex;align-items:center;justify-content:flex-end;gap:.25rem}.chat-header-btn{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:var(--radius-sm);color:var(--color-text-muted);flex-shrink:0;transition:width .3s cubic-bezier(.4,0,.2,1),height .3s cubic-bezier(.4,0,.2,1),background var(--transition),color var(--transition)}.chat-header--expanded .chat-header-btn{width:44px;height:44px}.chat-header-btn:hover{background:var(--color-input-bg);color:var(--color-text)}.chat-header-btn:focus-visible{outline:2px solid var(--color-teal);outline-offset:2px}.chat-header-btn--signout:hover{color:var(--color-primary);background:#e85d4a0f}.chat-header-btn--error{color:var(--color-primary)}.chat-avatar{width:26px;height:26px;border-radius:50%;object-fit:cover;display:block}.chat-messages{flex:1;overflow-y:auto;padding:1rem 1.25rem;display:flex;flex-direction:column;gap:.75rem}.chat-messages:has(.chat-welcome){align-items:center;justify-content:center;padding:2rem 1.25rem}.chat-welcome{text-align:center;max-width:360px;animation:message-in .35s ease-out both}@keyframes icon-pulse{0%,to{transform:scale(1);box-shadow:0 4px 20px #2bb5a033}50%{transform:scale(1.04);box-shadow:0 6px 28px #2bb5a052}}.chat-welcome-icon{display:inline-flex;align-items:center;justify-content:center;width:88px;height:88px;background:transparent;margin-bottom:1.5rem;animation:icon-pulse 3s ease-in-out infinite}.chat-welcome-icon img{width:88px;height:88px;display:block;object-fit:contain}.chat-welcome-title{font-family:var(--font-display);font-size:1.25rem;font-weight:700;margin-bottom:.5rem;letter-spacing:-.01em}.chat-welcome-text{font-size:.9375rem;color:var(--color-text-muted);line-height:1.6}@keyframes message-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.chat-bubble{max-width:85%;padding:.75rem 1rem;border-radius:var(--radius-md);line-height:1.6;font-size:.9375rem;word-wrap:break-word;animation:message-in .22s ease-out both}.chat-bubble--user{align-self:flex-end;background:var(--color-primary);color:#fff;border-bottom-right-radius:4px}.chat-bubble--assistant{align-self:flex-start;background:var(--color-card);border:1px solid var(--color-border);border-bottom-left-radius:4px}@keyframes token-in{0%{opacity:0}to{opacity:1}}.chat-bubble-content{white-space:pre-wrap}.chat-token-new{animation:token-in .1s ease-out both}.chat-cursor{display:inline-block;width:2px;height:1em;background:var(--color-text-muted);border-radius:1px;margin-left:2px;vertical-align:text-bottom;animation:cursor-blink 1s ease-in-out infinite}@keyframes cursor-blink{0%,to{opacity:1}50%{opacity:0}}.chat-problem-choices{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.875rem}.chat-problem-choice{display:inline-flex;align-items:center;gap:0;border-radius:var(--radius-md);overflow:hidden;border:1.5px solid var(--color-teal-light);transition:border-color var(--transition),box-shadow var(--transition)}.chat-problem-choice:hover{border-color:var(--color-teal);box-shadow:0 2px 8px #2bb5a026}.chat-problem-choice-letter{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;font-size:.875rem;font-weight:700;flex-shrink:0}.chat-problem-choice[data-letter=A] .chat-problem-choice-letter{background:var(--choice-a-bg);color:var(--choice-a-color)}.chat-problem-choice[data-letter=B] .chat-problem-choice-letter{background:var(--choice-b-bg);color:var(--choice-b-color)}.chat-problem-choice[data-letter=C] .chat-problem-choice-letter{background:var(--choice-c-bg);color:var(--choice-c-color)}.chat-problem-choice[data-letter=D] .chat-problem-choice-letter{background:var(--choice-d-bg);color:var(--choice-d-color)}.chat-problem-choice[data-letter=E] .chat-problem-choice-letter{background:var(--choice-e-bg);color:var(--choice-e-color)}.chat-problem-choice[data-letter=A]{border-color:var(--choice-a-bg)}.chat-problem-choice[data-letter=B]{border-color:var(--choice-b-bg)}.chat-problem-choice[data-letter=C]{border-color:var(--choice-c-bg)}.chat-problem-choice[data-letter=D]{border-color:var(--choice-d-bg)}.chat-problem-choice[data-letter=E]{border-color:var(--choice-e-bg)}.chat-problem-choice-text{padding:0 .625rem;font-size:.875rem;color:var(--color-text);line-height:1.3;white-space:nowrap}.chat-answer-buttons{display:flex;justify-content:center;gap:.625rem;padding:.75rem 1rem;background:var(--color-card);border-top:1px solid var(--color-border);flex-shrink:0;animation:message-in .18s ease-out both}.chat-answer-btn{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;width:52px;min-height:52px;border:2px solid transparent;border-radius:var(--radius-md);transition:all var(--transition);gap:2px;padding:.4rem .25rem;animation:message-in .2s ease-out both}.chat-answer-btn[data-choice=A]{background:var(--choice-a-bg);color:var(--choice-a-color)}.chat-answer-btn[data-choice=B]{background:var(--choice-b-bg);color:var(--choice-b-color)}.chat-answer-btn[data-choice=C]{background:var(--choice-c-bg);color:var(--choice-c-color)}.chat-answer-btn[data-choice=D]{background:var(--choice-d-bg);color:var(--choice-d-color)}.chat-answer-btn[data-choice=E]{background:var(--choice-e-bg);color:var(--choice-e-color)}.chat-answer-btn:nth-child(1){animation-delay:0ms}.chat-answer-btn:nth-child(2){animation-delay:50ms}.chat-answer-btn:nth-child(3){animation-delay:.1s}.chat-answer-btn:nth-child(4){animation-delay:.15s}.chat-answer-btn:nth-child(5){animation-delay:.2s}.chat-answer-btn-letter{font-size:1.125rem;font-weight:700;line-height:1}.chat-answer-btn-text{font-size:.55rem;font-weight:500;line-height:1.2;text-align:center;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:none}.chat-answer-btn:hover:not(:disabled){filter:brightness(.88) saturate(1.2);transform:translateY(-2px);box-shadow:0 4px 14px #00000026}.chat-answer-btn:active:not(:disabled){transform:translateY(0)}.chat-answer-btn:focus-visible{outline:2px solid var(--color-teal);outline-offset:2px}.chat-answer-btn:disabled{opacity:.4;cursor:not-allowed}.chat-action-buttons{display:flex;justify-content:center;gap:.625rem;padding:.5rem 1rem .75rem;background:var(--color-card);border-top:1px solid var(--color-border);flex-shrink:0;animation:message-in .2s ease-out both}.chat-action-btn{display:inline-flex;align-items:center;justify-content:center;gap:.375rem;height:44px;padding:0 1.25rem;background:linear-gradient(160deg,#fff8ee,#fff3e0);color:var(--color-accent);font-size:.9rem;font-weight:600;border:1.5px solid rgba(245,166,35,.18);border-radius:var(--radius-md);transition:all var(--transition);white-space:nowrap}.chat-action-btn:hover:not(:disabled){background:var(--color-accent);color:#fff;transform:translateY(-1px);box-shadow:0 3px 10px #f5a6234d}.chat-action-btn:active:not(:disabled){transform:translateY(0)}.chat-action-btn:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.chat-action-btn:disabled{opacity:.35;cursor:not-allowed}.chat-action-btn--equal{flex:1;min-width:0}@keyframes overlay-in{0%{opacity:0}to{opacity:1}}@keyframes modal-in{0%{opacity:0;transform:scale(.95) translateY(4px)}to{opacity:1;transform:scale(1) translateY(0)}}.chat-profile-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:100;animation:overlay-in .18s ease-out both}.chat-profile-modal{background:var(--color-card);border-radius:var(--radius-md);padding:1.5rem;width:min(90vw,400px);position:relative;box-shadow:var(--shadow-lg);animation:modal-in .22s cubic-bezier(.34,1.56,.64,1) both}.chat-profile-close{position:absolute;top:.5rem;right:.5rem;width:44px;height:44px;display:flex;align-items:center;justify-content:center;font-size:1.25rem;color:var(--color-text-muted);border-radius:var(--radius-md);transition:all var(--transition)}.chat-profile-close:hover{background:var(--color-input-bg);color:var(--color-text)}.chat-profile-title{font-size:1.1rem;font-weight:700;margin-bottom:.75rem;color:var(--color-text)}.chat-profile-placeholder{color:var(--color-text-muted);font-size:.9rem}.chat-input-bar{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:var(--color-card);border-top:1px solid var(--color-border);flex-shrink:0}.chat-input-wrapper{flex:1;position:relative;display:flex}.chat-input{flex:1;width:100%;padding:.75rem 1rem;background:var(--color-input-bg);border:1.5px solid transparent;border-radius:var(--radius-md);font-size:.9375rem;font-family:inherit;color:var(--color-text);transition:all var(--transition)}.chat-input--over-limit{border-color:var(--color-primary)}.chat-char-counter{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);font-size:.75rem;color:var(--color-text-muted);pointer-events:none}.chat-char-counter--over{color:var(--color-primary);font-weight:600}.chat-input::placeholder{color:var(--color-text-muted)}.chat-input:focus{outline:none;border-color:var(--color-teal);background:var(--color-card);box-shadow:0 0 0 3px #2bb5a026,0 2px 8px #2bb5a01a}.chat-send{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;background:var(--color-primary);color:#fff;border-radius:50%;flex-shrink:0;transition:all var(--transition)}.chat-send svg{width:18px;height:18px}.chat-send:hover:not(:disabled){background:var(--color-primary-dark);transform:translateY(-1px);box-shadow:0 4px 14px #e85d4a59}.chat-send:disabled{opacity:.4;cursor:not-allowed}.chat-send:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.callback-page{min-height:100dvh;display:flex;align-items:center;justify-content:center}.callback-text{font-size:.9375rem;color:var(--color-text-muted)}@media(min-width:768px){.login-card{padding:3.5rem 3rem}.login-illustration{max-width:260px}.login-title{font-size:1.875rem}.chat-header{padding-left:2rem;padding-right:2rem}.chat-messages{padding:2rem}.chat-input-bar{padding:1rem 2rem}.chat-answer-btn{width:auto;flex:1;max-width:140px;padding:.5rem .625rem;min-height:56px}.chat-answer-btn-text{display:block;font-size:.7rem;max-width:100px;white-space:normal;overflow:visible;text-overflow:unset;line-height:1.25}.chat-answer-btn-letter{font-size:1.25rem}}@media(min-width:1024px){.chat-header{grid-template-columns:52px 1fr 120px;padding-left:max(1.5rem,calc((100% - 760px)/2));padding-right:max(1.5rem,calc((100% - 760px)/2))}.chat-messages{padding-top:2rem;padding-bottom:2rem;padding-left:max(2rem,calc((100% - 760px)/2));padding-right:max(2rem,calc((100% - 760px)/2))}.chat-answer-buttons,.chat-action-buttons{padding-left:max(1rem,calc((100% - 760px)/2));padding-right:max(1rem,calc((100% - 760px)/2))}.chat-input-bar{padding-top:1rem;padding-bottom:1rem;padding-left:max(1.5rem,calc((100% - 760px)/2));padding-right:max(1.5rem,calc((100% - 760px)/2))}.chat-send{width:46px;height:46px}}