*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #0f1b2d;--bg-surface: #162033;--bg-card: rgba(255, 255, 255, .06);--bg-card-hover: rgba(255, 255, 255, .1);--text: #e0dcd4;--text-dim: #8a8580;--text-accent: #f0d88a;--accent: #e8b84b;--accent-dim: rgba(232, 184, 75, .15);--accent-teal: #2a9d8f;--accent-teal-dim: rgba(42, 157, 143, .15);--error: #dc3232;--warning: #e87a4b;--success: #4bae6a;--border: rgba(255, 255, 255, .08);--radius: 8px;--radius-sm: 6px;--font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-serif: Georgia, "Times New Roman", serif;--font-mono: "JetBrains Mono", "Fira Code", "SF Mono", SFMono-Regular, Menlo, monospace;--sat: var(--safe-area-inset-top, env(safe-area-inset-top, 0px));--sab: var(--safe-area-inset-bottom, env(safe-area-inset-bottom, 0px));--app-height: 100dvh}html,body{height:100%;background:var(--bg);color:var(--text);font-family:var(--font);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased}#root{height:100%}.app{max-width:640px;margin:0 auto;height:var(--app-height, 100dvh);display:flex;flex-direction:column;padding-top:var(--sat);padding-bottom:var(--sab);overflow:hidden}.screen{flex:1;min-height:0;display:flex;flex-direction:column;padding:1.5rem 1rem;overflow-y:auto;-webkit-overflow-scrolling:touch;gap:1.25rem}@keyframes ambientBreathe{0%,to{opacity:.5}50%{opacity:1}}.app:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:98;background:radial-gradient(ellipse 100% 35% at 50% 0%,rgba(232,184,75,.04) 0%,transparent 70%),radial-gradient(ellipse 80% 70% at 50% 45%,transparent 45%,rgba(0,0,0,.25) 100%)}.conversation:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:98;background:radial-gradient(ellipse 75% 65% at 50% 40%,transparent 35%,rgba(0,0,0,.35) 100%)}.hub:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:97;background:radial-gradient(ellipse 70% 30% at 50% 0%,rgba(232,184,75,.05) 0%,transparent 70%);animation:ambientBreathe 10s ease-in-out infinite}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.5rem;min-height:44px;border:none;border-radius:var(--radius);font-size:1rem;font-weight:600;cursor:pointer;transition:opacity .15s,transform .1s}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.4;cursor:not-allowed;transform:none}.btn--primary{background:var(--accent);color:#1a1a1a}.btn--secondary{background:var(--bg-card);color:var(--text);border:1px solid var(--border)}.btn--outline{background:transparent;color:var(--accent);border:1.5px solid var(--accent);width:100%}.btn--outline:hover{background:var(--accent);color:#1a1a1a}.btn--small{padding:.4rem .8rem;min-height:36px;font-size:.875rem;border-radius:var(--radius-sm);background:var(--bg-card);color:var(--text);border:1px solid var(--border);cursor:pointer}.briefing{justify-content:center;gap:1.5rem}.briefing__cover{width:100%;border-radius:var(--radius);overflow:hidden;opacity:.5}.briefing__cover img{width:100%;height:auto;display:block;object-fit:cover}.briefing__header{text-align:center}.briefing__brand{font-size:.6rem;letter-spacing:.12em;text-transform:uppercase;color:var(--text-dim);opacity:.5}.briefing__subject{font-family:var(--font-mono);font-size:.7rem;font-weight:600;color:var(--accent);text-transform:uppercase;letter-spacing:.06em}.briefing__title{font-family:var(--font-serif);font-size:1.75rem;color:var(--text-accent);margin-top:.25rem}.briefing__text p{margin-bottom:.75rem;color:var(--text);line-height:1.6}.briefing__leitfrage{background:var(--accent-dim);border-left:3px solid var(--accent);padding:.75rem 1rem;border-radius:var(--radius-sm)}.briefing__label{font-family:var(--font-mono);font-size:.65rem;color:var(--accent);text-transform:uppercase;letter-spacing:.06em;font-weight:600}.briefing__leitfrage p{margin-top:.25rem;font-weight:500}.briefing__info{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.briefing__info span{font-family:var(--font-mono);font-size:.7rem;font-weight:600;letter-spacing:.04em;color:var(--text-dim);background:var(--bg-card);padding:.3rem .6rem;border-radius:var(--radius-sm)}.hub{padding:0;gap:0;overflow-y:auto;-webkit-overflow-scrolling:touch}.hub__hero{position:relative;width:100%;height:200px;overflow:hidden;flex-shrink:0}.hub__hero-img{width:100%;height:100%;object-fit:cover;opacity:.45}.hub__hero-overlay{position:absolute;bottom:0;left:0;right:0;padding:1rem .75rem;background:linear-gradient(transparent,#0f1b2df2)}.hub__brand{font-size:.6rem;letter-spacing:.12em;text-transform:uppercase;color:var(--text-dim);opacity:.5}.hub__hint{text-align:center;font-size:.85rem;color:var(--text-dim);animation:fadeIn .5s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.hub__hero-label{font-family:var(--font-mono);font-size:.6rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--accent)}.hub__hero-title{font-family:var(--font-serif);font-size:1.5rem;font-weight:700;color:var(--text);margin-top:.125rem}.hub__hero-meta{font-family:var(--font-mono);font-size:.65rem;color:var(--text-dim);margin-top:.25rem}.hub__toolbar{display:flex;align-items:stretch;gap:.5rem;padding:.6rem .75rem;background:#ffffff05;border-bottom:1px solid rgba(255,255,255,.06);flex-shrink:0}.hub__toolbar-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:.35rem;padding:.55rem .25rem;min-height:44px;font-family:var(--font-mono);font-size:.65rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--text-dim);cursor:pointer;background:#162033b3;border:1px solid rgba(232,184,75,.12);border-radius:var(--radius-sm);transition:border-color .15s,color .15s,background .15s}.hub__toolbar-btn:hover,.hub__toolbar-btn:active{border-color:var(--accent);color:var(--accent);background:#e8b84b0f}.hub__toolbar-btn:disabled{opacity:.35;cursor:not-allowed}.hub__toolbar-btn--submit{border-color:#e8b84b59;color:var(--accent);background:#e8b84b0f}.hub__toolbar-btn--submit:hover,.hub__toolbar-btn--submit:active{background:#e8b84b1a}.hub__toolbar-badge{background:var(--accent);color:var(--bg);font-size:.55rem;font-weight:700;padding:.1rem .35rem;border-radius:10px;min-width:1.1rem;text-align:center;line-height:1.3}.hub__grid{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;padding:.75rem;align-content:start}.hub__portrait-card{position:relative;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;cursor:pointer;transition:border-color .15s;color:var(--text);font:inherit;text-align:left;padding:0;aspect-ratio:3 / 4;display:flex;flex-direction:column}.hub__portrait-card:hover:not(:disabled){border-color:var(--accent)}.hub__portrait-card--exhausted{opacity:.45}.hub__portrait-img{width:100%;flex:1;object-fit:cover;object-position:center 15%;display:block;min-height:0}.hub__portrait-fallback{flex:1;display:flex;align-items:center;justify-content:center;background:var(--bg-surface);font-family:var(--font-mono);font-size:1.5rem;font-weight:700;color:var(--accent)}.hub__portrait-info{padding:.5rem .6rem;background:linear-gradient(transparent,#0f1b2df2);position:absolute;bottom:0;left:0;right:0;display:flex;flex-direction:column}.hub__portrait-name{font-weight:600;font-size:.85rem}.hub__portrait-role{font-size:.7rem;color:var(--text-dim);margin-top:.05rem}.hub__portrait-status{font-family:var(--font-mono);font-size:.55rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--text-dim);margin-top:.2rem}.hub__spoke-badge{position:absolute;top:.4rem;right:.4rem;width:22px;height:22px;border-radius:50%;background:var(--accent-teal);color:#fff;font-size:.6rem;display:flex;align-items:center;justify-content:center}.conversation{padding:0;gap:0}.conversation__header{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:var(--bg-surface);border-bottom:1px solid var(--border);flex-shrink:0}.conversation__back{background:none;border:none;color:var(--accent);font-size:1.25rem;cursor:pointer;padding:.25rem;min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center}.conversation__portrait{width:40px;height:40px;border-radius:50%;border:2px solid rgba(232,184,75,.4);object-fit:cover;object-position:center 15%;flex-shrink:0}.conversation__header-info{flex:1;display:flex;flex-direction:column}.conversation__npc-name{font-weight:600;font-size:.9rem}.conversation__npc-role{font-size:.75rem;color:var(--text-dim)}.conversation__budget{position:relative;font-size:.75rem;font-family:var(--font-mono);color:var(--text-dim);background:var(--bg-card);padding:.2rem .5rem;border-radius:var(--radius-sm);overflow:hidden}.conversation__budget-bar{position:absolute;bottom:0;left:0;right:0;height:3px;background:#0000004d}.conversation__budget-fill{height:100%;background:var(--accent-teal);transition:width .3s ease}.conversation__budget--low{color:var(--warning)}.conversation__budget--low .conversation__budget-fill{background:var(--warning)}.conversation__budget--empty{color:var(--error)}.conversation__budget--empty .conversation__budget-fill{background:var(--error)}.conversation__messages{flex:1;overflow-y:auto;padding:1rem;display:flex;flex-direction:column;gap:.75rem}.conversation__bubble{max-width:85%;padding:.75rem 1rem;border-radius:var(--radius);font-size:.875rem;line-height:1.5;word-break:break-word}.conversation__bubble--npc{background:var(--bg-card);align-self:flex-start;border-bottom-left-radius:2px}.conversation__bubble--player{background:var(--accent-dim);color:var(--text-accent);align-self:flex-end;border-bottom-right-radius:2px}.conversation__bubble .emphasis{font-style:italic;opacity:.85}.typing-cursor{display:inline-block;width:2px;height:1em;background:var(--text);margin-left:1px;vertical-align:text-bottom;animation:blink .8s step-end infinite}@keyframes blink{50%{opacity:0}}.conversation__error{text-align:center;padding:.75rem;color:var(--error);font-size:.875rem}.conversation__error .btn--small{margin-top:.5rem}.conversation__ended{text-align:center;padding:1rem;color:var(--text-dim)}.conversation__ended .btn{margin-top:.75rem}.conversation__input-area{display:flex;gap:.5rem;padding:.75rem 1rem calc(var(--sab) + .75rem);background:var(--bg-surface);border-top:1px solid var(--border);flex-shrink:0}.conversation__input{flex:1;min-width:0;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:.625rem .75rem;color:var(--text);font:inherit;font-size:.95rem;resize:none;max-height:100px;min-height:44px;line-height:1.4}.conversation__input:focus{outline:none;border-color:var(--accent)}.conversation__input:disabled{opacity:.4}.conversation__send-btn{width:44px;height:44px;border-radius:50%;background:var(--accent);color:#1a1a1a;border:none;font-size:1.1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:opacity .15s}.conversation__send-btn:disabled{opacity:.3;cursor:not-allowed}.notebook__header{display:flex;align-items:center;gap:.75rem}.notebook__back{background:none;border:none;color:var(--accent);font-size:1.25rem;cursor:pointer;padding:.25rem;min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center}.notebook__header h2{flex:1;font-family:var(--font-serif);font-size:1.25rem}.notebook__count{font-size:.8rem;color:var(--text-dim)}.notebook__empty{text-align:center;color:var(--text-dim);margin-top:3rem}.notebook__empty p+p{margin-top:.5rem}.notebook__content{display:flex;flex-direction:column;gap:1.5rem}.notebook__group-title{font-family:var(--font-serif);font-size:1rem;color:var(--text-accent);margin-bottom:.5rem;padding-bottom:.25rem;border-bottom:1px solid var(--border)}.notebook__arguments{list-style:none;display:flex;flex-direction:column;gap:.5rem}.notebook__arg{background:var(--bg-card);padding:.6rem .75rem;border-radius:var(--radius-sm);border-left:3px solid var(--text-dim)}.notebook__arg--factual{border-left-color:#5ba0d0}.notebook__arg--data{border-left-color:#8b6bbf}.notebook__arg--experience{border-left-color:#d09b5b}.notebook__arg--opinion{border-left-color:#6bbfa0}.notebook__arg-text{display:block;font-size:.9rem;line-height:1.45}.notebook__arg-meta{display:flex;gap:.5rem;margin-top:.35rem}.notebook__arg-type{font-family:var(--font-mono);font-size:.65rem;text-transform:uppercase;letter-spacing:.06em;padding:.1rem .35rem;border-radius:3px;font-weight:600}.notebook__arg-type--factual{background:#5ba0d026;color:#5ba0d0}.notebook__arg-type--data{background:#8b6bbf26;color:#8b6bbf}.notebook__arg-type--experience{background:#d09b5b26;color:#d09b5b}.notebook__arg-type--opinion{background:#6bbfa026;color:#6bbfa0}.notebook__arg-perspective{font-size:.7rem;color:var(--text-dim)}.notebook__arg-contradiction{display:block;margin-top:.35rem;font-size:.8rem;color:var(--warning);font-style:italic}.notebook__contradictions{background:#e87a4b0d;border:1px solid rgba(232,122,75,.15);border-radius:var(--radius);padding:1rem}.notebook__contradictions h3{font-size:1rem;color:var(--warning);margin-bottom:.75rem}.notebook__contradiction-pair{display:flex;flex-direction:column;gap:.35rem;padding:.5rem 0;border-bottom:1px solid var(--border)}.notebook__contradiction-pair:last-child{border-bottom:none}.notebook__contradiction-item{font-size:.85rem}.notebook__contradiction-source{font-weight:600;color:var(--text-accent)}.notebook__contradiction-vs{font-size:.75rem;color:var(--text-dim);text-align:center;font-style:italic}.conclusion__header{display:flex;align-items:center;gap:.75rem}.conclusion__back{background:none;border:none;color:var(--accent);font-size:1.25rem;cursor:pointer;padding:.25rem;min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center}.conclusion__leitfrage{background:var(--accent-dim);border-left:3px solid var(--accent);padding:.6rem .75rem;border-radius:var(--radius-sm);font-size:.9rem;font-weight:500}.conclusion__options{display:flex;flex-direction:column;gap:.5rem}.conclusion__option{display:flex;flex-direction:column;gap:.25rem;padding:.75rem;min-height:44px;background:var(--bg-card);border:2px solid var(--border);border-radius:var(--radius);cursor:pointer;text-align:left;color:var(--text);font:inherit;transition:border-color .15s,background .15s}.conclusion__option:hover{border-color:#e8b84b4d}.conclusion__option--selected{border-color:var(--accent);background:var(--accent-dim)}.conclusion__option-label{font-weight:600;font-size:.95rem}.conclusion__option-desc{font-size:.825rem;color:var(--text-dim);line-height:1.4}.conclusion__option--selected .conclusion__option-desc{color:var(--text)}.conclusion__reasoning label{display:block;font-size:.875rem;color:var(--text-dim);margin-bottom:.35rem;line-height:1.4}.conclusion__textarea{width:100%;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:.6rem .75rem;color:var(--text);font:inherit;font-size:.9rem;resize:vertical;line-height:1.5}.conclusion__textarea:focus{outline:none;border-color:var(--accent)}.conclusion__hint{font-size:.8rem;color:var(--text-dim);text-align:center}.conclusion__done{display:flex;flex-direction:column;align-items:center;text-align:center;gap:1.25rem;padding-top:1.5rem}.conclusion__done-icon{width:48px;height:48px;border-radius:50%;background:#4bae6a26;color:var(--success);display:flex;align-items:center;justify-content:center;font-size:1.5rem}.conclusion__done h2{font-family:var(--font-serif);color:var(--text)}.conclusion__summary{background:var(--bg-card);padding:1rem;border-radius:var(--radius);width:100%}.conclusion__summary h3{color:var(--text-accent);margin-bottom:.5rem}.conclusion__reasoning-display{font-size:.9rem;font-style:italic;color:var(--text-dim);line-height:1.5}.conclusion__stats-grid{display:flex;gap:1.5rem;justify-content:center}.conclusion__stat{display:flex;flex-direction:column;align-items:center;gap:.1rem}.conclusion__stat-value{font-family:var(--font-mono);font-size:1.25rem;font-weight:700;color:var(--accent)}.conclusion__stat-label{font-size:.65rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-dim)}.conclusion__waiting{display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:var(--text-dim);padding:.5rem 1rem;background:var(--bg-card);border-radius:20px}.conclusion__waiting-dot{width:8px;height:8px;border-radius:50%;background:var(--accent);animation:waitingPulse 2s ease-in-out infinite}@keyframes waitingPulse{0%,to{opacity:.3;transform:scale(.8)}50%{opacity:1;transform:scale(1)}}.conclusion__notebook-btn{margin-top:.25rem}.conclusion__brand{font-size:.65rem;letter-spacing:.12em;text-transform:uppercase;color:var(--text-dim);opacity:.4;margin-top:1rem}.join{justify-content:center;align-items:center}.join__card{width:100%;max-width:400px;display:flex;flex-direction:column;gap:1.25rem;padding:1.5rem}.join__card h1{text-align:center;font-family:var(--font-serif);color:var(--text-accent);font-size:1.5rem}.join__subtitle{text-align:center;color:var(--text-dim);font-size:.9rem}.join__field{display:flex;flex-direction:column;gap:.35rem}.join__field label{font-size:.8rem;color:var(--text-dim)}.join__field input{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:.625rem .75rem;min-height:44px;color:var(--text);font:inherit;font-size:.95rem}.join__field input:focus{outline:none;border-color:var(--accent)}.join__code-input{text-align:center;font-size:1.5rem!important;letter-spacing:.3em;font-weight:600;text-transform:uppercase}.join__error{color:var(--error);font-size:.85rem;text-align:center}.join__divider{display:flex;align-items:center;gap:1rem;color:var(--text-muted);font-size:.85rem;margin:.5rem 0}.join__divider:before,.join__divider:after{content:"";flex:1;height:1px;background:var(--border)}.join__demo-buttons{display:flex;gap:.5rem}.join__demo-buttons .btn{flex:1;font-size:.85rem}.join__teacher-link{background:none;border:none;color:var(--text-dim);font-size:.8rem;cursor:pointer;text-align:center;padding:.5rem;text-decoration:underline}.join__teacher-link:hover{color:var(--text)}.login{justify-content:center;align-items:center}.login__card{width:100%;max-width:400px;display:flex;flex-direction:column;gap:1.25rem;padding:1.5rem}.login__card h2{text-align:center;font-size:1.25rem}.login__field{display:flex;flex-direction:column;gap:.35rem}.login__field label{font-size:.8rem;color:var(--text-dim)}.login__field input{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:.625rem .75rem;min-height:44px;color:var(--text);font:inherit;font-size:.95rem}.login__field input:focus{outline:none;border-color:var(--accent)}.login__error{color:var(--error);font-size:.85rem;text-align:center}.login__toggle{background:none;border:none;color:var(--text-dim);font-size:.8rem;cursor:pointer;text-align:center;text-decoration:underline}.login__toggle:hover{color:var(--text)}.dashboard{max-width:800px}.dashboard__header{display:flex;justify-content:space-between;align-items:flex-start}.dashboard__header h2{font-family:var(--font-serif);font-size:1.25rem}.dashboard__subtitle{color:var(--text-dim);font-size:.85rem;margin-top:.15rem}.dashboard__create{display:flex;gap:.5rem}.dashboard__create-input{flex:1;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:.6rem .75rem;color:var(--text);font:inherit;font-size:.9rem}.dashboard__create-input:focus{outline:none;border-color:var(--accent)}.dashboard__case-select{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:.6rem .75rem;color:var(--text);font:inherit;font-size:.9rem;min-width:0}.dashboard__case-select:focus{outline:none;border-color:var(--accent)}.dashboard__demo-btn{margin-bottom:.5rem}.dashboard__loading,.dashboard__empty{text-align:center;color:var(--text-dim);margin-top:2rem}.dashboard__sessions{display:flex;flex-direction:column;gap:.75rem}.dashboard__session-card{background:var(--bg-card);border-radius:var(--radius);border:1px solid var(--border);overflow:hidden}.dashboard__session-card--closed{opacity:.6}.dashboard__session-top{padding:.75rem 1rem;cursor:pointer;display:flex;flex-wrap:wrap;gap:.5rem 1rem;align-items:center;transition:background .15s}.dashboard__session-top:hover{background:var(--bg-card-hover)}.dashboard__session-info{flex:1;min-width:120px}.dashboard__session-title{display:block;font-weight:600;font-size:.95rem}.dashboard__session-date{font-size:.75rem;color:var(--text-dim)}.dashboard__session-code{display:flex;gap:.35rem;align-items:center}.dashboard__code-label{font-size:.75rem;color:var(--text-dim)}.dashboard__code-value{font-family:var(--font-mono);font-size:1rem;font-weight:700;color:var(--text-accent);letter-spacing:.15em}.dashboard__session-stats{display:flex;gap:.75rem;font-size:.8rem;color:var(--text-dim)}.dashboard__session-actions{padding:.35rem 1rem .5rem;border-top:1px solid var(--border)}.session-detail{max-width:1040px;margin:0 auto}.session-detail__header{display:flex;align-items:center;gap:.75rem;max-width:960px;margin:0 auto;width:100%}.session-detail__back{background:none;border:none;color:var(--accent);font-size:1.25rem;cursor:pointer;padding:.25rem;min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center}.session-detail__header h2{font-family:var(--font-serif);font-size:1.25rem}.session-detail__code{font-size:.85rem;color:var(--text-dim)}.session-detail__code strong{font-family:var(--font-mono);color:var(--text-accent);letter-spacing:.1em}.session-detail__closed{color:var(--error)}.session-detail__loading,.session-detail__empty{text-align:center;color:var(--text-dim);margin-top:2rem}.session-detail__students{display:flex;flex-direction:column;gap:.5rem;max-width:960px;margin:0 auto;width:100%}.student-card{background:var(--bg-card);border-radius:var(--radius);border:1px solid var(--border);overflow:hidden}.student-card__header{display:flex;justify-content:space-between;align-items:center;padding:.65rem .75rem;cursor:pointer;transition:background .15s}.student-card__header:hover{background:var(--bg-card-hover)}.student-card__name{font-weight:600;font-size:.95rem}.student-card__meta{display:flex;gap:.5rem;align-items:center;font-size:.8rem}.student-card__args-count{color:var(--text-dim)}.student-card__status{font-family:var(--font-mono);padding:.1rem .4rem;border-radius:3px;font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em}.student-card__status--done{background:#4bae6a26;color:var(--success)}.student-card__status--active{background:#e8b84b26;color:var(--accent)}.student-card__expand{color:var(--text-dim);font-size:.7rem}.student-card__detail{padding:.75rem;border-top:1px solid var(--border);display:flex;flex-direction:column;gap:1rem}.student-card__conclusion h4,.student-card__arguments h4{font-size:.85rem;color:var(--text-accent);margin-bottom:.4rem}.student-card__option{font-weight:600;font-size:.95rem;margin-bottom:.25rem}.student-card__reasoning{font-size:.875rem;font-style:italic;color:var(--text-dim);line-height:1.5}.student-card__perspectives{font-size:.75rem;color:var(--text-dim);margin-top:.35rem}.student-card__npc-group h5{font-size:.8rem;color:var(--text-accent);margin-bottom:.25rem}.student-card__npc-group+.student-card__npc-group{margin-top:.5rem}.student-card__npc-group ul{list-style:none;display:flex;flex-direction:column;gap:.3rem}.student-card__arg{display:flex;gap:.5rem;align-items:baseline;font-size:.85rem}.student-card__arg-text{flex:1;line-height:1.4}.student-card__arg-type{font-family:var(--font-mono);font-size:.6rem;text-transform:uppercase;letter-spacing:.06em;padding:.1rem .3rem;border-radius:3px;font-weight:600;white-space:nowrap}.student-card__arg-type--factual{background:#5ba0d026;color:#5ba0d0}.student-card__arg-type--data{background:#8b6bbf26;color:#8b6bbf}.student-card__arg-type--experience{background:#d09b5b26;color:#d09b5b}.student-card__arg-type--opinion{background:#6bbfa026;color:#6bbfa0}.student-card__empty{color:var(--text-dim);font-size:.85rem;text-align:center}.student-card__npcs-visited{color:var(--text-dim);font-size:.75rem}.student-card__arg-type--free{background:#e8826426;color:#e88264}.tl{max-width:560px;margin:0 auto;align-items:stretch}.tl__back{background:none;border:none;color:var(--text-dim);font:inherit;font-size:.85rem;cursor:pointer;padding:0;align-self:flex-start;transition:color .15s}.tl__back:hover{color:var(--text)}.tl__hero{text-align:center;padding:1rem 0 .5rem}.tl__logo{font-family:var(--font-serif);font-size:2rem;font-weight:400;color:var(--text);letter-spacing:-.02em}.tl__tagline{color:var(--text-dim);font-size:.95rem;line-height:1.5;margin-top:.5rem}.tl__section{padding:0}.tl__intro{font-size:.9rem;line-height:1.6;color:var(--text)}.tl__steps{display:flex;flex-direction:column;gap:.6rem}.tl__step{display:flex;gap:.85rem;align-items:flex-start;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:.85rem 1rem}.tl__step-num{font-family:var(--font-mono);font-size:.85rem;font-weight:700;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--accent-dim);color:var(--accent);flex-shrink:0;margin-top:1px}.tl__step h3{font-size:.9rem;margin-bottom:.15rem}.tl__step p{font-size:.8rem;color:var(--text-dim);line-height:1.45}.tl__privacy{background:var(--bg-card);border:1px solid var(--border);border-left:3px solid var(--accent-teal);border-radius:var(--radius);padding:1rem}.tl__privacy h3{font-size:.9rem;margin-bottom:.5rem;color:var(--accent-teal)}.tl__privacy ul{list-style:none;display:flex;flex-direction:column;gap:.35rem}.tl__privacy li{font-size:.8rem;color:var(--text);line-height:1.45;padding-left:1.1rem;position:relative}.tl__privacy li:before{content:"✓";position:absolute;left:0;color:var(--accent-teal);font-weight:600;font-size:.75rem}.tl__cta{text-align:center;padding:.5rem 0}.tl__cta .btn{width:100%;max-width:320px}.session-detail__tabs{display:flex;gap:0;margin-bottom:1.25rem;max-width:960px;margin-left:auto;margin-right:auto;width:100%}.session-detail__tab{background:none;border:none;padding:.55rem 1.25rem;font:inherit;font-size:.85rem;color:var(--text-dim);cursor:pointer;border-bottom:2px solid transparent;transition:color .2s,border-color .2s;letter-spacing:.01em}.session-detail__tab:hover{color:var(--text)}.session-detail__tab--active{color:var(--text);border-bottom-color:var(--accent);font-weight:600}.co{display:flex;flex-direction:column;gap:1rem;max-width:960px;margin:0 auto;width:100%}.co-hero{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem}.co-hero__metric{background:var(--bg-surface);border:1px solid var(--border);border-radius:10px;padding:1.1rem .75rem .9rem;text-align:center;display:flex;flex-direction:column;gap:.2rem;position:relative;overflow:hidden}.co-hero__metric:before{content:"";position:absolute;top:0;left:20%;right:20%;height:1px;background:linear-gradient(90deg,transparent,var(--accent),transparent);opacity:.4}.co-hero__value{font-family:var(--font-mono);font-size:1.75rem;font-weight:700;color:var(--text);line-height:1;letter-spacing:-.02em}.co-hero__of{font-size:.9rem;font-weight:400;color:var(--text-dim)}.co-hero__label{font-size:.6rem;text-transform:uppercase;letter-spacing:.1em;color:var(--text-dim);margin-top:.15rem}.co-section{background:var(--bg-surface);border:1px solid var(--border);border-radius:10px;padding:1.25rem}.co-section__title{font-family:var(--font-serif);font-size:1rem;font-weight:400;color:var(--text);margin-bottom:.85rem;letter-spacing:.01em}.co-votes__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem}.co-vote-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem 1rem 1rem;text-align:center;transition:border-color .25s,box-shadow .25s}.co-vote-card--top{border-color:#e8b84b66;background:radial-gradient(ellipse at 50% 0%,rgba(232,184,75,.06) 0%,transparent 70%),var(--bg-card)}.co-vote-card__pct{font-family:var(--font-mono);font-size:2.25rem;font-weight:700;color:var(--text-dim);line-height:1;letter-spacing:-.03em}.co-vote-card--top .co-vote-card__pct{color:var(--accent)}.co-vote-card__label{font-size:.8rem;margin-top:.4rem;line-height:1.3;color:var(--text)}.co-vote-card__count{font-size:.7rem;color:var(--text-dim);margin-top:.2rem}.co-vote-card__bar{height:3px;background:var(--border);border-radius:2px;margin-top:.75rem;overflow:hidden}.co-vote-card__bar-fill{height:100%;background:var(--accent);border-radius:2px;transition:width .5s cubic-bezier(.4,0,.2,1)}.co-insights{background:transparent;border:none;padding:0}.co-insights .co-section__title{margin-bottom:.5rem}.co-insights__list{display:flex;flex-direction:column;gap:.4rem}.co-insight{display:flex;align-items:flex-start;gap:.6rem;padding:.6rem .75rem;border-radius:var(--radius);font-size:.85rem;line-height:1.5;border:1px solid transparent}.co-insight--warning{background:#e87a4b0f;border-color:#e87a4b26}.co-insight--info{background:#5ba0d00d;border-color:#5ba0d01f}.co-insight--positive{background:#4bae6a0d;border-color:#4bae6a1f}.co-insight__icon{font-family:var(--font-mono);font-weight:700;font-size:.6rem;width:18px;height:18px;display:flex;align-items:center;justify-content:center;border-radius:50%;flex-shrink:0;margin-top:2px}.co-insight--warning .co-insight__icon{background:#e87a4b33;color:var(--warning)}.co-insight--info .co-insight__icon{background:#5ba0d026;color:#5ba0d0}.co-insight--positive .co-insight__icon{background:#4bae6a26;color:var(--success)}.co-insight__text{flex:1;color:var(--text)}.co-two-col{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.co-npc-grid{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.co-npc-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:.75rem;transition:border-color .2s}.co-npc-card__top{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:.4rem}.co-npc-card__name{font-weight:600;font-size:.85rem}.co-npc-card__pct{font-family:var(--font-mono);font-size:1rem;font-weight:700;color:var(--accent)}.co-npc-card__bar{height:3px;background:var(--border);border-radius:2px;overflow:hidden;margin-bottom:.4rem}.co-npc-card__bar-fill{height:100%;background:var(--accent);border-radius:2px;transition:width .5s cubic-bezier(.4,0,.2,1)}.co-npc-card__detail{font-size:.7rem;color:var(--text-dim);letter-spacing:.01em}.co-perspectives{display:flex;flex-direction:column;gap:.5rem}.co-persp{display:flex;align-items:center;gap:.75rem}.co-persp__bar{flex:1;height:6px;background:var(--border);border-radius:3px;overflow:hidden}.co-persp__fill{height:100%;background:var(--accent-teal);border-radius:3px;transition:width .5s cubic-bezier(.4,0,.2,1)}.co-persp__label{font-size:.8rem;min-width:110px;text-transform:capitalize;color:var(--text)}.co-persp__value{font-family:var(--font-mono);font-size:.75rem;color:var(--text-dim);min-width:32px;text-align:right}.co-collapsible{padding:0;overflow:hidden}.co-collapsible__toggle{display:flex;justify-content:space-between;align-items:center;width:100%;padding:.85rem 1.25rem;background:none;border:none;color:var(--text);font:inherit;cursor:pointer;transition:background .2s}.co-collapsible__toggle:hover{background:#ffffff08}.co-collapsible__toggle .co-section__title{margin-bottom:0;font-size:.9rem;color:var(--text-dim)}.co-collapsible__arrow{font-size:.65rem;color:var(--text-dim);transition:transform .2s}.co-collapsible__body{padding:0 1.25rem 1.25rem;display:flex;flex-direction:column;gap:.75rem}.co-arg-group__title{font-size:.8rem;color:var(--text-accent);margin-bottom:.35rem;font-weight:600}.co-arg{display:flex;gap:.6rem;align-items:baseline;padding:.35rem .5rem;border-radius:var(--radius-sm);font-size:.8rem;line-height:1.45;background:rgba(232,184,75,calc(var(--intensity) * .2));border-left:2px solid rgba(232,184,75,calc(.1 + var(--intensity) * .9))}.co-arg--zero{background:transparent;border-left-color:var(--border);opacity:.4}.co-arg__count{font-family:var(--font-mono);font-size:.7rem;color:var(--text-dim);min-width:20px;text-align:center;flex-shrink:0}.co-arg__text{flex:1}.co-contra{display:flex;gap:.75rem;align-items:flex-start;padding:.65rem 0;border-bottom:1px solid var(--border)}.co-contra:last-child{border-bottom:none}.co-contra--missed{opacity:.35}.co-contra__badge{font-family:var(--font-mono);font-size:.65rem;font-weight:700;width:26px;height:26px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--accent-dim);color:var(--accent);flex-shrink:0;margin-top:2px}.co-contra--missed .co-contra__badge{background:var(--bg-card);color:var(--text-dim)}.co-contra__content{flex:1;font-size:.8rem;line-height:1.45}.co-contra__npc{font-weight:600;color:var(--text-accent);margin-right:.25rem}.co-contra__vs{font-size:.65rem;color:var(--text-dim);font-style:italic;display:block;margin:.15rem 0;letter-spacing:.03em}.co-free{padding:.5rem 0;border-bottom:1px solid var(--border);font-size:.8rem}.co-free:last-child{border-bottom:none}.co-free__meta{font-size:.7rem;color:var(--text-dim);margin-bottom:.15rem;letter-spacing:.01em}.co-free__text{display:block;line-height:1.45}.btn--small{padding:.35rem .75rem;font-size:.8rem}@media(max-width:600px){.co-hero{grid-template-columns:repeat(2,1fr)}.co-votes__grid,.co-two-col,.co-npc-grid{grid-template-columns:1fr}}@media(min-width:768px){body{background:radial-gradient(ellipse 60% 50% at 50% 40%,rgba(22,32,51,.6) 0%,transparent 70%),var(--bg)}.app{max-width:640px;border-left:1px solid var(--border);border-right:1px solid var(--border);box-shadow:-40px 0 80px -20px #0000004d,40px 0 80px -20px #0000004d}.dashboard{max-width:900px;margin:0 auto;border:none;box-shadow:none}.session-detail{max-width:1040px;margin:0 auto;border:none;box-shadow:none;padding-left:2rem;padding-right:2rem}}@media(min-width:1024px){.app{max-width:680px}.session-detail{padding-left:3rem;padding-right:3rem}}