:root{--bg: #0b1020;--bg-soft: #121a2f;--bg-elevated: rgba(18, 26, 47, .78);--panel: rgba(19, 28, 50, .78);--panel-strong: rgba(24, 35, 61, .92);--panel-border: rgba(255, 255, 255, .08);--panel-border-strong: rgba(255, 255, 255, .12);--text: #edf2ff;--text-soft: #b8c2de;--text-muted: #8d98b8;--accent: #e87a20;--accent-2: #d4650e;--accent-soft: rgba(232, 122, 32, .16);--success: #29c184;--warning: #f0b24d;--danger: #ef6b6b;--shadow-lg: 0 24px 80px rgba(0, 0, 0, .42);--shadow-md: 0 14px 42px rgba(0, 0, 0, .28);--radius-xl: 24px;--radius-lg: 18px;--radius-md: 14px;--radius-sm: 10px;--sidebar-width: 320px;--content-max: 1880px;--blur: blur(18px);--transition: .18s ease;--font: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}*{box-sizing:border-box;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.15) transparent}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{background:#ffffff24;border-radius:999px;border:2px solid transparent;background-clip:padding-box}html{font-size:16px;min-height:100%;-webkit-text-size-adjust:100%}body{margin:0;min-height:100%;font-family:var(--font);color:var(--text);background:radial-gradient(circle at top left,rgba(232,122,32,.16),transparent 30%),radial-gradient(circle at top right,rgba(67,97,238,.14),transparent 26%),linear-gradient(180deg,#0a0f1d,#0b1020 40%,#0d1224);overflow-x:hidden;overflow-y:auto}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(#ffffff04,#fff0),radial-gradient(circle at 20% 20%,rgba(255,255,255,.02),transparent 22%);z-index:0}.sidebar-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#060a129e;opacity:0;visibility:hidden;transition:var(--transition);z-index:40}.sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar-width);height:100dvh;padding:20px 16px 18px;background:#080d18d1;backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur);border-right:1px solid var(--panel-border);display:flex;flex-direction:column;gap:16px;z-index:50;overflow:hidden}.app-shell{position:relative;z-index:1;margin-left:var(--sidebar-width);min-height:100dvh;display:flex;flex-direction:column;padding:22px 22px 28px}.workspace{width:100%;max-width:var(--content-max);margin:0 auto;display:grid;grid-template-columns:minmax(0,1.7fr) minmax(310px,.82fr);gap:20px;align-items:start}.workspace-main,.workspace-side{display:flex;flex-direction:column;gap:20px;min-width:0}.workspace-side{position:sticky;top:106px;align-self:start}.sidebar-header,.sidebar-top,.sidebar-section,.sidebar-footer{position:relative;z-index:1}.sidebar-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.sidebar-brand{display:flex;align-items:center;gap:12px;min-width:0}.brand-copy{min-width:0}.brand-title{font-size:.98rem;font-weight:700;letter-spacing:.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.brand-subtitle{margin-top:2px;font-size:.79rem;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-top{display:flex;flex-direction:column;gap:14px}.sidebar-history{min-height:0;flex:1}.btn-new-chat,.btn-settings,.btn-primary,.btn-secondary{border:0;border-radius:14px;font-family:inherit;font-size:.95rem;font-weight:600;cursor:pointer;transition:transform var(--transition),opacity var(--transition),background var(--transition),border-color var(--transition)}.btn-new-chat{width:100%;display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:14px 16px;color:#fff;background:linear-gradient(135deg,var(--accent),var(--accent-2));box-shadow:0 14px 32px #d4650e47}.btn-new-chat:hover,.btn-primary:hover,.btn-secondary:hover,.btn-send:hover:not(:disabled),.btn-settings:hover,.nav-item:hover,.suggestion-chip:hover,.btn-icon:hover{transform:translateY(-1px)}.btn-new-chat:active,.btn-primary:active,.btn-secondary:active,.btn-send:active,.btn-settings:active,.nav-item:active,.suggestion-chip:active,.btn-icon:active{transform:translateY(0)}.sidebar-card{border:1px solid var(--panel-border);background:linear-gradient(180deg,#ffffff06,#ffffff04);border-radius:var(--radius-lg);padding:14px;box-shadow:var(--shadow-md)}.sidebar-card-label,.sidebar-section-label,.eyebrow,.hero-tile-label,.guardrail-item-title,.welcome-callout-title,.snapshot-title{font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted)}.connection-status{margin-top:8px;display:inline-flex;align-items:center;gap:10px;font-weight:600;color:var(--text)}.status-dot{width:10px;height:10px;border-radius:999px;background:var(--danger);box-shadow:0 0 0 4px #ef6b6b24}.status-meta{margin-top:8px;font-size:.82rem;color:var(--text-muted)}.sidebar-section{display:flex;flex-direction:column;gap:10px}.sidebar-nav{display:flex;flex-direction:column;gap:8px}.nav-item{text-align:left;width:100%;border:1px solid transparent;background:#ffffff07;border-radius:14px;padding:12px 13px;color:var(--text);cursor:pointer;transition:var(--transition)}.nav-item.active{border-color:#e87a2061;background:linear-gradient(180deg,#e87a201f,#e87a200f)}.nav-item-title{display:block;font-size:.93rem;font-weight:600}.nav-item-meta{display:block;margin-top:4px;font-size:.8rem;color:var(--text-muted)}.chat-history{min-height:0;flex:1;overflow:auto;padding-right:4px}.chat-history:empty:before{content:"Noch keine Sitzungen gespeichert";display:block;padding:14px;border:1px dashed rgba(255,255,255,.12);border-radius:14px;color:var(--text-muted);font-size:.88rem}.sidebar-footer{margin-top:auto}.btn-settings{width:100%;display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:13px 15px;background:#ffffff0a;color:var(--text);border:1px solid var(--panel-border)}.top-header{position:sticky;top:0;z-index:15;width:100%;max-width:var(--content-max);margin:0 auto 18px;padding:4px 0 12px;display:flex;align-items:center;justify-content:space-between;gap:18px;background:linear-gradient(180deg,#0b1020f2,#0b1020b8,#0b102000);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.top-header-left,.top-header-right{display:flex;align-items:center;gap:14px}.header-copy{min-width:0}.header-title{margin:0;font-size:clamp(1.15rem,1.2vw + .9rem,1.7rem);line-height:1.15;font-weight:700;letter-spacing:-.02em}.header-subtitle{margin:4px 0 0;color:var(--text-soft);font-size:.92rem}.header-badge{display:inline-flex;align-items:center;min-height:38px;padding:0 14px;border-radius:999px;background:#29c1841f;border:1px solid rgba(41,193,132,.28);color:#d8fff0;font-size:.84rem;font-weight:600;white-space:nowrap}.btn-icon{width:42px;height:42px;flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;border-radius:14px;border:1px solid var(--panel-border);background:#ffffff0a;color:var(--text);cursor:pointer;transition:var(--transition)}#btn-open-sidebar,#btn-close-sidebar{display:none}.panel{background:var(--panel);border:1px solid var(--panel-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur)}.panel-hero,.panel-side,.panel-snapshot{overflow:hidden}.panel-hero{padding:24px}.panel-chat{display:flex;flex-direction:column;overflow:hidden}.panel-side{padding:20px 18px}.panel-snapshot{padding-bottom:18px}.accent-panel{background:linear-gradient(180deg,#e87a2021,#e87a200a),var(--panel);border-color:#e87a2033}.panel-header{padding:18px 20px 0;display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.panel-header.compact{padding-top:0}.panel-title,.panel-section-title{margin:4px 0 0;font-weight:700;line-height:1.15;letter-spacing:-.02em}.panel-title{font-size:1.5rem}.panel-section-title{font-size:1.05rem}.panel-subtitle,.side-note{color:var(--text-soft);line-height:1.6}.panel-subtitle{margin:10px 0 0;max-width:80ch}.panel-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.panel-badge{display:inline-flex;align-items:center;min-height:32px;padding:0 10px;border-radius:999px;background:#ffffff0a;border:1px solid var(--panel-border);color:var(--text-soft);font-size:.78rem;font-weight:600}.guardrail-banner{width:100%;max-width:var(--content-max);margin:0 auto 18px;display:flex;align-items:center;gap:12px;padding:13px 16px;border-radius:18px;border:1px solid rgba(240,178,77,.22);background:linear-gradient(180deg,#f0b24d1a,#f0b24d0d);color:#ffe8bf;box-shadow:var(--shadow-md)}.guardrail-banner-icon{width:36px;height:36px;flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;border-radius:12px;background:#f0b24d1f}.guardrail-banner-copy{font-size:.92rem;line-height:1.45}.panel-hero-top{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.hero-status{flex:0 0 auto;min-width:210px;padding:14px 16px;border-radius:18px;border:1px solid var(--panel-border);background:#ffffff08}.hero-status-label{font-size:.76rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em}.hero-status-value{margin-top:8px;font-weight:700;font-size:1rem}.hero-status-value.pending{color:#ffd89a}.hero-status-value.ready{color:#d8fff0}.hero-grid{margin-top:22px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.hero-tile{padding:16px;border-radius:18px;border:1px solid var(--panel-border);background:linear-gradient(180deg,#ffffff07,#ffffff04)}.hero-tile-value{margin-top:8px;font-size:1rem;font-weight:700;line-height:1.25}.hero-tile-meta{margin-top:6px;font-size:.83rem;color:var(--text-muted);line-height:1.45}.snapshot-grid{padding:18px 20px 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.snapshot-card{padding:16px;border-radius:18px;border:1px solid var(--panel-border);background:linear-gradient(180deg,#ffffff08,#ffffff04);min-width:0}.snapshot-card-wide{grid-column:span 2}.snapshot-value{margin-top:10px;color:var(--text);line-height:1.55;font-size:.95rem}.snapshot-value.muted{color:var(--text-soft)}.snapshot-list{margin-top:10px;display:flex;flex-direction:column;gap:8px}.snapshot-list-item{padding:10px 12px;border-radius:12px;background:#ffffff0a;color:var(--text-soft);line-height:1.5;font-size:.92rem}.snapshot-list.empty{color:var(--text-muted);font-size:.92rem;line-height:1.5}.messages{padding:18px 20px 8px;display:flex;flex-direction:column;gap:14px;min-height:280px}.welcome-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:26px 10px 18px}.welcome-icon{margin-bottom:18px}.welcome-title{margin:0;font-size:clamp(1.35rem,1vw + 1rem,2rem);line-height:1.1;letter-spacing:-.025em}.welcome-subtitle{max-width:760px;margin:14px auto 0;color:var(--text-soft);line-height:1.7;font-size:1rem}.welcome-suggestions{margin-top:26px;display:flex;flex-wrap:wrap;justify-content:center;gap:10px;max-width:920px}.suggestion-chip{border:1px solid rgba(255,255,255,.08);background:#ffffff0a;color:var(--text);font:inherit;font-size:.92rem;padding:12px 14px;border-radius:14px;cursor:pointer;transition:var(--transition)}.suggestion-chip:hover{border-color:#e87a2047;background:#e87a2014}.welcome-callout{margin-top:28px;width:min(760px,100%);text-align:left;padding:16px 18px;border-radius:18px;border:1px solid rgba(232,122,32,.18);background:linear-gradient(180deg,#e87a201a,#e87a200a)}.welcome-callout-list{margin:10px 0 0;padding-left:18px;color:var(--text-soft);line-height:1.7}.welcome-callout-list li+li{margin-top:6px}.input-area{padding:12px 18px 18px}.input-container{position:relative;display:flex;align-items:flex-end;gap:12px;padding:12px;border:1px solid var(--panel-border-strong);border-radius:20px;background:#080d189e;box-shadow:inset 0 1px #ffffff08}.message-input,.settings-input,.settings-textarea{width:100%;border:0;outline:0;font:inherit;color:var(--text);background:transparent}.message-input{resize:none;min-height:28px;max-height:220px;line-height:1.55;padding:6px 2px 4px}.message-input::placeholder,.settings-input::placeholder,.settings-textarea::placeholder{color:var(--text-muted)}.btn-send{width:48px;height:48px;flex:0 0 auto;border-radius:16px;border:0;display:inline-flex;align-items:center;justify-content:center;color:#fff;background:linear-gradient(135deg,var(--accent),var(--accent-2));box-shadow:0 14px 28px #d4650e47}.btn-send:disabled{opacity:.42;cursor:not-allowed;transform:none}.input-footer{margin-top:10px;padding:0 4px}.input-hint{font-size:.79rem;color:var(--text-muted)}.info-list,.checklist,.guardrail-list{display:flex;flex-direction:column;gap:10px}.info-row,.check-item,.guardrail-item{border:1px solid rgba(255,255,255,.06);background:#ffffff06;border-radius:14px}.info-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px}.info-label{font-size:.87rem;color:var(--text-muted)}.info-value{text-align:right;font-size:.9rem;font-weight:600;color:var(--text)}.info-value.muted{color:var(--text-soft)}.info-value.warning{color:#ffd89a}.check-item{display:flex;align-items:center;gap:12px;padding:12px 14px}.check-indicator{width:12px;height:12px;flex:0 0 auto;border-radius:999px;background:var(--warning);box-shadow:0 0 0 4px #f0b24d1f}.check-item.done .check-indicator{background:var(--success);box-shadow:0 0 0 4px #29c1841f}.check-item.pending .check-text{color:var(--text-soft)}.check-item.done .check-text{color:#d8fff0}.check-text{font-size:.92rem;line-height:1.45}.guardrail-item{padding:14px}.guardrail-item-title{color:#ffd89a}.guardrail-item-text{margin-top:6px;color:var(--text-soft);line-height:1.6;font-size:.9rem}.side-note{margin:0;font-size:.95rem}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:120;display:none;align-items:center;justify-content:center;padding:20px;background:#05080fb8;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.modal-overlay.active{display:flex}.modal{width:min(760px,100%);max-height:min(86dvh,920px);overflow:auto;border-radius:24px;background:#0e1526f5;border:1px solid var(--panel-border-strong);box-shadow:var(--shadow-lg)}.modal-header,.modal-footer{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:18px 20px}.modal-header{border-bottom:1px solid var(--panel-border)}.modal-footer{border-top:1px solid var(--panel-border);justify-content:flex-end}.modal-title{margin:0;font-size:1.1rem;font-weight:700}.modal-body{padding:20px}.settings-group+.settings-group,.settings-row{margin-top:16px}.settings-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.settings-label{display:block;margin-bottom:8px;font-size:.88rem;font-weight:600;color:var(--text-soft)}.settings-input,.settings-textarea{border:1px solid var(--panel-border-strong);background:#ffffff08;border-radius:14px;padding:13px 14px}.settings-textarea{resize:vertical;min-height:120px;line-height:1.6}.settings-hint{display:block;margin-top:8px;font-size:.78rem;color:var(--text-muted)}.btn-primary,.btn-secondary{min-height:46px;padding:0 16px}.btn-primary{color:#fff;background:linear-gradient(135deg,var(--accent),var(--accent-2))}.btn-secondary{color:var(--text);background:#ffffff0a;border:1px solid var(--panel-border)}.message,.chat-message{margin-bottom:0}.message.user,.chat-message.user{display:flex;justify-content:flex-end}.message.assistant,.chat-message.assistant,.message.bot,.chat-message.bot{display:flex;justify-content:flex-start}.message-content,.chat-bubble{max-width:min(840px,88%);padding:14px 16px;border-radius:18px;line-height:1.65;font-size:.96rem;word-break:break-word;box-shadow:var(--shadow-md)}.message.user .message-content,.chat-message.user .chat-bubble{background:linear-gradient(135deg,#e87a2038,#d4650e1f);border:1px solid rgba(232,122,32,.26);color:#fff8f1;border-bottom-right-radius:8px}.message.assistant .message-content,.chat-message.assistant .chat-bubble,.message.bot .message-content,.chat-message.bot .chat-bubble{background:#ffffff0a;border:1px solid var(--panel-border);color:var(--text);border-bottom-left-radius:8px}.message-role{margin-bottom:8px;font-size:.8rem;color:var(--text-muted);font-weight:600}.message-content p:first-child,.chat-bubble p:first-child{margin-top:0}.message-content p:last-child,.chat-bubble p:last-child{margin-bottom:0}.message-meta,.chat-meta{margin-top:8px;font-size:.76rem;color:var(--text-muted)}.typing-indicator,.loading-message{display:inline-flex;align-items:center;gap:8px;color:var(--text-soft);font-size:.9rem}.typing-indicator:before,.loading-message:before{content:"";width:9px;height:9px;border-radius:50%;background:var(--accent);box-shadow:14px 0 #e87a208c,28px 0 #e87a203d;animation:pulseDots 1s infinite linear}@keyframes pulseDots{0%{opacity:.45}50%{opacity:1}to{opacity:.45}}.hidden{display:none!important}.warning{color:var(--warning)}.success{color:var(--success)}.danger{color:var(--danger)}@media(max-width:1460px){.hero-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:1240px){.workspace{grid-template-columns:1fr}.workspace-side{position:static;top:auto}}@media(max-width:920px){#btn-open-sidebar,#btn-close-sidebar{display:inline-flex}.sidebar{transform:translate(-100%);transition:transform var(--transition)}.sidebar.open{transform:translate(0)}.sidebar-overlay.open{opacity:1;visibility:visible}.app-shell{margin-left:0;padding:16px}.top-header{margin-bottom:14px}.header-badge{display:none}.guardrail-banner{margin-bottom:14px}.panel-hero,.panel-side{padding:18px}.panel-hero-top{flex-direction:column}.panel-header,.snapshot-grid{padding:16px 16px 0}.messages{padding:16px 16px 8px;min-height:220px}.input-area{padding:10px 14px 14px}.modal{width:100%}}@media(max-width:760px){.top-header{align-items:flex-start;flex-direction:column}.top-header-left,.top-header-right{width:100%;justify-content:space-between}.header-subtitle{font-size:.86rem}.guardrail-banner{align-items:flex-start;padding:12px 14px}.hero-grid,.snapshot-grid{grid-template-columns:1fr}.snapshot-card-wide{grid-column:span 1}.welcome-suggestions{flex-direction:column;width:100%}.suggestion-chip{width:100%;text-align:left}.message-content,.chat-bubble{max-width:100%}.settings-row{grid-template-columns:1fr}.modal-header,.modal-footer,.modal-body{padding-left:16px;padding-right:16px}}@media(max-width:560px){.app-shell{padding:12px}.panel-title{font-size:1.28rem}.welcome-title{font-size:1.45rem}.message-input{font-size:.95rem}}