:root{--bg-primary: #0f0f23;--bg-secondary: #1e293b;--bg-tertiary: #374151;--bg-quaternary: #1f2937;--bg-overlay: rgba(0, 0, 0, .8);--brutal-primary: #dc2626;--brutal-secondary: #991b1b;--brutal-bg: rgba(220, 38, 38, .1);--brutal-border: rgba(220, 38, 38, .3);--brutal-text: #fca5a5;--direct-primary: #22c55e;--direct-secondary: #16a34a;--direct-bg: rgba(34, 197, 94, .1);--direct-border: rgba(34, 197, 94, .3);--direct-text: #86efac;--sarcastic-primary: #f59e0b;--sarcastic-secondary: #d97706;--sarcastic-bg: rgba(245, 158, 11, .1);--sarcastic-border: rgba(245, 158, 11, .3);--sarcastic-text: #fbbf24;--primary-action: #3b82f6;--primary-hover: #2563eb;--primary-active: #1d4ed8;--primary-disabled: #6b7280;--danger: #ef4444;--danger-hover: #dc2626;--success: #10b981;--success-hover: #059669;--warning: #f59e0b;--warning-hover: #d97706;--text-primary: #f8fafc;--text-secondary: #e2e8f0;--text-muted: #94a3b8;--text-disabled: #6b7280;--text-danger: #fca5a5;--text-success: #6ee7b7;--text-warning: #fbbf24;--font-primary: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", "Fira Code", "Courier New", monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--text-5xl: 3rem;--font-light: 300;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--font-extrabold: 800;--leading-tight: 1.25;--leading-snug: 1.375;--leading-normal: 1.5;--leading-relaxed: 1.625;--leading-loose: 2;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--radius-sm: .25rem;--radius-md: .375rem;--radius-lg: .5rem;--radius-xl: .75rem;--radius-2xl: 1rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .25);--shadow-brutal: 0 0 0 4px var(--brutal-bg), 0 8px 25px rgba(220, 38, 38, .2);--shadow-direct: 0 0 0 4px var(--direct-bg), 0 8px 25px rgba(34, 197, 94, .2);--shadow-sarcastic: 0 0 0 4px var(--sarcastic-bg), 0 8px 25px rgba(245, 158, 11, .2);--breakpoint-sm: 640px;--breakpoint-md: 768px;--breakpoint-lg: 1024px;--breakpoint-xl: 1280px;--breakpoint-2xl: 1536px;--transition-fast: .15s ease;--transition-normal: .3s ease;--transition-slow: .5s ease;--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-popover: 1060;--z-tooltip: 1070;--z-toast: 1080}@media (prefers-color-scheme: dark){:root{--bg-primary: #000000;--text-primary: #ffffff}}@media (prefers-contrast: high){:root{--bg-primary: #000000;--bg-secondary: #1a1a1a;--text-primary: #ffffff;--brutal-primary: #ff4444;--direct-primary: #44ff44;--sarcastic-primary: #ffaa44}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4}body{font-family:var(--font-primary);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--text-primary);background-color:var(--bg-primary);min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button{background:none;border:none;padding:0;margin:0;font:inherit;color:inherit;cursor:pointer}input,textarea,select{font:inherit;color:inherit;background:none;border:none;outline:none}a{color:inherit;text-decoration:none}ul,ol{list-style:none}img{max-width:100%;height:auto;display:block}*{scrollbar-width:thin;scrollbar-color:var(--bg-tertiary) transparent}*::-webkit-scrollbar{width:6px}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{background-color:var(--bg-tertiary);border-radius:var(--radius-full)}*::-webkit-scrollbar-thumb:hover{background-color:var(--text-muted)}:focus-visible{outline:2px solid var(--primary-action);outline-offset:2px}::-moz-selection{background-color:var(--primary-action);color:#fff}::selection{background-color:var(--primary-action);color:#fff}.text-hero{font-size:var(--text-5xl);font-weight:var(--font-extrabold);line-height:var(--leading-tight);letter-spacing:-.025em}.text-title{font-size:var(--text-3xl);font-weight:var(--font-bold);line-height:var(--leading-tight);letter-spacing:-.015em}.text-heading{font-size:var(--text-2xl);font-weight:var(--font-semibold);line-height:var(--leading-snug)}.text-subheading{font-size:var(--text-xl);font-weight:var(--font-medium);line-height:var(--leading-normal)}.text-body{font-size:var(--text-base);font-weight:var(--font-normal);line-height:var(--leading-relaxed)}.text-small{font-size:var(--text-sm);font-weight:var(--font-normal);line-height:var(--leading-normal)}.text-caption{font-size:var(--text-xs);font-weight:var(--font-normal);line-height:var(--leading-normal);color:var(--text-muted)}.text-code{font-family:var(--font-mono);font-size:var(--text-sm);background-color:var(--bg-tertiary);padding:var(--space-1) var(--space-3);border-radius:var(--radius-md);color:var(--text-primary)}.text-code-block{font-family:var(--font-mono);font-size:var(--text-sm);background-color:var(--bg-secondary);padding:var(--space-4);border-radius:var(--radius-lg);border:1px solid var(--bg-tertiary);overflow-x:auto;white-space:pre}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-muted{color:var(--text-muted)}.text-disabled{color:var(--text-disabled)}.text-danger{color:var(--text-danger)}.text-success{color:var(--text-success)}.text-warning{color:var(--text-warning)}.text-brutal{color:var(--brutal-primary)}.text-direct{color:var(--direct-primary)}.text-sarcastic{color:var(--sarcastic-primary)}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.font-light{font-weight:var(--font-light)}.font-normal{font-weight:var(--font-normal)}.font-medium{font-weight:var(--font-medium)}.font-semibold{font-weight:var(--font-semibold)}.font-bold{font-weight:var(--font-bold)}.font-extrabold{font-weight:var(--font-extrabold)}@media (min-width: 640px){.text-hero{font-size:var(--text-6xl)}.text-title{font-size:var(--text-4xl)}}@media (min-width: 1024px){.text-hero{font-size:4rem}}.container{width:100%;margin:0 auto;padding:0 var(--space-4)}.container-sm{max-width:640px}.container-md{max-width:768px}.container-lg{max-width:1024px}.container-xl{max-width:1280px}@media (min-width: 640px){.container{padding:0 var(--space-6)}}@media (min-width: 768px){.container{padding:0 var(--space-8)}}.assessment-page{min-height:100vh;display:flex;flex-direction:column;background:var(--bg-primary)}.assessment-header{padding:var(--space-6) var(--space-4);background:var(--bg-secondary);border-bottom:1px solid var(--bg-tertiary)}.assessment-content{flex:1;display:flex;align-items:center;justify-content:center;padding:var(--space-8) var(--space-4)}.assessment-container{width:100%;max-width:42rem}.flex{display:flex}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}.flex-1{flex:1 1 0%}.flex-auto{flex:1 1 auto}.flex-none{flex:none}.items-start{align-items:flex-start}.items-center{align-items:center}.items-end{align-items:flex-end}.items-stretch{align-items:stretch}.justify-start{justify-content:flex-start}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.justify-evenly{justify-content:space-evenly}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.gap-8{gap:var(--space-8)}@media (min-width: 640px){.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.assessment-container{max-width:48rem}}@media (min-width: 768px){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.assessment-content{padding:var(--space-12) var(--space-6)}}@media (min-width: 1024px){.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.assessment-container{max-width:56rem}}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.sticky{position:sticky}.top-0{top:0}.right-0{right:0}.bottom-0{bottom:0}.left-0{left:0}.inset-0{inset:0}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-40{z-index:40}.z-50{z-index:50}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.hidden{display:none}@media (min-width: 640px){.sm\:block{display:block}.sm\:hidden{display:none}.sm\:flex{display:flex}}@media (min-width: 768px){.md\:block{display:block}.md\:hidden{display:none}.md\:flex{display:flex}.md\:grid{display:grid}}@media (min-width: 1024px){.lg\:block{display:block}.lg\:hidden{display:none}.lg\:flex{display:flex}.lg\:grid{display:grid}}.overflow-hidden{overflow:hidden}.overflow-auto{overflow:auto}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);border-radius:var(--radius-lg);font-size:var(--text-base);font-weight:var(--font-semibold);line-height:1;cursor:pointer;transition:all var(--transition-normal);min-height:44px;border:1px solid transparent;position:relative;overflow:hidden}.btn:disabled{opacity:.6;cursor:not-allowed;pointer-events:none}.btn:focus-visible{outline:2px solid var(--primary-action);outline-offset:2px}.btn-primary{background-color:var(--primary-action);color:#fff;border-color:var(--primary-action);box-shadow:var(--shadow-md)}.btn-primary:hover{background-color:var(--primary-hover);border-color:var(--primary-hover);transform:translateY(-1px);box-shadow:var(--shadow-lg)}.btn-primary:active{transform:translateY(0);box-shadow:var(--shadow-sm)}.btn-danger{background-color:var(--danger);color:#fff;border-color:var(--danger);box-shadow:var(--shadow-md)}.btn-danger:hover{background-color:var(--danger-hover);border-color:var(--danger-hover);transform:translateY(-1px);box-shadow:var(--shadow-lg)}.btn-success{background-color:var(--success);color:#fff;border-color:var(--success)}.btn-success:hover{background-color:var(--success-hover);border-color:var(--success-hover)}.btn-ghost{background-color:transparent;color:var(--text-secondary);border-color:var(--bg-tertiary)}.btn-ghost:hover{background-color:var(--bg-tertiary);color:var(--text-primary);border-color:var(--text-muted)}.btn-brutal{background-color:var(--brutal-primary);color:#fff;border-color:var(--brutal-primary)}.btn-brutal:hover{background-color:var(--brutal-secondary);border-color:var(--brutal-secondary);box-shadow:var(--shadow-brutal)}.btn-direct{background-color:var(--direct-primary);color:#fff;border-color:var(--direct-primary)}.btn-direct:hover{background-color:var(--direct-secondary);border-color:var(--direct-secondary);box-shadow:var(--shadow-direct)}.btn-sarcastic{background-color:var(--sarcastic-primary);color:#fff;border-color:var(--sarcastic-primary)}.btn-sarcastic:hover{background-color:var(--sarcastic-secondary);border-color:var(--sarcastic-secondary);box-shadow:var(--shadow-sarcastic)}.btn-sm{padding:var(--space-2) var(--space-4);font-size:var(--text-sm);min-height:36px}.btn-lg{padding:var(--space-4) var(--space-8);font-size:var(--text-lg);min-height:56px}.btn-xl{padding:var(--space-5) var(--space-10);font-size:var(--text-xl);min-height:64px}.btn-icon{padding:var(--space-3);min-width:44px}.btn-icon.btn-lg{padding:var(--space-4);min-width:56px}.btn-full{width:100%}.btn-group{display:flex;border-radius:var(--radius-lg);overflow:hidden}.btn-group .btn{border-radius:0;border-right-width:0}.btn-group .btn:first-child{border-top-left-radius:var(--radius-lg);border-bottom-left-radius:var(--radius-lg)}.btn-group .btn:last-child{border-top-right-radius:var(--radius-lg);border-bottom-right-radius:var(--radius-lg);border-right-width:1px}.card{background-color:var(--bg-secondary);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-xl);padding:var(--space-6);transition:all var(--transition-normal);position:relative;overflow:hidden}.card:hover{border-color:#fff3;transform:translateY(-2px);box-shadow:var(--shadow-lg)}.card-interactive{cursor:pointer}.card-interactive:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl)}.card-interactive:active{transform:translateY(-1px);box-shadow:var(--shadow-md)}.mentor-card{background-color:var(--bg-secondary);border:2px solid transparent;border-radius:var(--radius-xl);padding:var(--space-6);cursor:pointer;transition:all var(--transition-normal);position:relative;text-align:center}.mentor-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl)}.mentor-card.selected{transform:translateY(-2px)}.mentor-card.mentor-brutal{border-color:var(--brutal-border);background-color:var(--brutal-bg)}.mentor-card.mentor-brutal.selected{border-color:var(--brutal-primary);box-shadow:var(--shadow-brutal)}.mentor-card.mentor-direct{border-color:var(--direct-border);background-color:var(--direct-bg)}.mentor-card.mentor-direct.selected{border-color:var(--direct-primary);box-shadow:var(--shadow-direct)}.mentor-card.mentor-sarcastic{border-color:var(--sarcastic-border);background-color:var(--sarcastic-bg)}.mentor-card.mentor-sarcastic.selected{border-color:var(--sarcastic-primary);box-shadow:var(--shadow-sarcastic)}.card-header{margin-bottom:var(--space-4)}.card-title{font-size:var(--text-xl);font-weight:var(--font-semibold);margin-bottom:var(--space-2)}.card-subtitle{font-size:var(--text-sm);color:var(--text-muted)}.card-body{margin-bottom:var(--space-4)}.card-footer{border-top:1px solid var(--bg-tertiary);padding-top:var(--space-4);margin-top:var(--space-4)}.assessment-card{background:linear-gradient(135deg,var(--bg-secondary) 0%,var(--bg-tertiary) 100%);border:1px solid var(--bg-quaternary);border-radius:var(--radius-xl);padding:var(--space-8);margin-bottom:var(--space-6)}.assessment-card .score{font-size:var(--text-4xl);font-weight:var(--font-extrabold);text-align:center;margin-bottom:var(--space-4)}.assessment-card .score.critical{color:var(--danger)}.assessment-card .score.warning{color:var(--warning)}.assessment-card .score.success{color:var(--success)}.gap-card{background-color:var(--bg-tertiary);border-left:4px solid var(--danger);border-radius:var(--radius-lg);padding:var(--space-4);margin-bottom:var(--space-3)}.gap-card.severity-critical{border-left-color:var(--danger);background-color:#ef44440d}.gap-card.severity-important{border-left-color:var(--warning);background-color:#f59e0b0d}.gap-card.severity-minor{border-left-color:var(--success);background-color:#10b9810d}.gap-title{font-weight:var(--font-semibold);margin-bottom:var(--space-2)}.gap-description{font-size:var(--text-sm);color:var(--text-secondary);line-height:var(--leading-relaxed)}.confidence-slider{margin:var(--space-8) 0}.slider-input{-webkit-appearance:none;width:100%;height:.5rem;border-radius:var(--radius-sm);background:var(--bg-tertiary);outline:none;margin:var(--space-6) 0}.slider-input::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:1.5rem;height:1.5rem;border-radius:50%;background:var(--primary-action);cursor:pointer;border:2px solid white;box-shadow:var(--shadow-md);-webkit-transition:all var(--transition-fast);transition:all var(--transition-fast)}.slider-input::-webkit-slider-thumb:hover{background:var(--primary-hover);transform:scale(1.1)}.slider-input::-moz-range-thumb{width:1.5rem;height:1.5rem;border-radius:50%;background:var(--primary-action);cursor:pointer;border:2px solid white;box-shadow:var(--shadow-md)}.slider-labels{display:flex;justify-content:space-between;margin-top:var(--space-2)}.confidence-display{text-align:center;margin:var(--space-6) 0}.confidence-value{font-size:3rem;font-weight:var(--font-extrabold);color:var(--primary-action);line-height:1;margin-bottom:var(--space-2)}.input{background-color:var(--bg-tertiary);border:1px solid var(--bg-quaternary);border-radius:var(--radius-lg);padding:var(--space-3) var(--space-4);color:var(--text-primary);font-size:var(--text-base);transition:all var(--transition-fast);width:100%;min-height:44px}.input:focus{border-color:var(--primary-action);box-shadow:0 0 0 2px #3b82f633}.input::-moz-placeholder{color:var(--text-muted)}.input::placeholder{color:var(--text-muted)}.textarea{background-color:var(--bg-tertiary);border:1px solid var(--bg-quaternary);border-radius:var(--radius-lg);padding:var(--space-4);color:var(--text-primary);font-size:var(--text-base);transition:all var(--transition-fast);width:100%;min-height:120px;resize:vertical}.textarea:focus{border-color:var(--primary-action);box-shadow:0 0 0 2px #3b82f633}.select{background-color:var(--bg-tertiary);border:1px solid var(--bg-quaternary);border-radius:var(--radius-lg);padding:var(--space-3) var(--space-4);color:var(--text-primary);font-size:var(--text-base);transition:all var(--transition-fast);width:100%;min-height:44px;cursor:pointer}.select:focus{border-color:var(--primary-action);box-shadow:0 0 0 2px #3b82f633}.checkbox,.radio{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:1.25rem;height:1.25rem;border:2px solid var(--bg-quaternary);border-radius:var(--radius-sm);background-color:var(--bg-tertiary);cursor:pointer;position:relative;transition:all var(--transition-fast)}.radio{border-radius:50%}.checkbox:checked,.radio:checked{background-color:var(--primary-action);border-color:var(--primary-action)}.checkbox:checked:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-weight:700;font-size:.75rem}.radio:checked:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:.5rem;height:.5rem;background-color:#fff;border-radius:50%}.form-group{margin-bottom:var(--space-4)}.form-label{display:block;font-weight:var(--font-medium);color:var(--text-primary);margin-bottom:var(--space-2)}.form-error{color:var(--text-danger);font-size:var(--text-sm);margin-top:var(--space-1)}.form-help{color:var(--text-muted);font-size:var(--text-sm);margin-top:var(--space-1)}.m-0{margin:0}.m-1{margin:var(--space-1)}.m-2{margin:var(--space-2)}.m-3{margin:var(--space-3)}.m-4{margin:var(--space-4)}.m-6{margin:var(--space-6)}.m-8{margin:var(--space-8)}.mt-0{margin-top:0}.mt-1{margin-top:var(--space-1)}.mt-2{margin-top:var(--space-2)}.mt-3{margin-top:var(--space-3)}.mt-4{margin-top:var(--space-4)}.mt-6{margin-top:var(--space-6)}.mt-8{margin-top:var(--space-8)}.mb-0{margin-bottom:0}.mb-1{margin-bottom:var(--space-1)}.mb-2{margin-bottom:var(--space-2)}.mb-3{margin-bottom:var(--space-3)}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.mb-8{margin-bottom:var(--space-8)}.ml-0{margin-left:0}.ml-1{margin-left:var(--space-1)}.ml-2{margin-left:var(--space-2)}.ml-3{margin-left:var(--space-3)}.ml-4{margin-left:var(--space-4)}.mr-0{margin-right:0}.mr-1{margin-right:var(--space-1)}.mr-2{margin-right:var(--space-2)}.mr-3{margin-right:var(--space-3)}.mr-4{margin-right:var(--space-4)}.mx-auto{margin-left:auto;margin-right:auto}.p-0{padding:0}.p-1{padding:var(--space-1)}.p-2{padding:var(--space-2)}.p-3{padding:var(--space-3)}.p-4{padding:var(--space-4)}.p-6{padding:var(--space-6)}.p-8{padding:var(--space-8)}.pt-0{padding-top:0}.pt-1{padding-top:var(--space-1)}.pt-2{padding-top:var(--space-2)}.pt-4{padding-top:var(--space-4)}.pt-6{padding-top:var(--space-6)}.pt-8{padding-top:var(--space-8)}.pb-0{padding-bottom:0}.pb-1{padding-bottom:var(--space-1)}.pb-2{padding-bottom:var(--space-2)}.pb-4{padding-bottom:var(--space-4)}.pb-6{padding-bottom:var(--space-6)}.pb-8{padding-bottom:var(--space-8)}.w-full{width:100%}.w-auto{width:auto}.w-fit{width:-moz-fit-content;width:fit-content}.w-1\/2{width:50%}.w-1\/3{width:33.333333%}.w-2\/3{width:66.666667%}.w-1\/4{width:25%}.w-3\/4{width:75%}.h-full{height:100%}.h-auto{height:auto}.h-fit{height:-moz-fit-content;height:fit-content}.h-screen{height:100vh}.min-h-screen{min-height:100vh}.border{border:1px solid var(--bg-tertiary)}.border-0{border:0}.border-t{border-top:1px solid var(--bg-tertiary)}.border-b{border-bottom:1px solid var(--bg-tertiary)}.border-l{border-left:1px solid var(--bg-tertiary)}.border-r{border-right:1px solid var(--bg-tertiary)}.rounded{border-radius:var(--radius-md)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-full{border-radius:var(--radius-full)}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.shadow-xl{box-shadow:var(--shadow-xl)}.shadow-2xl{box-shadow:var(--shadow-2xl)}.shadow-none{box-shadow:none}.bg-transparent{background-color:transparent}.bg-primary{background-color:var(--bg-primary)}.bg-secondary{background-color:var(--bg-secondary)}.bg-tertiary{background-color:var(--bg-tertiary)}.opacity-0{opacity:0}.opacity-25{opacity:.25}.opacity-50{opacity:.5}.opacity-75{opacity:.75}.opacity-100{opacity:1}.cursor-pointer{cursor:pointer}.cursor-not-allowed{cursor:not-allowed}.cursor-default{cursor:default}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.select-text{-webkit-user-select:text;-moz-user-select:text;user-select:text}.select-all{-webkit-user-select:all;-moz-user-select:all;user-select:all}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.focus-outline{outline:2px solid var(--primary-action);outline-offset:2px}@media (min-width: 640px){.sm\:text-center{text-align:center}.sm\:w-auto{width:auto}.sm\:flex-row{flex-direction:row}}@media (min-width: 768px){.md\:text-left{text-align:left}.md\:w-1\/2{width:50%}.md\:flex-row{flex-direction:row}.md\:items-center{align-items:center}}@media (min-width: 1024px){.lg\:text-left{text-align:left}.lg\:w-1\/3{width:33.333333%}.lg\:w-2\/3{width:66.666667%}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes pulse-record{0%{box-shadow:0 0 #ef444466}70%{box-shadow:0 0 0 20px #ef444400}to{box-shadow:0 0 #ef444400}}@keyframes wave{0%,40%,to{transform:scaleY(.4);opacity:.5}20%{transform:scaleY(1);opacity:1}}@keyframes typing{0%,80%,to{transform:scale(0);opacity:.5}40%{transform:scale(1);opacity:1}}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes bounce{0%,20%,53%,80%,to{transform:translateY(0)}40%,43%{transform:translateY(-8px)}70%{transform:translateY(-4px)}90%{transform:translateY(-2px)}}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-2px)}20%,40%,60%,80%{transform:translate(2px)}}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}.animate-fade-in{animation:fadeIn var(--transition-slow) ease-out}.animate-fade-in-up{animation:fadeInUp var(--transition-slow) ease-out}.animate-slide-in{animation:slideIn var(--transition-slow) ease-out}.animate-bounce{animation:bounce 1s infinite}.animate-pulse{animation:pulse-record 2s infinite}.animate-spin{animation:spin 1s linear infinite}.animate-shake{animation:shake .5s ease-in-out}.transition-fast{transition:all var(--transition-fast)}.transition-normal{transition:all var(--transition-normal)}.transition-slow{transition:all var(--transition-slow)}.hover-lift:hover{transform:translateY(-2px);transition:transform var(--transition-fast)}.hover-scale:hover{transform:scale(1.05);transition:transform var(--transition-fast)}.hover-glow:hover{box-shadow:0 0 20px #3b82f64d;transition:box-shadow var(--transition-normal)}.loading-skeleton{background:linear-gradient(90deg,var(--bg-tertiary) 25%,rgba(255,255,255,.1) 50%,var(--bg-tertiary) 75%);background-size:200% 100%;animation:loading 1.5s infinite;border-radius:var(--radius-md)}.loading-spinner{width:24px;height:24px;border:2px solid var(--bg-tertiary);border-top:2px solid var(--primary-action);border-radius:var(--radius-full);animation:spin 1s linear infinite}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.animate-pulse,.animate-bounce,.animate-spin{animation:none}}.header-container{position:relative;margin-bottom:2rem}.header-glass{background:#0f0f23cc;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.1);border-radius:1rem;padding:1.5rem;box-shadow:0 8px 32px #0000004d,0 0 0 1px #ffffff0d,inset 0 1px #ffffff1a;position:relative;overflow:hidden}.header-glass:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.05),transparent);animation:shimmer 3s infinite}@keyframes shimmer{0%{left:-100%}50%{left:100%}to{left:100%}}.bg-gradient-to-br{background:linear-gradient(135deg,var(--brutal-primary),var(--direct-primary))}.avatar-brutal{background:linear-gradient(135deg,var(--brutal-primary),var(--brutal-secondary))}.avatar-direct{background:linear-gradient(135deg,var(--direct-primary),var(--direct-secondary))}.avatar-sarcastic{background:linear-gradient(135deg,var(--sarcastic-primary),var(--sarcastic-secondary))}.header-container{animation:float 6s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.header-glass:hover{transform:translateY(-2px);box-shadow:0 12px 40px #0006,0 0 0 1px #ffffff1a,inset 0 1px #ffffff26;transition:all .3s ease}.header-glass .bg-tertiary{position:relative;box-shadow:inset 0 1px 2px #0000004d}.header-glass .bg-tertiary:after{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(45deg,transparent,rgba(255,255,255,.1),transparent);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;-webkit-mask-composite:xor}@media (max-width: 768px){.header-glass{padding:1rem}.header-container{animation:none}}.voice-visualizer{position:relative;width:200px;height:200px;margin:0 auto}.visualizer-container{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.visualizer-base{width:60px;height:60px;border-radius:50%;background:#ffffff1a;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);position:relative;z-index:2}.wave-ring{position:absolute;border-radius:50%;border:2px solid;animation:wave-pulse 1.5s ease-in-out infinite}.wave-1{width:80px;height:80px;animation-delay:0s}.wave-2{width:120px;height:120px;animation-delay:.3s}.wave-3{width:160px;height:160px;animation-delay:.6s}.breathing-ring{position:absolute;width:70px;height:70px;border-radius:50%;border:1px solid rgba(255,255,255,.3);animation:breathing 3s ease-in-out infinite}.visualizer-container.brutal .wave-ring{border-color:var(--brutal-primary)}.visualizer-container.direct .wave-ring{border-color:var(--direct-primary)}.visualizer-container.sarcastic .wave-ring{border-color:var(--sarcastic-primary)}.visualizer-container.speaking .wave-ring{animation-duration:.8s}.visualizer-container.listening .wave-ring{animation-duration:1.5s;border-color:#3b82f6}@keyframes wave-pulse{0%{transform:scale(.8);opacity:1}to{transform:scale(1.4);opacity:0}}@keyframes breathing{0%,to{transform:scale(1);opacity:.3}50%{transform:scale(1.1);opacity:.6}}.mentor-avatar{position:relative;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .3s ease;box-shadow:0 8px 24px #0000004d;border:3px solid transparent;background-clip:padding-box}.mentor-avatar.mentor-brutal{background:linear-gradient(135deg,var(--brutal-primary),var(--brutal-secondary));border-color:var(--brutal-primary)}.mentor-avatar.mentor-direct{background:linear-gradient(135deg,var(--direct-primary),var(--direct-secondary));border-color:var(--direct-primary)}.mentor-avatar.mentor-sarcastic{background:linear-gradient(135deg,var(--sarcastic-primary),var(--sarcastic-secondary));border-color:var(--sarcastic-primary)}.mentor-icon{filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.mentor-speaking{animation:mentor-pulse .8s ease-in-out infinite alternate}@keyframes mentor-pulse{0%{transform:scale(1);box-shadow:0 8px 24px #0000004d}to{transform:scale(1.05);box-shadow:0 12px 32px #00000080}}.mentor-ring{border:2px solid;border-color:inherit}.conversation-controls{padding:1.5rem;background:#0f0f23cc;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:1rem;border:1px solid rgba(255,255,255,.1);margin:0 auto;max-width:320px}.volume-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:4px;border-radius:2px;background:var(--bg-tertiary);outline:none;transition:all .2s}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:var(--text-primary);cursor:pointer;-webkit-transition:all .2s;transition:all .2s}.volume-slider::-webkit-slider-thumb:hover{transform:scale(1.2)}.volume-slider::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:var(--text-primary);cursor:pointer;border:none}.conversation-status{text-align:center;padding:1rem;background:#0f0f2399;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:.75rem;border:1px solid rgba(255,255,255,.05);margin-bottom:2rem}.voice-permission-modal{position:fixed;inset:0;background:#000c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:50}.voice-permission-content{background:var(--bg-secondary);border:1px solid rgba(255,255,255,.1);border-radius:1rem;padding:2rem;max-width:400px;margin:1rem;text-align:center}@media (max-width: 768px){.voice-visualizer{width:150px;height:150px}.conversation-controls{padding:1rem;max-width:280px}.mentor-avatar.w-24{width:4rem;height:4rem}.mentor-avatar.w-32{width:5rem;height:5rem}}@media (prefers-reduced-motion: reduce){.mentor-speaking{animation:none}.voice-visualizer canvas{animation:none}.animate-pulse,.animate-ping{animation:none}}.conversation-controls button:focus,.volume-slider:focus{outline:2px solid var(--text-primary);outline-offset:2px}.conversation-page{min-height:100vh;background:var(--bg-primary);padding:1rem}.conversation-content{max-width:500px;margin:0 auto;height:100vh;display:flex;flex-direction:column}.conversation-interface{flex:1;display:flex;flex-direction:column;justify-content:space-between;padding:2rem 0}.voice-interface-container{flex:1;display:flex;align-items:center;justify-content:center;min-height:300px;margin-bottom:2rem}.conversation-controls-container{position:relative;z-index:10}.conversation-center{flex:1;display:flex;align-items:center;justify-content:center;position:relative;min-height:300px}.voice-visualizer-container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1}.mentor-overlay{position:relative;z-index:2;display:flex;align-items:center;justify-content:center}@media (max-width: 768px){.conversation-page{padding:.5rem}.conversation-content{max-width:100%}.conversation-interface{padding:1rem 0}.conversation-center{min-height:250px}}@media (max-width: 480px){.conversation-center{min-height:200px}}@media (max-height: 600px) and (orientation: landscape){.conversation-interface{padding:.5rem 0}.conversation-center{min-height:150px}}.conversation-interface{animation:conversation-fade-in .5s ease-out}@keyframes conversation-fade-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.conversation-page{outline:none}.conversation-page:focus-within .mentor-overlay{outline:2px solid var(--text-primary);outline-offset:4px;border-radius:50%}