:root{--md-sys-color-primary:#2f6f5e;--md-sys-color-on-primary:#fff;--md-sys-color-primary-container:#b3f1dc;--md-sys-color-on-primary-container:#002118;--md-sys-color-secondary:#4f635b;--md-sys-color-on-secondary:#fff;--md-sys-color-secondary-container:#d1e8dd;--md-sys-color-on-secondary-container:#0d1f19;--md-sys-color-error:#ba1a1a;--md-sys-color-on-error:#fff;--md-sys-color-error-container:#ffdad6;--md-sys-color-on-error-container:#410002;--md-sys-color-surface:#f6fbf7;--md-sys-color-on-surface:#171d1a;--md-sys-color-surface-container:#e8eeea;--md-sys-color-surface-container-high:#e2e8e4;--md-sys-color-surface-container-low:#eff5f1;--md-sys-color-outline:#717873;--md-sys-color-outline-variant:#c0c9c3;--md-sys-color-scrim:#000;--bg:var(--md-sys-color-surface);--ink:var(--md-sys-color-on-surface);--forest:var(--md-sys-color-primary);--clay:var(--md-sys-color-secondary);--card:var(--md-sys-color-surface-container-low);--muted:var(--md-sys-color-secondary);--error:var(--md-sys-color-error);--border:var(--md-sys-color-outline-variant)}*{box-sizing:border-box}.material-symbols-outlined{letter-spacing:normal;text-transform:none;white-space:nowrap;font-feature-settings:"liga" 1;-webkit-font-feature-settings:"liga";-webkit-font-smoothing:antialiased;font-variation-settings:"FILL" 0, "wght" 100, "GRAD" 0, "opsz" 24;direction:ltr;font-family:Material Symbols Outlined,Material Icons,sans-serif;font-size:16px;font-style:normal;font-weight:400;line-height:1;display:inline-block}body{color:var(--ink);background:radial-gradient(circle at 15% 6%, color-mix(in srgb, var(--md-sys-color-primary-container) 46%, transparent) 0%, transparent 40%), radial-gradient(circle at 88% 0%, color-mix(in srgb, var(--md-sys-color-secondary-container) 42%, transparent) 0%, transparent 44%), linear-gradient(165deg, var(--md-sys-color-surface) 0%, var(--md-sys-color-surface-container) 100%);min-height:100vh;margin:0;font-family:DM Sans,sans-serif}.grecaptcha-badge{visibility:hidden;opacity:0;pointer-events:none}body.show-recaptcha-badge .grecaptcha-badge{visibility:visible;opacity:1;pointer-events:auto}.app-shell{width:min(1100px,92vw);margin:0 auto 48px}.top-bar-card{background:var(--card);z-index:40;border-radius:0;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;width:100vw;min-height:48px;margin-left:calc(50% - 50vw);padding:8px 18px;display:grid;position:sticky;top:0}.top-bar{white-space:nowrap;align-items:center;min-width:0;height:100%;display:flex}.top-bar-actions{justify-self:end;align-items:center;gap:8px;width:auto;display:inline-flex;position:relative}.top-bar-logout{justify-self:end;align-items:center;gap:8px;margin-left:8px;display:inline-flex}.top-user-name{text-overflow:ellipsis;white-space:nowrap;max-width:180px;color:var(--muted);font-size:.9rem;overflow:hidden}.top-logout-btn{border:1px solid var(--border);background:var(--md-sys-color-surface-container-low);width:28px;min-width:28px;height:28px;color:var(--ink);font:inherit;cursor:pointer;border-radius:8px;justify-content:center;align-items:center;padding:0;line-height:1;display:inline-flex}.top-logout-btn .material-symbols-outlined{font-size:16px}.top-logout-btn:hover{background:var(--md-sys-color-surface-container)}.top-logout-btn:focus-visible{outline:2px solid var(--md-sys-color-primary);outline-offset:2px}.stats-point-btn{border:1px solid var(--border);background:var(--md-sys-color-surface-container);width:22px;min-width:22px;height:22px;color:var(--ink);border-radius:999px;justify-content:center;align-items:center;padding:0;display:inline-flex}.stats-point-btn span{background:var(--md-sys-color-primary);border-radius:50%;width:8px;height:8px}.top-stats-panel{border:1px solid var(--border);background:var(--md-sys-color-surface-container);width:max-content;min-width:0;max-width:min(260px,92vw);color:var(--muted);z-index:45;border-radius:12px;gap:6px;padding:10px 12px;font-size:.9rem;display:none;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 10px 24px #0000001f}.top-bar-actions:hover .top-stats-panel,.top-bar-actions:focus-within .top-stats-panel{display:grid}.top-bar h1{letter-spacing:-.03em;color:var(--forest);margin:0;font-family:Space Grotesk,sans-serif;font-size:clamp(1rem,4vw,2rem)}.top-bar p{color:var(--muted);margin-top:6px}.role-picker{grid-template-columns:repeat(2,minmax(240px,1fr));gap:14px;margin-top:28px;display:grid}.role-btn{color:#fff;cursor:pointer;border:none;border-radius:16px;padding:20px;font-size:1.05rem;font-weight:700;transition:transform .18s,filter .18s;transform:translateY(0)}.role-btn:hover{filter:saturate(1.15);transform:translateY(-3px)}.role-btn.ask{background:linear-gradient(120deg,#0f4f3a 0%,#157255 100%)}.role-btn.answer{background:linear-gradient(120deg,#995124 0%,#ba6f3b 100%)}.chat-workspace{grid-template-columns:300px 1fr;gap:16px;min-height:70vh;margin-top:48px;animation:.32s fadeUp;display:grid}.auth-shell{place-items:center;margin-top:48px;display:grid}.auth-card{background:var(--card);border:1px solid var(--border);border-radius:16px;gap:10px;width:min(440px,92vw);padding:16px;display:grid;box-shadow:0 10px 24px #00000014}.auth-card h2{color:var(--forest);margin:0;font-family:Space Grotesk,sans-serif}.auth-card input{border:1px solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface-container-low);width:100%;min-height:44px;color:var(--md-sys-color-on-surface);font:inherit;border-radius:12px;padding:10px 12px}.auth-actions{justify-content:space-between;align-items:center;gap:8px;display:flex}.auth-username-status{margin-top:-4px;font-size:.85rem}.auth-username-status.available{color:var(--md-sys-color-primary)}.auth-username-status.taken,.auth-username-status.invalid,.auth-username-status.error{color:var(--md-sys-color-error)}.auth-username-status.checking{color:var(--muted)}.chat-list-pane,.chat-main-pane,.chat-shell,.bottom-compose{background:var(--card);border-radius:18px;box-shadow:0 10px 24px #00000014}.chat-list-pane{grid-template-rows:auto auto minmax(0,1fr) auto;gap:10px;min-height:0;max-height:70vh;padding:16px;display:grid;overflow:hidden}.pane-title{font-family:Space Grotesk,sans-serif;font-size:1.1rem;font-weight:700}.compact-btn{min-height:40px}.toolbar-row{gap:8px;display:flex}.toolbar-row md-filled-button,.toolbar-row md-filled-tonal-button{flex:1}.chat-list-scroll{clip-path:inset(0 round 12px);border-radius:12px;padding-right:4px;overflow:hidden auto}.chat-list-item{background:var(--md-sys-color-surface-container);width:100%;color:var(--ink);border:1px solid var(--border);border-radius:12px;justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;padding:8px;display:flex}.chat-list-item.active{border-color:var(--md-sys-color-secondary);background:var(--md-sys-color-secondary-container)}.chat-item-main{text-align:left;min-width:0;color:var(--ink);background:0 0;border:none;flex-direction:column;flex:1;gap:2px;padding:2px 4px;display:flex}.chat-item-subline{align-items:center;gap:6px;display:inline-flex}.chat-unread-dot{background:var(--md-sys-color-primary);border-radius:50%;flex:none;width:8px;height:8px;display:inline-block}.chat-list-item small{color:var(--muted)}.chat-item-actions{align-items:center;gap:6px;display:inline-flex}.delete-chat-btn{place-items:center;width:28px;height:28px;display:inline-grid}.delete-chat-btn.plain{--md-icon-button-icon-color:var(--md-sys-color-on-surface);--md-icon-button-hover-state-layer-color:transparent;--md-icon-button-focus-state-layer-color:transparent;--md-icon-button-pressed-state-layer-color:transparent;--md-icon-button-icon-size:14px}.delete-chat-btn.confirm{--md-icon-button-icon-color:var(--md-sys-color-error);--md-icon-button-hover-state-layer-color:transparent;--md-icon-button-focus-state-layer-color:transparent;--md-icon-button-pressed-state-layer-color:transparent;--md-icon-button-icon-size:14px}.cancel-delete-btn{--md-icon-button-icon-color:var(--md-sys-color-outline);--md-icon-button-hover-state-layer-color:transparent;--md-icon-button-focus-state-layer-color:transparent;--md-icon-button-pressed-state-layer-color:transparent;--md-icon-button-icon-size:14px;place-items:center;width:28px;height:28px;display:inline-grid}.delete-chat-btn .material-symbols-outlined,.cancel-delete-btn .material-symbols-outlined{text-align:center;vertical-align:middle;width:auto;height:auto;margin:0;line-height:1;display:inline-block;transform:none}.delete-chat-btn md-icon,.cancel-delete-btn md-icon{justify-content:center;align-items:center;font-family:Material Symbols Outlined,Material Icons,sans-serif;font-size:16px;line-height:1;display:inline-flex}.chat-main-pane{grid-template-rows:auto minmax(0,1fr) auto;gap:10px;min-height:70vh;max-height:70vh;padding:12px;display:grid;overflow:hidden}.chat-meta h2{white-space:normal;overflow-wrap:anywhere;word-break:break-word;margin:0;font-size:1rem}.chat-meta{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.chat-meta .chat-refresh-btn{flex:none}.chat-meta p{color:var(--muted);white-space:normal;overflow-wrap:anywhere;word-break:break-word;margin:4px 0 0}.chat-meta a{color:var(--md-sys-color-primary);overflow-wrap:anywhere;word-break:break-word;text-decoration:none}.session-hint{border-radius:12px;margin-top:10px;padding:10px 12px;font-size:.95rem;line-height:1.35}.session-hint-warning{background:var(--md-sys-color-error-container);color:var(--md-sys-color-on-error-container);border:1px solid color-mix(in srgb, var(--md-sys-color-error) 22%, transparent)}.chat-placeholder{border:1px dashed var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface-container);border-radius:14px;padding:18px}.chat-main-pane .chat-placeholder{min-height:0;max-height:100%;padding:0;overflow:hidden}.chat-placeholder-scroll{border-radius:inherit;height:100%;padding:0 18px 18px;overflow:hidden auto}.preview-panel{grid-row:1/-1;grid-template-rows:minmax(0,1fr) auto;gap:12px;height:100%;min-height:0;display:grid}.preview-panel .chat-placeholder{height:100%}.chat-placeholder h2{white-space:normal;overflow-wrap:anywhere;word-break:break-word;margin:0}.preview-actions{align-items:center;gap:8px;display:flex}.preview-actions md-filled-button,.preview-actions md-filled-tonal-button{min-height:40px}.preview-skip-btn{--md-filled-tonal-button-container-color:var(--md-sys-color-secondary-container);--md-filled-tonal-button-label-text-color:var(--md-sys-color-on-secondary-container)}textarea{border:1px solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface-container-low);width:100%;color:var(--md-sys-color-on-surface);resize:vertical;font:inherit;border-radius:12px;padding:12px}button{cursor:pointer;color:var(--md-sys-color-on-primary);background:var(--md-sys-color-primary);border:none;border-radius:12px;padding:12px 16px;font-weight:700}button:disabled{opacity:.5;cursor:not-allowed}.error-box{color:var(--md-sys-color-on-error);background:var(--error);border-radius:10px;margin-top:8px;padding:8px 10px}.question-card{background:#f9fbf7;border:1px solid #dce2dc;border-radius:12px;padding:14px}.chat-shell{grid-template-rows:minmax(0,1fr) auto;height:100%;min-height:0;padding:10px;display:grid}.chat-timeline{background:var(--md-sys-color-surface-container);clip-path:inset(0 round 14px);border-radius:14px;flex-direction:column;gap:10px;min-height:0;padding:12px;display:flex;overflow:hidden auto}.chat-empty{color:var(--muted);text-align:center;margin-top:0}.bubble{border-radius:14px;max-width:80%;padding:10px 12px;line-height:1.35}.bubble.me{background:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary);margin-left:auto}.bubble.peer{background:var(--md-sys-color-surface-container-low);border:1px solid var(--md-sys-color-outline-variant);margin-right:auto}.chat-input-row{grid-template-columns:1fr auto;align-items:end;gap:8px;margin-top:8px;display:grid}.chat-input-row button,.chat-input-row md-filled-button{min-height:40px}.chat-send-btn{--md-filled-button-container-height:40px;--md-filled-button-container-shape:12px;place-items:center;min-width:44px;min-height:40px;padding-inline:0;display:inline-grid}.chat-send-btn .material-symbols-outlined{margin:0;font-size:24px;line-height:1;display:block}.chat-message-input{resize:none;min-height:44px;max-height:140px;overflow-y:hidden}.chat-message-input.not-scrollable{scrollbar-width:none;-ms-overflow-style:none}.chat-message-input.not-scrollable::-webkit-scrollbar{width:0;height:0}.chat-message-input.scrollable{overflow-y:auto}.bottom-compose{background:var(--card);border:1px solid var(--border);box-shadow:none;grid-template-columns:1fr;gap:8px;padding:10px;display:grid}.bottom-compose-actions{justify-content:flex-end;gap:8px;display:flex}.ask-cancel-btn{min-height:44px}.ask-modal-backdrop{background:color-mix(in srgb, var(--md-sys-color-scrim) 45%, transparent);z-index:50;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.ask-modal{background:var(--card);border:1px solid var(--border);border-radius:16px;gap:10px;width:min(640px,94vw);padding:14px;display:grid;box-shadow:0 18px 44px #0003}.ask-modal h3{margin:2px 0 0;font-family:Space Grotesk,sans-serif;font-size:1.1rem}.ask-modal textarea{resize:none}@keyframes fadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (width<=920px){.chat-workspace{grid-template-columns:1fr}.chat-shell{height:auto;min-height:420px}.chat-main-pane{min-height:68vh;max-height:none}.chat-list-pane{max-height:none}.role-picker{grid-template-columns:1fr}}