:root{--color-base-white: #ffffff;--color-base-black: #000000;--color-stone-50: #fafaf9;--color-stone-100: #f5f5f4;--color-stone-200: #e7e5e4;--color-stone-300: #d6d3d1;--color-stone-400: #a8a29e;--color-stone-500: #78716c;--color-stone-600: #57534e;--color-stone-700: #44403c;--color-stone-800: #292524;--color-stone-900: #1c1917;--color-stone-950: #0c0a09;--color-blue-50: #eff6ff;--color-blue-600: #2563eb;--color-blue-700: #1d4ed8;--bg-page: #fefdfd;--bg-surface: var(--color-base-white);--bg-subtle: var(--color-stone-50);--bg-subtle-hover: var(--color-stone-100);--bg-input: var(--color-stone-50);--text-main: var(--color-stone-900);--text-muted: var(--color-stone-500);--text-light: var(--color-stone-400);--text-inverse: var(--color-base-white);--border-default: var(--color-stone-200);--border-subtle: var(--color-stone-100);--primary-bg: var(--color-stone-900);--primary-text: var(--color-base-white);--primary-hover: var(--color-stone-800);--accent-blue: var(--color-blue-600);--accent-blue-bg: var(--color-blue-50);--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1)}[data-theme=dark]{--bg-page: var(--color-stone-950);--bg-surface: var(--color-stone-900);--bg-subtle: var(--color-stone-800);--bg-subtle-hover: var(--color-stone-700);--bg-input: var(--color-stone-800);--text-main: var(--color-stone-100);--text-muted: var(--color-stone-400);--text-light: var(--color-stone-600);--text-inverse: var(--color-stone-900);--border-default: var(--color-stone-700);--border-subtle: var(--color-stone-800);--primary-bg: var(--color-stone-50);--primary-text: var(--color-stone-900);--primary-hover: var(--color-stone-200);--accent-blue: #60a5fa;--accent-blue-bg: rgba(37, 99, 235, .2);--shadow-sm: none;--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .5);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .5)}html,body,#root{height:100%;margin:0;padding:0;overflow:hidden}*{box-sizing:border-box}body{margin:0;font-family:Inter,sans-serif;background-color:var(--bg-page);color:var(--text-main);-webkit-font-smoothing:antialiased;transition:background-color .3s ease,color .3s ease;overflow-x:hidden}button{cursor:pointer;border:none;background:none;font-family:inherit}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-sm{gap:var(--space-sm)}.gap-md{gap:var(--space-md)}.gap-lg{gap:var(--space-lg)}.w-full{width:100%}.h-full{height:100%}.hidden{display:none}.block{display:block}.relative{position:relative}.absolute{position:absolute}@media (min-width: 768px){.md\:flex{display:flex}.md\:hidden{display:none}.md\:block{display:block}.md\:flex-row{flex-direction:row}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:.75rem 1rem;border-radius:var(--radius-xl);font-weight:600;font-size:.875rem;transition:all .2s ease}.btn-primary{background-color:var(--primary-bg);color:var(--primary-text)}.btn-primary:hover:not(:disabled){background-color:var(--primary-hover);transform:translateY(-1px)}.btn-primary:disabled{opacity:.7;cursor:not-allowed}.btn-secondary{background-color:var(--bg-surface);border:1px solid var(--border-default);color:var(--text-main)}.btn-secondary:hover{background-color:var(--bg-subtle);border-color:var(--text-light)}.btn-ghost{color:var(--text-muted)}.btn-ghost:hover{background-color:var(--bg-subtle);color:var(--text-main)}.btn-icon{padding:.5rem;border-radius:var(--radius-full);color:var(--text-muted)}.btn-icon:hover{background-color:var(--bg-subtle);color:var(--text-main)}.input-group{margin-bottom:var(--space-md)}.input-label{display:block;font-size:.7rem;font-weight:700;text-transform:uppercase;color:var(--text-muted);margin-bottom:.5rem;letter-spacing:.025em}.input-field{width:100%;background-color:var(--bg-input);border:1px solid var(--border-default);border-radius:var(--radius-md);padding:.875rem 1rem;font-size:1rem;color:var(--text-main);transition:all .2s}.input-field:focus{outline:none;border-color:var(--text-light);box-shadow:0 0 0 2px var(--bg-subtle-hover)}.card{background-color:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-2xl);padding:var(--space-xl);box-shadow:var(--shadow-md);transition:background-color .3s,border-color .3s}.card-interactive{cursor:pointer;transition:all .2s}.card-interactive:hover{box-shadow:var(--shadow-md);border-color:var(--accent-blue);transform:translateY(-2px)}.sidebar{width:16rem;background-color:var(--bg-page);border-right:1px solid var(--border-default);display:flex;flex-direction:column;height:100%;transition:background-color .3s,border-color .3s}.sidebar-header{padding:1.5rem;display:flex;align-items:center;gap:.75rem}.sidebar-nav{flex:1;padding:0 var(--space-sm);display:flex;flex-direction:column;gap:.25rem}.nav-item{width:100%;display:flex;align-items:center;gap:.75rem;padding:.625rem 1rem;border-radius:var(--radius-md);font-size:.875rem;font-weight:500;color:var(--text-muted);transition:all .2s}.nav-item:hover,.nav-item.active{background-color:var(--bg-subtle);color:var(--text-main)}.nav-item.active{background-color:var(--bg-subtle-hover);font-weight:600}.sidebar-section-title{padding:1rem 1rem .5rem;font-size:.75rem;font-weight:600;color:var(--text-light);text-transform:uppercase;letter-spacing:.05em}.user-footer{padding:1rem;border-top:1px solid var(--border-default);margin-top:.5rem}.user-card{display:flex;align-items:center;gap:.75rem;padding:.5rem;border-radius:var(--radius-xl);cursor:pointer;margin-bottom:.75rem}.user-card:hover{background-color:var(--bg-subtle)}.chat-page{display:flex;flex-direction:column;height:100%;width:100%;position:relative;background-color:var(--bg-page)}.chat-header{flex-shrink:0;padding:.75rem 1.5rem;border-bottom:1px solid var(--border-default);display:flex;justify-content:space-between;align-items:center;background-color:var(--bg-surface);z-index:10;transition:background-color .3s}.chat-header.assessment{background-color:var(--bg-subtle);border-bottom-color:var(--border-default)}.chat-messages{flex:1;overflow-y:auto;padding:1.5rem;display:flex;flex-direction:column;gap:1.5rem}.chat-input-container{flex-shrink:0;padding:1.5rem;background-color:var(--bg-surface);border-top:1px solid var(--border-default);transition:background-color .3s}.chat-input-wrapper{display:flex;align-items:flex-end;gap:.75rem;max-width:56rem;margin:0 auto}.chat-textarea{flex:1;background-color:var(--bg-input);color:var(--text-main);border:1px solid var(--border-default);border-radius:1rem;padding:.75rem 1rem;font-size:1rem;resize:none;min-height:48px;max-height:120px}.chat-textarea:focus{outline:none;border-color:var(--text-light)}.msg-container{display:flex;width:100%;animation:fadeIn .3s ease-out}.msg-container.user{justify-content:flex-end}.msg-container.model{justify-content:flex-start}.msg-content-wrapper{display:flex;gap:.75rem;max-width:85%}@media (min-width: 768px){.msg-content-wrapper{max-width:70%}}.msg-container.user .msg-content-wrapper{flex-direction:row-reverse}.msg-avatar{flex-shrink:0;width:2rem;height:2rem;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-top:.25rem;box-shadow:var(--shadow-sm)}.msg-avatar.model{background-color:var(--primary-bg);color:var(--primary-text)}.msg-avatar.user{background-color:var(--bg-surface);border:1px solid var(--border-default);color:var(--text-muted)}.msg-bubble{padding:.875rem 1.25rem;border-radius:1rem;font-size:.9375rem;line-height:1.6;box-shadow:var(--shadow-sm)}.msg-bubble.user{background-color:var(--bg-surface);color:var(--text-main);border:1px solid var(--border-default);border-top-right-radius:0}.msg-bubble.model{background-color:var(--bg-subtle);color:var(--text-main);border-top-left-radius:0}.home-container{flex:1;height:100%;overflow-y:auto;padding:1.5rem}.home-wrapper{display:flex;flex-direction:column;align-items:center;min-height:100%;padding-bottom:2.5rem}.welcome-hero{text-align:center;margin-top:3rem;margin-bottom:3.5rem;animation:slideUp .5s ease-out}.welcome-title{font-size:2.25rem;font-weight:700;color:var(--text-main);margin-bottom:1rem;letter-spacing:-.02em}.welcome-subtitle{font-size:1.125rem;color:var(--text-muted);max-width:36rem;margin:0 auto;font-style:italic}.search-bar-wrapper{width:100%;max-width:42rem;position:relative;z-index:10}.search-input-container{display:flex;align-items:center;background-color:var(--bg-surface);border:1px solid var(--border-default);border-radius:2rem;padding:.5rem;box-shadow:var(--shadow-sm);transition:all .2s}.search-input-container:focus-within{box-shadow:var(--shadow-md);border-color:var(--text-light)}.search-input{flex:1;border:none;background:transparent;padding:1rem 1.5rem;font-size:1.125rem;outline:none;color:var(--text-main)}.suggestion-pills{margin-top:2rem;display:flex;flex-wrap:wrap;justify-content:center;gap:.75rem;max-width:48rem}.pill{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background-color:var(--bg-surface);border:1px solid var(--border-default);border-radius:2rem;font-size:.875rem;color:var(--text-muted);transition:all .2s}.pill:hover{background-color:var(--bg-subtle);border-color:var(--text-light);color:var(--text-main)}.auth-page-wrapper{display:flex;flex-direction:column;height:100%;width:100%;background-color:var(--bg-page);overflow-y:auto;-webkit-overflow-scrolling:touch}.auth-hero-section{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 1.5rem;width:100%;max-width:1100px;margin:0 auto}.auth-logo-area{display:flex;flex-direction:column;align-items:flex-start;margin-bottom:2rem;text-align:left;width:100%}.auth-logo-img{width:100%;height:auto;max-width:420px;margin-bottom:2rem}.auth-switch{display:flex;background-color:var(--bg-subtle);padding:.35rem;border-radius:var(--radius-md);margin-bottom:2rem}.auth-switch-btn{flex:1;padding:.625rem;border-radius:var(--radius-sm);font-size:.875rem;font-weight:500;color:var(--text-muted);transition:all .2s}.auth-switch-btn.active{background-color:var(--bg-surface);color:var(--text-main);box-shadow:var(--shadow-sm);font-weight:700}.landing-section{padding:4rem 1rem;background-color:var(--bg-page);color:var(--text-main)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .3s ease-in-out}.animate-spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.gsi-material-button{-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;-webkit-appearance:none;background-color:#fff;background-image:none;border:1px solid #747775;-webkit-border-radius:4px;border-radius:4px;-webkit-box-sizing:border-box;box-sizing:border-box;color:#1f1f1f;cursor:pointer;font-family:Roboto,arial,sans-serif;font-size:14px;height:40px;letter-spacing:.25px;outline:none;overflow:hidden;padding:0 12px;position:relative;text-align:center;-webkit-transition:background-color .218s,border-color .218s,box-shadow .218s;transition:background-color .218s,border-color .218s,box-shadow .218s;vertical-align:middle;white-space:nowrap;width:100%;min-width:min-content}.gsi-material-button .gsi-material-button-icon{height:20px;margin-right:12px;min-width:20px;width:20px}.gsi-material-button .gsi-material-button-content-wrapper{-webkit-align-items:center;align-items:center;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-flex-wrap:nowrap;flex-wrap:nowrap;height:100%;justify-content:space-between;position:relative;width:100%}.gsi-material-button .gsi-material-button-contents{-webkit-flex-grow:1;flex-grow:1;font-family:Roboto,arial,sans-serif;font-weight:500;overflow:hidden;text-overflow:ellipsis;vertical-align:top}.gsi-material-button .gsi-material-button-state{-webkit-transition:opacity .218s;transition:opacity .218s;bottom:0;left:0;opacity:0;position:absolute;right:0;top:0}.gsi-material-button:disabled{cursor:default;background-color:#ffffff61;border-color:#1f1f1f1f}.gsi-material-button:disabled .gsi-material-button-contents{opacity:38%}.gsi-material-button:disabled .gsi-material-button-icon{opacity:38%}.gsi-material-button:not(:disabled):active .gsi-material-button-state,.gsi-material-button:not(:disabled):focus .gsi-material-button-state{background-color:#303030;opacity:12%}.gsi-material-button:not(:disabled):hover{-webkit-box-shadow:0 1px 2px 0 rgba(60,64,67,.3),0 1px 3px 1px rgba(60,64,67,.15);box-shadow:0 1px 2px #3c40434d,0 1px 3px 1px #3c404326}.gsi-material-button:not(:disabled):hover .gsi-material-button-state{background-color:#303030;opacity:8%}.chat-page{display:flex;flex-direction:column;height:100%;width:100%;overflow:hidden;position:relative;background-color:var(--bg-page)}.chat-header{flex-shrink:0;z-index:10;background-color:var(--bg-surface);border-bottom:1px solid var(--border-subtle);position:relative}.chat-messages{flex:1;overflow-y:auto;overflow-x:hidden;width:100%;position:relative;-webkit-overflow-scrolling:touch}.chat-messages.scrollbar-hide::-webkit-scrollbar{display:none}.chat-messages.scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none}.chat-input-container{flex-shrink:0;background-color:var(--bg-surface);border-top:1px solid var(--border-subtle);padding:var(--space-md);z-index:20;width:100%}