body{margin:0;min-height:100vh}#root{min-height:100vh}.header{padding:2rem 0 1.5rem;border-bottom:1px solid rgba(255,255,255,.1);margin-bottom:2rem}.header-content{text-align:center}.institute-name{margin:0;font-size:2rem;font-weight:300;color:#e0e8f0;letter-spacing:3px;display:flex;align-items:center;justify-content:center;gap:1rem}.institute-icon{font-size:1.5rem;color:#6ba3c4;animation:pulse 3s ease-in-out infinite}.institute-tagline{margin:.5rem 0 0;font-size:.9rem;color:#7a8a9a;letter-spacing:2px;font-weight:300}.progress-container{margin-top:1.5rem;max-width:600px;margin-left:auto;margin-right:auto}.progress-bar{height:4px;background:#ffffff0d;border-radius:2px;overflow:hidden;margin-bottom:.5rem}.progress-fill{height:100%;background:linear-gradient(90deg,#6ba3c4,#4a8aa6);border-radius:2px;transition:width .8s ease;box-shadow:0 0 10px #6ba3c480}.progress-text{display:block;text-align:center;font-size:.75rem;color:#7a8a9a;text-transform:uppercase;letter-spacing:1.5px;font-family:Courier New,monospace}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}}.landing-page{min-height:100vh}.landing-content{max-width:900px;margin:0 auto}.hero-section{text-align:center;padding:3rem 0;margin-bottom:3rem}.hero-icon{font-size:4rem;color:#6ba3c4;margin-bottom:1rem;animation:fadeInScale .8s ease}.hero-title{margin:0 0 1rem;font-size:2.5rem;font-weight:300;color:#e0e8f0;letter-spacing:2px;animation:fadeInUp .8s ease .2s backwards}.hero-subtitle{margin:0;font-size:1.1rem;color:#a0b0c0;letter-spacing:1px;animation:fadeInUp .8s ease .4s backwards}.intro-card{background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:2rem;margin-bottom:2rem;animation:fadeInUp .8s ease .6s backwards}.intro-card h3{margin:0 0 1rem;color:#6ba3c4;font-size:1.3rem;font-weight:500;letter-spacing:.5px}.intro-card p{margin:0 0 1rem;color:#c0d0e0;line-height:1.7}.intro-card p:last-child{margin-bottom:0;color:#7a8a9a;font-style:italic;font-size:.95rem}.procedure-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:2rem}.procedure-card{background:#ffffff05;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:1.5rem;transition:all .3s ease;animation:fadeInUp .8s ease backwards}.procedure-card:nth-child(1){animation-delay:.7s}.procedure-card:nth-child(2){animation-delay:.8s}.procedure-card:nth-child(3){animation-delay:.9s}.procedure-card:nth-child(4){animation-delay:1s}.procedure-card:hover{background:#ffffff0a;border-color:#6ba3c44d;transform:translateY(-4px)}.procedure-number{font-size:2rem;font-weight:300;color:#6ba3c4;margin-bottom:.5rem;font-family:Courier New,monospace}.procedure-card h4{margin:0 0 .5rem;color:#e0e8f0;font-size:1.1rem;font-weight:500}.procedure-card p{margin:0;color:#a0b0c0;font-size:.9rem;line-height:1.5}.warning-card{background:#ffb74d0d;border:1px solid rgba(255,183,77,.3);border-radius:12px;padding:2rem;margin-bottom:3rem;animation:fadeInUp .8s ease 1.1s backwards}.warning-icon{font-size:2rem;margin-bottom:.5rem}.warning-card h4{margin:0 0 1rem;color:#ffb74d;font-size:1.2rem;font-weight:500}.warning-card p{margin:0 0 1rem;color:#c0d0e0;line-height:1.7}.warning-card p:last-child{margin-bottom:0}.cta-section{text-align:center;padding:2rem 0;animation:fadeInUp .8s ease 1.2s backwards}.begin-button{padding:1.25rem 3rem;font-size:1.1rem;font-weight:500;color:#0a0f19;background:linear-gradient(135deg,#6ba3c4,#4a8aa6);border:none;border-radius:8px;cursor:pointer;letter-spacing:1px;transition:all .3s ease;text-transform:uppercase;box-shadow:0 4px 15px #6ba3c44d}.begin-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #6ba3c480;background:linear-gradient(135deg,#7ab3d4,#5a9ab6)}.disclaimer{margin:1.5rem 0 0;font-size:.85rem;color:#7a8a9a;max-width:600px;margin-left:auto;margin-right:auto;line-height:1.6}@keyframes fadeInScale{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.consent-page{min-height:100vh}.consent-content{max-width:900px;margin:0 auto}.page-header{text-align:center;margin-bottom:3rem;animation:fadeInUp .6s ease}.page-header h2{margin:0 0 1rem;font-size:2rem;font-weight:400;color:#e0e8f0;letter-spacing:1.5px}.page-subtitle{margin:0;color:#a0b0c0;line-height:1.7;font-size:1.05rem}.progress-dots{display:flex;justify-content:center;gap:.75rem;margin:2rem 0;animation:fadeIn .4s ease}.progress-dot{width:12px;height:12px;border-radius:50%;background:#fff3;transition:all .3s ease}.progress-dot.active{background:#6ba3c4;box-shadow:0 0 12px #6ba3c499;transform:scale(1.3)}.progress-dot.completed{background:#4ecdc4}.page-indicator{text-align:center;margin-top:2rem;color:#8a9aa8;font-size:.9rem}.back-button,.next-button{padding:.875rem 2rem;font-size:1rem;font-weight:600;border:2px solid rgba(107,163,196,.4);border-radius:8px;cursor:pointer;transition:all .3s ease;letter-spacing:.5px;background:#ffffff0d;color:#c0d0e0}.back-button:hover{background:#ffffff14;border-color:#6ba3c499;transform:translate(-4px)}.next-button{background:linear-gradient(135deg,#6ba3c4,#5a8ca9);color:#fff;border:none}.next-button.active:hover{background:linear-gradient(135deg,#5a8ca9,#6ba3c4);transform:translate(4px);box-shadow:0 4px 12px #6ba3c466}.next-button.disabled{opacity:.5;cursor:not-allowed;background:#6ba3c44d}.consent-actions{display:flex;justify-content:center;gap:1rem;margin-top:3rem}.character-intro{margin-bottom:3rem;animation:fadeInUp .8s ease .4s backwards}.intro-message{margin-top:1.5rem;padding:1.5rem;background:#ffffff05;border-left:3px solid #6ba3c4;border-radius:6px}.intro-message p{margin:0 0 1rem;color:#c0d0e0;line-height:1.7;font-size:1rem}.intro-message-simple{margin-bottom:2rem;padding:1.5rem;background:#6ba3c41a;border-left:3px solid #6ba3c4;border-radius:6px;animation:fadeInUp .8s ease .4s backwards}.intro-message-simple p{margin:0;color:#c0d0e0;line-height:1.7;font-size:1rem;text-align:center}.intro-message p:last-child{margin-bottom:0}.questions-section{margin-bottom:3rem}.question-card{background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:2rem;margin-bottom:2rem;animation:fadeInUp .6s ease backwards;transition:all .3s ease}.question-card:hover{background:#ffffff0a;border-color:#ffffff26}.question-text{margin:0 0 1.5rem;font-size:1.3rem;font-weight:400;color:#e0e8f0;line-height:1.5}.question-number{color:#6ba3c4;margin-right:.75rem;font-family:Courier New,monospace}.options-grid{display:grid;gap:1rem}.option-button{display:flex;align-items:center;gap:1rem;padding:1rem 1.25rem;background:#ffffff05;border:2px solid rgba(255,255,255,.1);border-radius:8px;cursor:pointer;text-align:left;transition:all .3s ease;width:100%}.option-button:hover{background:#ffffff0d;border-color:#fff3;transform:translate(4px)}.option-button.selected{background:#6ba3c426;border-color:#6ba3c4}.option-radio{font-size:1.5rem;color:#6ba3c4;flex-shrink:0}.option-label{color:#c0d0e0;font-size:1rem;line-height:1.5}.consent-actions{text-align:center;margin-bottom:2rem}.philosophical-note{padding:1.5rem;background:#ffffff05;border:1px solid rgba(255,255,255,.1);border-radius:8px;animation:fadeInUp .8s ease .6s backwards}.philosophical-note p{margin:0;color:#a0b0c0;line-height:1.7;font-size:.95rem}.philosophical-note strong{color:#6ba3c4}.character-dialog-overlay{position:fixed;inset:0;background:#000014e6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10000;display:flex;align-items:center;justify-content:center;animation:fadeIn .3s ease}.character-dialog{background:linear-gradient(135deg,#141e30fa,#1e283cfa);border:2px solid #6ba3c4;border-radius:16px;max-width:600px;width:90%;max-height:80vh;overflow:hidden;box-shadow:0 20px 60px #00000080,0 0 40px #6ba3c44d;animation:slideUp .4s cubic-bezier(.68,-.55,.265,1.55)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}.dialog-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid rgba(107,163,196,.3);background:#6ba3c41a}.dialog-header h3{margin:0;color:#e0f0ff;font-size:1.3rem;font-weight:600}.dialog-close{background:#ffffff1a;border:none;border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff;font-size:1.8rem;font-weight:300;line-height:1;transition:all .2s ease;padding:0}.dialog-close:hover{background:#fff3;transform:scale(1.1)}.dialog-content{padding:1.5rem;max-height:calc(80vh - 80px);overflow-y:auto}.dialog-exchange{margin-bottom:1.5rem;animation:messageSlideIn .4s ease}@keyframes messageSlideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.dialog-message{padding:1rem;border-radius:12px;margin-bottom:.75rem;line-height:1.6}.user-message{background:#6ba3c426;border-left:3px solid #6ba3c4;color:#e0f0ff}.character-message{background:#ffffff0d;border-left:3px solid #8a9aa8;color:#c0d0e0;font-style:italic}.dialog-message strong{display:block;margin-bottom:.5rem;font-size:.85rem;text-transform:uppercase;letter-spacing:1px;opacity:.8}.dialog-question{margin-top:2rem;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.1)}.question-text{font-size:1.1rem;color:#e0f0ff;margin-bottom:1.5rem;font-weight:500}.question-options{display:grid;gap:.75rem}.option-button{background:#ffffff0d;border:2px solid rgba(255,255,255,.1);border-radius:8px;padding:1rem;color:#c0d0e0;cursor:pointer;text-align:left;transition:all .3s ease;font-size:1rem;line-height:1.5}.option-button:hover{background:#6ba3c426;border-color:#6ba3c4;transform:translate(8px);color:#e0f0ff}.dialog-complete{text-align:center;padding:2rem;color:#8a9aa8;font-style:italic;font-size:1.1rem;animation:fadeIn .5s ease}.dialog-content::-webkit-scrollbar{width:8px}.dialog-content::-webkit-scrollbar-track{background:#0003;border-radius:4px}.dialog-content::-webkit-scrollbar-thumb{background:#6ba3c480;border-radius:4px}.dialog-content::-webkit-scrollbar-thumb:hover{background:#6ba3c4b3}.character-container{position:relative;background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:1.5rem;margin:1.5rem 0;animation:fadeInUp .6s ease}.thought-bubble{position:absolute;top:-60px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,#6ba3c4f2,#5a8ca9f2);border:2px solid #6ba3c4;border-radius:20px;padding:.75rem 1.25rem;max-width:300px;box-shadow:0 4px 16px #0000004d;animation:thoughtBubbleAppear .4s ease,thoughtBubbleBob 3s ease-in-out infinite;z-index:10}.thought-bubble:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-top:10px solid #6ba3c4}.thought-bubble p{margin:0;color:#fff;font-size:.9rem;font-style:italic;text-align:center;line-height:1.4}@keyframes thoughtBubbleAppear{0%{opacity:0;transform:translate(-50%) translateY(-10px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@keyframes thoughtBubbleBob{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(-5px)}}.character-display{display:flex;align-items:center;gap:1.5rem;margin-bottom:1.5rem}.character-avatar{position:relative;width:80px;height:80px;cursor:pointer;transition:all .5s ease;flex-shrink:0}.character-avatar.talking{animation:talk-pulse .5s ease-in-out infinite}@keyframes talk-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.character-avatar:before{content:"";position:absolute;inset:-10px;border-radius:50%;background:var(--character-color);opacity:.3;filter:blur(20px);transition:all .8s ease}.character-avatar:hover:before{opacity:.5;filter:blur(25px)}.character-face{position:relative;width:100%;height:100%;border-radius:50%;background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border:3px solid var(--character-color, #6ba3c4);display:flex;align-items:center;justify-content:center;transition:all .5s ease;overflow:hidden;z-index:2}.character-emoji{font-size:2.5rem;transition:all .3s ease;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.character-avatar:hover .character-emoji{transform:scale(1.1)}.character-avatar.happy .character-face{animation:pulse-happy 2s ease-in-out infinite;filter:brightness(1.2) saturate(1.3)}.character-avatar.content .character-face{filter:brightness(1.1)}.character-avatar.neutral .character-face{opacity:.85;filter:grayscale(.2) brightness(.95)}.character-avatar.sad .character-face{opacity:.7;filter:grayscale(.5) brightness(.8);animation:pulse-sad 3s ease-in-out infinite}.character-avatar.empty .character-face{opacity:.5;filter:grayscale(.8) brightness(.7) blur(1px);animation:fade-pulse 4s ease-in-out infinite}.character-avatar.hollow .character-face{opacity:.35;filter:grayscale(1) brightness(.5) blur(2px);animation:hollow-flicker 2s ease-in-out infinite}.character-avatar.confused .character-face{animation:wobble-confused 2s ease-in-out infinite;filter:hue-rotate(20deg) brightness(.9)}@keyframes pulse-happy{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}@keyframes pulse-sad{0%,to{transform:scale(1);opacity:.7}50%{transform:scale(.97);opacity:.6}}@keyframes fade-pulse{0%,to{opacity:.5}50%{opacity:.3}}@keyframes hollow-flicker{0%,to{opacity:.35;transform:scale(1)}25%{opacity:.25}50%{opacity:.3;transform:scale(.98)}75%{opacity:.2}}@keyframes wobble-confused{0%,to{transform:rotate(0) translate(0)}15%{transform:rotate(-3deg) translate(-2px)}30%{transform:rotate(3deg) translate(2px)}45%{transform:rotate(-2deg) translate(-1px)}60%{transform:rotate(2deg) translate(1px)}75%{transform:rotate(-1deg)}}.character-particles{position:absolute;inset:0;pointer-events:none;z-index:1}.particle{position:absolute;width:6px;height:6px;background:var(--character-color, #6ba3c4);border-radius:50%;animation:float-particle 4s ease-in-out infinite;box-shadow:0 0 10px var(--character-color, #6ba3c4)}.particle:nth-child(1){top:10%;left:5%}.particle:nth-child(2){top:25%;left:15%}.particle:nth-child(3){top:40%;left:8%}.particle:nth-child(4){top:15%;right:12%}.particle:nth-child(5){top:35%;right:5%}.particle:nth-child(6){top:55%;right:18%}.particle:nth-child(7){bottom:15%;left:10%}.particle:nth-child(8){bottom:35%;left:22%}.particle:nth-child(9){bottom:25%;right:15%}.particle:nth-child(10){bottom:45%;right:8%}.particle:nth-child(11){top:50%;left:50%}.particle:nth-child(12){bottom:10%;right:50%}@keyframes float-particle{0%,to{transform:translateY(0) translate(0)}50%{transform:translateY(-10px) translate(5px)}}.character-info{flex:1}.character-name{margin:0 0 .25rem;font-size:1.1rem;color:var(--character-color, #6ba3c4);font-weight:500;transition:color .5s ease}.character-state{margin:0;color:#c0d0e0;line-height:1.4;font-size:.85rem}.character-stats{display:grid;gap:.75rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.1)}.stat-bar-container{animation:slideIn .5s ease backwards}.stat-bar-container:nth-child(1){animation-delay:.1s}.stat-bar-container:nth-child(2){animation-delay:.15s}.stat-bar-container:nth-child(3){animation-delay:.2s}.stat-bar-container:nth-child(4){animation-delay:.25s}.stat-bar-container:nth-child(5){animation-delay:.3s}.stat-bar-container:nth-child(6){animation-delay:.35s}.stat-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.35rem}.stat-icon{font-size:1rem}.stat-label{flex:1;color:#c0d0e0;font-weight:500;font-size:.85rem}.stat-value{color:#e0e8f0;font-family:Courier New,monospace;font-weight:600;font-size:.85rem}.stat-bar{height:6px;background:#ffffff0d;border-radius:3px;overflow:hidden;border:1px solid rgba(255,255,255,.1)}.stat-fill{height:100%;transition:width 1s ease,background-color .5s ease;border-radius:5px;position:relative;overflow:hidden}.stat-fill:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer 2s ease-in-out infinite}.stat-description{margin:.25rem 0 0 1.5rem;font-size:.75rem;color:#8a9aa8;line-height:1.3}.character-details{margin-top:1.5rem;padding:1.5rem;background:#0003;border-radius:8px;border-left:3px solid var(--character-color, #6ba3c4);animation:slideDown .3s ease}.character-details h4{margin:0 0 1rem;color:var(--character-color, #6ba3c4);font-size:1.1rem}.character-details p{margin:0 0 .75rem;color:#c0d0e0;line-height:1.7}.character-details p:last-child{margin-bottom:0}.warning{padding:.75rem;background:#ff6b6b1a;border-left:3px solid #ff6b6b;border-radius:4px;color:#ffb3b3!important}.character-compact{display:inline-flex;align-items:center;justify-content:center}.character-compact .character-face{width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border:2px solid;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.character-compact .character-emoji{font-size:2rem}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes slideDown{0%{opacity:0;max-height:0}to{opacity:1;max-height:500px}}@media(max-width:768px){.character-display{flex-direction:column;text-align:center}.character-avatar{width:120px;height:120px}.character-emoji{font-size:3rem}}.initial-stats-page{min-height:100vh;padding-bottom:4rem}.initial-stats-content{max-width:900px;margin:0 auto;padding:2rem}.page-header{text-align:center;margin-bottom:3rem}.page-header h2{font-size:2.5rem;color:#e0f0ff;margin-bottom:1rem;font-weight:300;letter-spacing:2px}.page-subtitle{color:#a0b0c0;font-size:1.1rem;line-height:1.6;max-width:600px;margin:0 auto}.initial-stats-layout{display:grid;grid-template-columns:400px 1fr;gap:2rem;margin:2rem 0;align-items:start}.character-section{position:sticky;top:2rem}.stats-customization{background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:2rem}.stats-customization h3{color:#c0d0e0;font-size:1.5rem;margin-bottom:2rem;font-weight:400}.stat-control{margin-bottom:2.5rem}.stat-control-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.stat-label{font-size:1.1rem;font-weight:600;color:#6ba3c4;letter-spacing:.5px}.stat-value-display{font-size:1.3rem;font-weight:700;color:#e0f0ff;min-width:3rem;text-align:right}.stat-description{color:#8a9aa8;font-size:.9rem;margin:.5rem 0 1rem;font-style:italic}.stat-slider{width:100%;height:8px;border-radius:5px;background:#ffffff1a;outline:none;-webkit-appearance:none;appearance:none;cursor:pointer;transition:background .3s ease}.stat-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:#6ba3c4;cursor:pointer;box-shadow:0 2px 8px #6ba3c480;transition:all .3s ease}.stat-slider::-webkit-slider-thumb:hover{background:#8bc0dd;transform:scale(1.2);box-shadow:0 4px 12px #6ba3c4cc}.stat-slider::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:#6ba3c4;cursor:pointer;border:none;box-shadow:0 2px 8px #6ba3c480;transition:all .3s ease}.stat-slider::-moz-range-thumb:hover{background:#8bc0dd;transform:scale(1.2);box-shadow:0 4px 12px #6ba3c4cc}.stat-range-labels{display:flex;justify-content:space-between;margin-top:.5rem;font-size:.8rem;color:#6a7a8a}.info-box{background:#6ba3c41a;border:1px solid rgba(107,163,196,.3);border-radius:8px;padding:1.5rem;margin:2rem 0}.info-box h4{color:#6ba3c4;font-size:1.1rem;margin-bottom:1rem;font-weight:600}.info-box p{color:#a0b0c0;line-height:1.7;margin:.5rem 0}.key-insight-compact{color:#e0f0ff;font-size:1rem;line-height:1.6;margin-top:1rem;padding:1rem;background:#ffd70014;border-left:3px solid rgba(255,215,0,.5);border-radius:4px}.action-section{text-align:center;margin-top:3rem}.proceed-button{background:linear-gradient(135deg,#6ba3c4,#5a8ca9);color:#fff;padding:1rem 3rem;font-size:1.1rem;font-weight:600;border:none;border-radius:8px;cursor:pointer;transition:all .3s ease;letter-spacing:1px;text-transform:uppercase}.proceed-button:hover{background:linear-gradient(135deg,#5a8ca9,#6ba3c4);transform:translateY(-2px);box-shadow:0 8px 20px #6ba3c466}@media(max-width:1024px){.initial-stats-layout{grid-template-columns:1fr;gap:1.5rem}.character-section{position:static}}.choice-button{position:relative;width:100%;padding:1.5rem;background:#ffffff08;border:2px solid rgba(255,255,255,.1);border-radius:8px;cursor:pointer;text-align:left;transition:all .3s ease;overflow:hidden}.choice-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.05),transparent);transition:left .5s ease}.choice-button:hover:before{left:100%}.choice-button:hover{background:#ffffff0d;border-color:#ffffff4d;transform:translate(4px)}.choice-button.previewing{border-color:#6ba3c4;box-shadow:0 0 20px #6ba3c44d;animation:preview-pulse 2s ease-in-out infinite}@keyframes preview-pulse{0%,to{box-shadow:0 0 20px #6ba3c44d}50%{box-shadow:0 0 30px #6ba3c480}}.choice-button.selected{background:#6ba3c426;border-color:#6ba3c4}.choice-option{display:block;font-size:.85rem;font-weight:600;color:#6ba3c4;margin-bottom:.5rem;text-transform:uppercase;letter-spacing:1.5px}.choice-description{margin:0;color:#c0d0e0;line-height:1.6;font-size:1rem}.choice-arrow{position:absolute;top:50%;right:1.5rem;transform:translateY(-50%);color:#6ba3c4;font-size:1.5rem;opacity:0;transition:all .3s ease}.choice-button:hover .choice-arrow{opacity:1;right:1rem}.choice-button.selected .choice-arrow{opacity:1}.stat-changes{margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.1)}.stat-changes-title{font-size:.75rem;font-weight:600;color:#8a9aa8;text-transform:uppercase;letter-spacing:1px;margin-bottom:.75rem}.stat-changes-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem}.stat-change{display:flex;justify-content:space-between;align-items:center;font-size:.9rem;padding:.25rem 0}.stat-name{font-weight:500;opacity:.9}.stat-value{font-weight:700;margin-left:.5rem}.stat-preview{position:relative;margin-top:1rem;animation:slideDown .3s ease-out}.preview-tooltip{background:linear-gradient(135deg,#6ba3c433,#6ba3c41a);border:1px solid rgba(107,163,196,.4);border-radius:6px;padding:.75rem 1rem;font-size:.85rem;color:#e0f0ff;font-weight:600;text-align:center;letter-spacing:.5px;box-shadow:0 4px 12px #6ba3c433}.philosopher-comment{margin:1.5rem 0;background:#ffffff05;border-left:4px solid var(--philosopher-color);border-radius:8px;overflow:hidden;transition:all .3s ease}.philosopher-comment:hover{background:#ffffff0a}.philosopher-header{width:100%;display:flex;align-items:center;gap:1rem;padding:1rem;background:none;border:none;cursor:pointer;text-align:left;transition:all .2s ease}.philosopher-header:hover{background:#ffffff08}.philosopher-badge{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--philosopher-color);border-radius:50%;flex-shrink:0}.philosopher-icon{font-size:1.25rem}.philosopher-name-section{flex:1}.philosopher-name{margin:0;font-size:1rem;color:var(--philosopher-color);font-weight:600;letter-spacing:.3px}.philosopher-years{font-size:.8rem;color:#7a8a9a;font-weight:400}.expand-icon{color:#7a8a9a;font-size:.75rem;transition:transform .3s ease}.expand-icon.expanded{transform:rotate(180deg)}.philosopher-content{padding:0 1rem 1.5rem;animation:slideDown .3s ease}.philosopher-quote{margin:0 0 1rem;padding:1rem;background:#0003;border-radius:6px;font-size:.95rem;font-style:italic;color:#c0d0e0;line-height:1.6;border-left:3px solid var(--philosopher-color)}.philosopher-context,.philosopher-relevance{margin-top:1rem}.philosopher-context h5,.philosopher-relevance h5{margin:0 0 .5rem;font-size:.85rem;color:var(--philosopher-color);text-transform:uppercase;letter-spacing:1px;font-weight:600}.philosopher-context p,.philosopher-relevance p{margin:0;color:#a0b0c0;line-height:1.6;font-size:.9rem}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.scenario-page{min-height:100vh;padding-bottom:3rem}.scenario-content{max-width:1000px;margin:0 auto}.scenario-header{text-align:center;margin-bottom:2rem;animation:fadeInUp .6s ease}.case-file-badge{display:inline-block;padding:.5rem 1rem;background:#6ba3c433;border:1px solid #6ba3c4;border-radius:20px;font-size:.8rem;font-weight:600;color:#6ba3c4;text-transform:uppercase;letter-spacing:1.5px;margin-bottom:1rem;font-family:Courier New,monospace}.choice-comparison{display:flex;align-items:center;gap:1.5rem;background:linear-gradient(135deg,#6ba3c426,#5a8ca91a);border:2px solid rgba(107,163,196,.4);border-radius:12px;padding:1.5rem;margin:2rem 0;animation:slideIn .5s ease}.choice-comparison.minority{background:linear-gradient(135deg,#ffd70026,#daa5201a);border-color:#ffd70080}.choice-comparison.majority{background:linear-gradient(135deg,#6ba3c433,#5a8ca926);border-color:#6ba3c499}.comparison-icon{font-size:3rem;line-height:1;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));animation:icon-pop .6s cubic-bezier(.68,-.55,.265,1.55)}@keyframes icon-pop{0%{transform:scale(0);opacity:0}60%{transform:scale(1.2)}to{transform:scale(1);opacity:1}}.comparison-text{flex:1}.comparison-message{margin:0 0 1rem;color:#e0f0ff;font-size:1.1rem;font-weight:600;letter-spacing:.5px}.comparison-bar{height:8px;background:#0000004d;border-radius:4px;overflow:hidden;position:relative}.comparison-fill{height:100%;background:linear-gradient(90deg,#6ba3c4,#8bc0dd);border-radius:4px;transition:width 1s ease;position:relative;overflow:hidden}.choice-comparison.minority .comparison-fill{background:linear-gradient(90deg,gold,#ffed4e)}.comparison-fill:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);animation:shimmer 2s ease-in-out infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.scenario-header h2{margin:0 0 .75rem;font-size:2.25rem;font-weight:400;color:#e0e8f0;letter-spacing:1px}.scenario-subtitle{margin:0;color:#a0b0c0;font-size:1.05rem}.case-details{margin-bottom:2.5rem}.patient-profile,.incident-report,.patient-statement,.therapist-note{background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:2rem;margin-bottom:1.5rem;animation:fadeInUp .6s ease backwards}.patient-profile{animation-delay:.2s}.incident-report{animation-delay:.3s}.patient-statement{animation-delay:.4s}.therapist-note{animation-delay:.5s}.therapist-note h4{margin:0 0 1rem;color:#6ba3c4;font-size:1.1rem}.therapist-note p{margin:0 0 1rem;color:#c0d0e0;line-height:1.7}.therapist-note p:last-child{margin-bottom:0}.patient-profile h3,.incident-report h3,.patient-statement h3,.decision-section h3,.philosophy-section h3{margin:0 0 1.25rem;font-size:1.3rem;font-weight:500;color:#6ba3c4;letter-spacing:.5px}.profile-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.profile-item{display:flex;justify-content:space-between;padding:.75rem;background:#ffffff05;border-radius:6px}.profile-label{color:#8a9aa8;font-size:.9rem}.profile-value{color:#e0e8f0;font-weight:500}.incident-report p,.patient-statement blockquote{margin:0 0 1rem;color:#c0d0e0;line-height:1.7}.incident-report p:last-child{margin-bottom:0}.patient-statement blockquote{margin:0;padding:1.5rem;background:#0003;border-left:4px solid #6ba3c4;border-radius:6px;font-style:italic;line-height:1.8}.dr-chen-response{margin:2rem 0;padding:1.5rem;background:#6ba3c414;border-left:4px solid #6ba3c4;border-radius:8px;animation:fadeInUp .5s ease}.dr-chen-response p{margin:0;color:#c0d0e0;line-height:1.7;font-size:1.05rem}.decision-section{margin:3rem 0 2rem;animation:fadeInUp .6s ease .5s backwards}.decision-prompt{margin:0 0 1.5rem;color:#a0b0c0;font-size:1.05rem;text-align:center}.choices-grid{display:grid;gap:1rem;margin-bottom:2rem}.philosophy-section{margin:3rem 0;padding:2rem;background:#ffffff05;border:1px solid rgba(255,255,255,.1);border-radius:12px;animation:fadeInUp .8s ease}.action-section{text-align:center;margin-top:3rem;padding-top:2rem;border-top:1px solid rgba(255,255,255,.1)}.proceed-button{padding:1.25rem 3rem;font-size:1.1rem;font-weight:500;background:linear-gradient(135deg,#6ba3c4,#4a8aa6);border:none;border-radius:8px;cursor:pointer;letter-spacing:1px;transition:all .3s ease;text-transform:uppercase;box-shadow:0 4px 15px #6ba3c44d;color:#0a0f19}.proceed-button.active:hover{transform:translateY(-2px);box-shadow:0 6px 20px #6ba3c480}.proceed-button.disabled{background:#6ba3c44d;cursor:not-allowed;box-shadow:none;color:#0a0f1980}.proceeding-message{text-align:center;padding:1.5rem;color:#6ba3c4;font-size:1.1rem;font-weight:500;letter-spacing:1px;animation:pulse 1.5s ease infinite}.choice-wrapper{transition:opacity .8s ease,transform .8s ease}.choice-wrapper.faded{opacity:.3;pointer-events:none;transform:scale(.95)}.work-profile-comparison{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin:2rem 0}.profile-column{padding:1.5rem;background:#ffffff05;border-radius:8px;border:1px solid rgba(255,255,255,.1)}.profile-column h4{margin:0 0 1rem;color:#6ba3c4;font-size:1.1rem}.profile-column ul{margin:0;padding-left:1.25rem;color:#c0d0e0;line-height:1.8}.profile-column li{margin-bottom:.5rem}.trait-selection-grid{display:grid;gap:1rem;margin:2rem 0}.trait-checkbox{display:flex;align-items:center;gap:1rem;padding:1.25rem;background:#ffffff05;border:2px solid rgba(255,255,255,.1);border-radius:8px;cursor:pointer;transition:all .3s ease}.trait-checkbox:hover{background:#ffffff0a;border-color:#fff3}.trait-checkbox.selected{background:#ff6b6b26;border-color:#ff6b6b}.checkbox-input{width:24px;height:24px;flex-shrink:0}.trait-info{flex:1}.trait-name{display:block;font-weight:600;color:#e0e8f0;margin-bottom:.25rem}.trait-description{display:block;color:#a0b0c0;font-size:.9rem}.sci-fi-reference{margin-top:2rem;padding:1.5rem;background:#8a2be214;border-left:4px solid #a06bcc;border-radius:8px}.sci-fi-reference h4{margin:0 0 1rem;color:#b084cc;font-size:1.1rem}.sci-fi-reference p{margin:0 0 1rem;color:#c0d0e0;line-height:1.7}.sci-fi-reference p:last-child{margin-bottom:0}@media(max-width:768px){.work-profile-comparison,.profile-grid{grid-template-columns:1fr}.scenario-header h2{font-size:1.75rem}}.choice-insight{margin:2rem 0;padding:1.5rem;background:#ffb74d14;border-left:4px solid #ffb74d;border-radius:8px;animation:fadeInUp .5s ease}.choice-insight h4{margin:0 0 .75rem;color:#ffb74d;font-size:1rem;font-weight:600}.choice-insight p{margin:0;color:#c0d0e0;line-height:1.7;font-size:1rem}.classroom-voting-mode{background:linear-gradient(135deg,#1a1f2e,#2d1b3d)}.classroom-header{padding:2rem 0}.classroom-scenario-title{font-size:4rem!important;color:#fff;text-shadow:0 4px 20px rgba(107,163,196,.6);margin:1rem 0;font-weight:700;letter-spacing:2px}.classroom-subtitle{font-size:1.8rem!important;color:#6ba3c4;margin-top:1rem}.classroom-decision{background:linear-gradient(135deg,#6ba3c41a,#8b5a9e1a);border:3px solid rgba(107,163,196,.4);border-radius:20px;padding:3rem;margin:3rem 0}.classroom-decision-title{font-size:3rem!important;color:#fff;text-align:center;margin-bottom:1.5rem;text-shadow:0 2px 10px rgba(107,163,196,.5)}.classroom-prompt{font-size:1.5rem!important;text-align:center;color:#c0d0e0;line-height:2;margin-bottom:2rem}.voting-instructions{text-align:center;margin:2rem 0;padding:1.5rem;background:#ffd7001a;border:2px solid rgba(255,215,0,.3);border-radius:12px;animation:pulse 2s infinite}.instruction-highlight{font-size:1.8rem;color:gold;font-weight:600;margin:0;text-shadow:0 2px 10px rgba(255,215,0,.5)}.classroom-choices{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem;margin-top:2rem}.classroom-choice-wrapper{transition:all .3s ease}.classroom-choice-wrapper:hover{transform:scale(1.02)}.classroom-choices.locked .classroom-choice-wrapper.faded{opacity:.3;filter:grayscale(100%);pointer-events:none}.classroom-voting-mode .choices-grid{font-size:1.2rem}.classroom-voting-mode .choice-button{padding:2rem;border:3px solid rgba(107,163,196,.4)}.classroom-voting-mode .choice-button:hover{border-color:#6ba3c4;box-shadow:0 8px 30px #6ba3c499;transform:translateY(-4px)}.classroom-voting-mode .choice-button.selected{border-color:#6ba3c4;box-shadow:0 0 40px #6ba3c4cc;background:linear-gradient(135deg,#6ba3c433,#8b5a9e33)}.classroom-voting-mode .option-title{font-size:2rem;margin-bottom:1rem}.classroom-voting-mode .option-description{font-size:1.3rem;line-height:1.8}.classroom-voting-mode .stat-change{font-size:1.2rem;font-weight:700}.classroom-voting-mode .case-details{font-size:1.2rem}.classroom-voting-mode .case-details h3{font-size:2rem;color:#6ba3c4;margin-bottom:1.5rem}.classroom-voting-mode .case-details p{font-size:1.3rem;line-height:2;margin:1rem 0}.classroom-voting-mode blockquote{font-size:1.4rem;line-height:2;padding:2rem;border-left:4px solid #6ba3c4}.classroom-voting-mode .philosophy-section{margin-top:3rem}.classroom-voting-mode .philosophy-section h3{font-size:2.5rem;color:#6ba3c4;text-align:center;margin-bottom:2rem}.classroom-voting-mode .proceed-button{font-size:1.8rem;padding:1.5rem 4rem;box-shadow:0 8px 30px #6ba3c499}.classroom-voting-mode .proceed-button:hover{transform:translateY(-4px) scale(1.05);box-shadow:0 12px 40px #6ba3c4cc}.final-decision-page{min-height:100vh;padding-bottom:3rem}.final-content{max-width:1000px;margin:0 auto}.final-header{text-align:center;margin-bottom:3rem;animation:fadeInUp .6s ease}.final-header h2{margin:0 0 1rem;font-size:2.25rem;font-weight:400;color:#e0e8f0;letter-spacing:1px}.final-subtitle{margin:0;color:#a0b0c0;font-size:1.1rem;line-height:1.7}.journey-summary{background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:2rem;margin-bottom:2rem;animation:fadeInUp .6s ease .2s backwards}.journey-summary h3{margin:0 0 1rem;color:#6ba3c4;font-size:1.3rem}.journey-summary>p{margin:0 0 1.5rem;color:#c0d0e0}.choices-summary{display:grid;gap:.75rem}.summary-item{display:flex;justify-content:space-between;padding:.75rem;background:#ffffff05;border-radius:6px}.summary-label{color:#8a9aa8;font-weight:500}.summary-value{color:#e0e8f0}.dr-chen-final-message{margin:2rem 0;animation:fadeInUp .6s ease .4s backwards}.dr-chen-final-message h3{margin:0 0 1rem;color:#6ba3c4;font-size:1.3rem}.dr-chen-final-message blockquote{margin:0;padding:2rem;background:#6ba3c414;border-left:4px solid #6ba3c4;border-radius:8px;color:#c0d0e0;line-height:1.8;font-size:1.05rem;font-style:italic}.final-decision-section{margin:3rem 0;animation:fadeInUp .6s ease .6s backwards}.final-decision-section h3{margin:0 0 2rem;text-align:center;color:#e0e8f0;font-size:1.5rem}.decision-cards{display:grid;gap:1.5rem;margin-bottom:2rem}.decision-card{padding:2rem;background:#ffffff08;border:2px solid rgba(255,255,255,.1);border-radius:12px;cursor:pointer;transition:all .3s ease}.decision-card:hover{background:#ffffff0d;border-color:#ffffff4d;transform:translateY(-4px)}.decision-card.selected{background:#6ba3c426;border-color:#6ba3c4}.decision-card h4{margin:0 0 1rem;color:#6ba3c4;font-size:1.3rem;font-weight:500}.decision-desc{margin:0 0 1rem;color:#c0d0e0;line-height:1.6;font-size:1rem}.decision-consequence{margin:0;color:#8a9aa8;font-style:italic;font-size:.95rem}.final-actions{text-align:center;margin:3rem 0 2rem}.submit-button{padding:1.5rem 4rem;font-size:1.2rem;font-weight:600;background:linear-gradient(135deg,#6ba3c4,#4a8aa6);border:none;border-radius:8px;cursor:pointer;letter-spacing:1px;transition:all .3s ease;text-transform:uppercase;box-shadow:0 4px 15px #6ba3c44d;color:#0a0f19}.submit-button.active:hover{transform:translateY(-2px);box-shadow:0 6px 20px #6ba3c480}.submit-button.disabled{background:#6ba3c44d;cursor:not-allowed;box-shadow:none;color:#0a0f1980}.ethical-reminder{padding:1.5rem;background:#ffb74d14;border:1px solid rgba(255,183,77,.3);border-radius:8px;text-align:center;animation:fadeInUp .6s ease .8s backwards}.ethical-reminder p{margin:0;color:#c0d0e0;line-height:1.7;font-size:1rem}.analysis-page{min-height:100vh;padding-bottom:4rem;background:linear-gradient(180deg,#0a0f1a,#151b2a)}.analysis-content{max-width:1100px;margin:0 auto;padding:2rem}.analysis-header{text-align:center;margin-bottom:4rem;animation:fadeInUp .8s ease}.header-icon{font-size:3rem;color:#6ba3c4;margin-bottom:1rem;animation:pulse 2s ease infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.analysis-header h2{margin:0 0 1rem;font-size:2.5rem;font-weight:300;color:#e0e8f0;letter-spacing:2px}.analysis-subtitle{margin:0;color:#a0b0c0;font-size:1.1rem;font-style:italic}.character-comparison{margin-bottom:3rem;animation:fadeInUp .8s ease .2s backwards}.comparison-container{display:flex;align-items:center;justify-content:center;gap:3rem;padding:3rem;background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:16px}.character-snapshot{text-align:center;flex:1}.character-snapshot h3{color:#8a9aa8;font-size:.9rem;text-transform:uppercase;letter-spacing:2px;margin-bottom:1rem;font-weight:600}.character-compact-display{margin:1rem 0;transform:scale(1.5)}.snapshot-label{margin-top:1.5rem;color:#c0d0e0;font-size:1rem;font-weight:500}.transformation-arrow{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;gap:.5rem}.arrow-line{width:60px;height:2px;background:linear-gradient(90deg,transparent,#6ba3c4,transparent)}.arrow-head{font-size:2rem;color:#6ba3c4}.transformation-label{font-size:.75rem;text-transform:uppercase;letter-spacing:1px;color:#8a9aa8;margin-top:.5rem}.overall-assessment{text-align:center;padding:2rem;margin-bottom:3rem;border-radius:12px;border-left:4px solid;animation:fadeInUp .8s ease .4s backwards}.overall-assessment.severity-low{background:#4caf501a;border-color:#4caf50}.overall-assessment.severity-medium{background:#ffc1071a;border-color:#ffc107}.overall-assessment.severity-high{background:#ff98001a;border-color:#ff9800}.overall-assessment.severity-critical{background:#f443361a;border-color:#f44336}.overall-assessment h3{margin:0 0 1rem;font-size:1.8rem;color:#e0f0ff;font-weight:400}.overall-assessment p{margin:0;color:#c0d0e0;font-size:1.1rem;line-height:1.6}.stat-changes-analysis{margin-bottom:3rem;animation:fadeInUp .8s ease .6s backwards}.stat-changes-analysis h3{text-align:center;color:#c0d0e0;font-size:1.8rem;margin-bottom:2rem;font-weight:300}.stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.stat-analysis-card{background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:1.5rem;transition:all .3s ease}.stat-analysis-card:hover{background:#ffffff0d;border-color:#6ba3c44d;transform:translateY(-2px)}.stat-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.stat-header h4{margin:0;color:#6ba3c4;font-size:1.1rem;font-weight:600}.stat-change-value{font-size:1.3rem;font-weight:700}.stat-comparison-bar{margin:1rem 0}.bar-container{margin-bottom:.5rem;position:relative;height:24px;background:#0000004d;border-radius:4px;overflow:hidden}.bar{height:100%;display:flex;align-items:center;justify-content:flex-end;padding-right:.5rem;transition:width 1s ease}.before-bar{background:#8a9aa880}.after-bar{background:linear-gradient(90deg,#6ba3c4,#5a8ca9)}.bar-label{font-size:.85rem;font-weight:600;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.5)}.stat-analysis-text{color:#a0b0c0;font-size:.95rem;line-height:1.6;margin:1rem 0;font-style:italic}.stat-proscons{margin-top:1rem}.proscons-content{display:flex;flex-direction:column;gap:.5rem}.pro,.con{font-size:.85rem;padding:.4rem .8rem;border-radius:4px}.pro{background:#4caf5026;color:#81c784;border-left:3px solid #4caf50}.con{background:#f4433626;color:#e57373;border-left:3px solid #f44336}.philosophical-insight{background:linear-gradient(135deg,#6ba3c41a,#5a8ca91a);border:1px solid rgba(107,163,196,.3);border-radius:12px;padding:2rem;margin-bottom:3rem;animation:fadeInUp .8s ease .8s backwards}.philosophical-insight h3{margin:0 0 1rem;color:#6ba3c4;font-size:1.5rem;font-weight:500}.philosophical-insight p{margin:0;color:#c0d0e0;font-size:1.1rem;line-height:1.8}.closing-reflection{background:#0000004d;border-left:4px solid #6ba3c4;padding:2rem;margin-bottom:3rem;border-radius:8px;animation:fadeInUp .8s ease 1s backwards}.closing-reflection h3{margin:0 0 1rem;color:#e0f0ff;font-size:1.5rem;font-weight:300}.closing-reflection p{margin:0 0 1rem;color:#a0b0c0;font-size:1rem;line-height:1.8}.closing-reflection p:last-child{margin-bottom:0}.action-section{text-align:center;margin:3rem 0;animation:fadeInUp .8s ease 1.2s backwards}.restart-button{background:linear-gradient(135deg,#6ba3c4,#5a8ca9);color:#fff;padding:1rem 3rem;font-size:1.1rem;font-weight:600;border:none;border-radius:8px;cursor:pointer;transition:all .3s ease;letter-spacing:1px;text-transform:uppercase}.restart-button:hover{background:linear-gradient(135deg,#5a8ca9,#6ba3c4);transform:translateY(-2px);box-shadow:0 8px 20px #6ba3c466}.credits{text-align:center;padding:2rem 0;border-top:1px solid rgba(255,255,255,.1);margin-top:4rem;animation:fadeInUp .8s ease 1.4s backwards}.credits-title{margin:0 0 .5rem;color:#6ba3c4;font-size:1.2rem;font-weight:600;letter-spacing:1px}.credits-subtitle{margin:0 0 1rem;color:#a0b0c0;font-size:.95rem;font-style:italic}.credits-detail{margin:.25rem 0;color:#8a9aa8;font-size:.85rem}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.comparison-container{flex-direction:column;gap:2rem}.transformation-arrow{transform:rotate(90deg)}.stats-grid{grid-template-columns:1fr}.analysis-header h2{font-size:2rem}.character-compact-display{transform:scale(1.2)}}*{margin:0;padding:0;box-sizing:border-box}:root{--primary-blue: #6ba3c4;--dark-blue: #4a8aa6;--bg-dark: #0a0f19;--bg-darker: #050810;--text-light: #e0e8f0;--text-medium: #c0d0e0;--text-dim: #a0b0c0;--text-muted: #7a8a9a;--border-subtle: rgba(255, 255, 255, .1);--accent-warm: #f4a261;--accent-red: #ff6b6b}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#0a0f19,#050810);color:var(--text-light);min-height:100vh;line-height:1.6;letter-spacing:.3px}.app{min-height:100vh;position:relative}.app:before{content:"";position:fixed;inset:0;background-image:repeating-linear-gradient(0deg,rgba(255,255,255,.01) 0px,transparent 1px,transparent 2px,rgba(255,255,255,.01) 3px);pointer-events:none;z-index:1}.app-container{position:relative;z-index:2;max-width:1400px;margin:0 auto;padding:2rem}h1,h2,h3,h4,h5,h6{font-weight:400;letter-spacing:.5px}a{color:var(--primary-blue);text-decoration:none;transition:color .2s ease}a:hover{color:var(--dark-blue)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--bg-darker)}::-webkit-scrollbar-thumb{background:#6ba3c44d;border-radius:5px}::-webkit-scrollbar-thumb:hover{background:#6ba3c480}::selection{background:#6ba3c44d;color:var(--text-light)}.app:after{content:"";position:fixed;inset:0;background-image:linear-gradient(rgba(107,163,196,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(107,163,196,.02) 1px,transparent 1px);background-size:50px 50px;pointer-events:none;z-index:0;opacity:.5}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.loading{animation:pulse 2s ease-in-out infinite}*:focus-visible{outline:2px solid var(--primary-blue);outline-offset:2px}button:focus-visible,a:focus-visible{outline:2px solid var(--primary-blue);outline-offset:4px}@media(max-width:768px){.app-container{padding:1rem}body{font-size:15px}}@media(max-width:480px){.app-container{padding:.75rem}body{font-size:14px}}button{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}html{scroll-behavior:smooth}@media print{.app:before,.app:after{display:none}body{background:#fff;color:#000}}