:root{color-scheme:dark;--bg-0:#080c12;--bg-1:#0d131c;--bg-2:#121b27;--surface-0:#0f1621;--surface-1:#141e2b;--surface-2:#0c121b;--border:rgba(151,176,206,.24);--border-strong:rgba(151,176,206,.4);--text:#ecf2fb;--muted:#9fb0c6;--accent:#5ec4ff;--accent-soft:rgba(94,196,255,.28);--success:#34d399;--error:#fda4af;--composer-h:72px;--keyboard-offset:0px;--app-vh:100dvh;--safe-bottom:env(safe-area-inset-bottom,0px)}*{box-sizing:border-box}body,html{margin:0;padding:0;width:100%;height:100%;overflow:hidden;background-color:#060a11;background:radial-gradient(circle at 16% -8%,rgba(94,196,255,.15),transparent 45%),radial-gradient(circle at 92% 108%,rgba(125,162,255,.14),transparent 46%),linear-gradient(165deg,var(--bg-0) 0,var(--bg-1) 48%,var(--bg-2) 100%);color:var(--text);font-family:SF Pro Text,Avenir Next,Helvetica Neue,sans-serif;-webkit-text-size-adjust:100%}.lock-screen{width:100%;height:100dvh;display:grid;place-items:center;padding:18px}.lock-card{width:min(420px,100%);border-radius:16px;border:1px solid var(--border);background:linear-gradient(165deg,rgba(20,30,43,.96),rgba(12,18,28,.96));box-shadow:0 20px 40px rgba(2,7,13,.45);padding:22px 20px;display:grid;grid-gap:14px;gap:14px}.lock-brand{display:grid;justify-items:center;text-align:center;grid-gap:8px;gap:8px}.lock-logo{width:156px;height:156px;object-fit:contain;border-radius:999px;background:#fff;padding:16px;box-shadow:0 14px 28px rgba(2,7,13,.28)}.lock-logo-fallback{margin:0;font-size:26px;font-weight:700;letter-spacing:-.02em}.lock-title{margin:0;font-size:24px;font-weight:700}.lock-subtitle{margin:0;color:var(--muted);font-size:13px}.lock-form{display:grid;grid-template-columns:1fr auto;grid-gap:8px;gap:8px}.lock-form input{width:100%;border:1px solid var(--border);border-radius:10px;background:linear-gradient(180deg,rgba(10,16,24,.98),rgba(9,14,21,.98));color:var(--text);min-height:40px;padding:8px 10px;font:inherit}.lock-form input::placeholder{color:#8ca0b8}.lock-form input:focus{outline:none;border-color:rgba(94,196,255,.7);box-shadow:0 0 0 1px rgba(94,196,255,.35),0 0 16px rgba(94,196,255,.18)}.lock-error{margin:0;color:var(--error);font-size:12px}.app-shell{width:100%;max-width:1900px;height:100dvh;margin:0 auto;padding:14px 16px calc(14px + var(--composer-h) + var(--safe-bottom));display:grid;grid-template-rows:auto 1fr;grid-gap:12px;gap:12px;overflow:hidden}.top-bar{min-height:62px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px;border-radius:16px;border:1px solid var(--border);background:linear-gradient(160deg,rgba(19,28,40,.94),rgba(13,20,30,.94));position:relative;z-index:6}.brand-wrap{display:grid;align-content:center;grid-gap:3px;gap:3px;min-width:0}.app-logo{width:40px;height:40px;object-fit:contain;border-radius:999px;background:#fff;padding:6px;box-shadow:0 6px 16px rgba(2,7,13,.28);margin-bottom:2px}.brand-kicker{margin:0;font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.brand-title{margin:0;font-size:20px;font-weight:620;letter-spacing:-.02em}.elder-top-controls{display:inline-flex;align-items:center;gap:8px}.mobile-swipe-affordance{display:none}.elder-discuss-indicator{margin:0;border:1px solid var(--border);border-radius:999px;padding:7px 12px;font-size:11px;color:var(--muted);background:rgba(12,19,29,.84)}.elder-discuss-indicator.active{color:#b7f7d9;border-color:rgba(52,211,153,.6);box-shadow:inset 0 0 0 1px rgba(52,211,153,.2),0 0 18px rgba(52,211,153,.18)}.elder-discuss-indicator.inactive{color:#f2b3be;border-color:rgba(251,113,133,.46);background:rgba(41,19,25,.78)}.workspace{grid-template-columns:minmax(0,1fr) 338px;grid-gap:12px;position:relative}.panels-grid,.workspace{min-height:0;display:grid;gap:12px;overflow:hidden}.panels-grid{height:100%;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:12px;transition:opacity .2s ease,filter .2s ease}.workspace.elder-active .panels-grid{opacity:.8;filter:saturate(.8) brightness(.9)}.chat-panel{min-height:0;height:100%;display:grid;grid-template-rows:auto 1fr auto;border-radius:15px;border:1px solid var(--border);background:linear-gradient(175deg,rgba(21,31,44,.95),rgba(14,21,31,.95));overflow:hidden}.chat-panel.inactive{opacity:.72;filter:saturate(.7)}.panel-header{padding:10px 12px;display:flex;align-items:flex-start;justify-content:space-between;gap:8px;border-bottom:1px solid rgba(151,176,206,.18)}.panel-meta{display:grid;grid-gap:5px;gap:5px}.elder-title,.panel-title{margin:0 0 6px;font-size:12px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:#d4deec}.elder-head select,.panel-header select,button,textarea{font:inherit}.elder-head select,.panel-header select{width:min(204px,50vw);border:1px solid var(--border);border-radius:9px;background:linear-gradient(180deg,rgba(12,19,29,.98),rgba(10,16,24,.98));color:var(--text);padding:7px 9px;font-size:12px}.panel-live-toggle{justify-self:start;position:relative;width:92px;min-height:32px;border-radius:999px;padding:4px 8px;display:inline-flex;align-items:center;justify-content:space-between;gap:6px;background:linear-gradient(180deg,rgba(18,27,39,.97),rgba(13,20,29,.97));overflow:hidden}.switch-state{font-size:10px;letter-spacing:.06em;font-weight:700;z-index:1}.switch-on{color:rgba(183,247,217,.56)}.switch-off{color:rgba(242,179,190,.56)}.switch-knob{display:none}.panel-live-toggle.active{border-color:rgba(52,211,153,.78);box-shadow:inset 0 0 0 1px rgba(52,211,153,.24),0 0 14px rgba(52,211,153,.2)}.panel-live-toggle.active .switch-on{color:#09291d;background:#88f2c4;border-radius:999px;padding:2px 6px}.panel-live-toggle.active .switch-off{color:rgba(242,179,190,.42)}.panel-live-toggle.inactive{border-color:rgba(251,113,133,.45);box-shadow:inset 0 0 0 1px rgba(251,113,133,.16)}.panel-live-toggle.inactive .switch-off{color:#3b111a;background:#f6b4c1;border-radius:999px;padding:2px 6px}.panel-live-toggle.inactive .switch-on{color:rgba(183,247,217,.42)}.messages-wrap{min-height:0;overflow-y:auto;overflow-x:hidden;padding:10px 12px;display:flex;flex-direction:column;gap:8px;scroll-behavior:smooth;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.message-bubble{border-radius:11px;padding:9px 10px;line-height:1.47;font-size:13px;white-space:normal}.message-bubble.user{align-self:flex-end;max-width:90%;background:linear-gradient(160deg,rgba(39,53,71,.92),rgba(31,43,58,.92));border:1px solid rgba(151,176,206,.26)}.message-bubble.assistant{align-self:flex-start;width:100%;border:1px solid rgba(151,176,206,.22);background:linear-gradient(165deg,rgba(16,24,36,.94),rgba(12,18,27,.94))}.message-bubble.reveal{animation:fadeUp .22s ease-out}@keyframes fadeUp{0%{opacity:0;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}.message-content{display:grid;grid-gap:5px;gap:5px}.md-h1,.md-h2,.md-h3,.md-h4,.md-p{margin:0}.md-h1{font-size:16px}.md-h1,.md-h2{font-weight:700}.md-h2{font-size:15px}.md-h3{font-size:14px;font-weight:650}.md-h4,.md-p{font-size:13px}.md-list{margin:0;padding-left:20px}.md-list li{margin:2px 0}.md-space{height:4px}.md-pre{margin:0;overflow-x:auto;border:1px solid rgba(151,176,206,.32);border-radius:8px;background:rgba(10,16,24,.9);padding:8px 9px}.md-pre code{display:block;white-space:pre;font-family:SFMono-Regular,Menlo,monospace;font-size:12px;line-height:1.45}.md-link{color:#9ad7ff;text-decoration:underline;text-underline-offset:2px;word-break:break-word}.md-link:hover{color:#c7e8ff}.md-quote{margin:0;padding:6px 9px;border-left:2px solid rgba(94,196,255,.55);background:rgba(21,34,49,.5);border-radius:7px;display:grid;grid-gap:4px;gap:4px}.md-rule{width:100%;border:none;border-top:1px solid rgba(151,176,206,.34);margin:2px 0}.message-content code{font-family:SFMono-Regular,Menlo,monospace;font-size:12px;border:1px solid rgba(151,176,206,.36);border-radius:5px;background:rgba(24,36,51,.75);padding:1px 4px}.message-actions{margin-top:8px;display:flex;justify-content:flex-end}.image-grid{margin-top:8px;display:grid;grid-gap:8px;gap:8px;grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.image-tile{padding:0;border-radius:10px;overflow:hidden;border:1px solid rgba(151,176,206,.32);background:rgba(8,12,18,.92);min-height:92px}.image-tile img{width:100%;height:100%;display:block;object-fit:cover}.lightbox-overlay{position:fixed;inset:0;z-index:80;background:rgba(4,8,14,.88);display:grid;place-items:center;padding:18px}.lightbox-panel{width:min(960px,100%);max-height:min(88vh,920px);border-radius:14px;border:1px solid rgba(151,176,206,.42);background:linear-gradient(165deg,rgba(15,24,36,.98),rgba(11,17,26,.98));box-shadow:0 22px 50px rgba(2,7,13,.56);display:grid;grid-template-rows:minmax(0,1fr) auto;grid-gap:10px;gap:10px;padding:12px}.lightbox-image{width:100%;max-height:min(72vh,760px);object-fit:contain;border-radius:10px;background:rgba(7,11,17,.94)}.lightbox-actions{display:flex;gap:8px;justify-content:flex-end}.lightbox-download{border:1px solid var(--border);border-radius:10px;background:linear-gradient(180deg,rgba(27,39,55,.98),rgba(20,30,42,.98));color:var(--text);padding:8px 12px;font-size:12px;font-weight:600;text-decoration:none}.copy-icon-button{display:inline-flex;align-items:center;gap:5px;border-radius:8px;border:1px solid rgba(151,176,206,.4);background:rgba(11,18,28,.95);color:#d9e8fb;padding:5px 8px;font-size:11px;font-weight:600}.copy-icon-button svg{width:13px;height:13px;stroke:currentColor;fill:none;stroke-width:1.75}.copy-icon-button:hover{border-color:rgba(94,196,255,.68);box-shadow:0 0 10px rgba(94,196,255,.2)}.typing-indicator{display:inline-flex;align-items:center;gap:4px;color:var(--muted);font-size:12px}.typing-indicator span{width:5px;height:5px;border-radius:999px;background:var(--accent);animation:dots 1.1s ease-in-out infinite}.typing-indicator span:nth-child(2){animation-delay:.12s}.typing-indicator span:nth-child(3){animation-delay:.24s}.typing-indicator em{font-style:normal;margin-left:4px}@keyframes dots{0%,80%,to{transform:translateY(0);opacity:.45}40%{transform:translateY(-2px);opacity:1}}.panel-error{margin:0;padding:8px 12px 10px;border-top:1px solid rgba(251,113,133,.35);color:var(--error);background:rgba(76,20,33,.4);font-size:12px}.empty-state{margin:0;color:var(--muted);font-size:12px}.elder-dock{min-height:0;height:100%;border-radius:15px;border:1px solid rgba(151,176,206,.26);background:linear-gradient(175deg,rgba(18,30,46,.96),rgba(13,21,33,.96));box-shadow:0 0 16px rgba(2,7,13,.35);display:grid;grid-template-rows:auto 1fr auto;overflow:hidden;transition:opacity .2s ease,filter .2s ease,border-color .22s ease,box-shadow .22s ease;position:relative}.elder-dock:before{content:"";position:absolute;left:0;top:10px;bottom:10px;width:1px;background:linear-gradient(180deg,transparent,rgba(151,176,206,.42),transparent)}.elder-dock.enabled{border-color:rgba(52,211,153,.5);box-shadow:inset 0 0 0 1px rgba(52,211,153,.14),0 0 24px rgba(52,211,153,.16)}.elder-dock.disabled{border-color:rgba(251,113,133,.36);opacity:.7;filter:saturate(.78)}.elder-head{padding:10px 12px;border-bottom:1px solid rgba(151,176,206,.2);display:grid;grid-gap:8px;gap:8px}.elder-messages{min-height:0}.elder-footer{border-top:1px solid rgba(151,176,206,.18);display:grid;grid-template-rows:auto auto auto}.elder-hint{margin:0;padding:8px 12px 6px;color:#d1dded;font-size:12px}.elder-error{margin:0;padding:0 12px 8px;color:var(--error);font-size:12px}.elder-form{display:grid;grid-template-columns:1fr auto;grid-gap:6px;gap:6px;align-items:end;padding:8px 12px 12px}.elder-form textarea{min-height:46px;line-height:1.35}textarea{width:100%;resize:none;border:1px solid var(--border);border-radius:10px;background:linear-gradient(180deg,rgba(10,16,24,.98),rgba(9,14,21,.98));color:var(--text);min-height:38px;padding:8px 9px}textarea::placeholder{color:#8ca0b8}button:focus,select:focus,textarea:focus{outline:none;border-color:rgba(94,196,255,.7);box-shadow:0 0 0 1px rgba(94,196,255,.35),0 0 16px rgba(94,196,255,.18)}button{border:1px solid var(--border);border-radius:10px;background:linear-gradient(180deg,rgba(27,39,55,.98),rgba(20,30,42,.98));color:var(--text);padding:8px 12px;font-size:12px;font-weight:600;cursor:pointer}button:hover{border-color:var(--border-strong)}button:disabled{opacity:.52;cursor:not-allowed}.elder-toggle{min-height:38px;display:inline-flex;align-items:center;gap:8px;border-radius:999px;background:linear-gradient(180deg,rgba(20,30,44,.97),rgba(13,20,29,.97));color:#dceafb;padding:5px 7px 5px 10px;font-size:12px}.elder-toggle.active{border-color:rgba(52,211,153,.8);box-shadow:inset 0 0 0 1px rgba(52,211,153,.28),0 0 24px rgba(52,211,153,.34)}.elder-toggle:not(.active){border-color:rgba(251,113,133,.45);box-shadow:inset 0 0 0 1px rgba(251,113,133,.16)}.switch-label{font-size:12px;letter-spacing:.02em;color:#d6e4f8}.switch-shell{position:relative;width:88px;min-height:28px;display:inline-flex;align-items:center;justify-content:space-between;gap:6px;padding:3px 8px;border-radius:999px;background:rgba(10,16,24,.92);border:1px solid rgba(151,176,206,.28);overflow:hidden}.elder-toggle.active .switch-shell .switch-on{color:#09291d;background:#88f2c4;border-radius:999px;padding:2px 6px}.elder-toggle.active .switch-shell .switch-off{color:rgba(242,179,190,.42)}.elder-toggle:not(.active) .switch-shell .switch-off{color:#3b111a;background:#f6b4c1;border-radius:999px;padding:2px 6px}.elder-toggle:not(.active) .switch-shell .switch-on{color:rgba(183,247,217,.42)}.composer{bottom:calc(12px + var(--safe-bottom));width:min(1868px,calc(100vw - 32px - var(--safe-bottom)));display:grid;grid-template-columns:1fr auto;grid-gap:8px;gap:8px;padding:8px;border-radius:15px;border:1px solid var(--border);background:linear-gradient(160deg,rgba(18,28,41,.97),rgba(13,20,31,.97));box-shadow:0 12px 34px rgba(2,7,13,.45);z-index:25}.composer,.composer-hint{position:fixed;left:50%;transform:translateX(-50%)}.composer-hint{bottom:90px;margin:0;border:1px solid rgba(251,113,133,.45);background:rgba(66,22,31,.84);color:#f5c2cb;border-radius:9px;padding:6px 10px;font-size:12px;z-index:24}.composer textarea{min-height:44px;line-height:1.35;padding-block:10px}.warning-banner{position:fixed;right:16px;top:16px;margin:0;border:1px solid rgba(250,204,21,.45);background:rgba(66,47,13,.85);color:#fef08a;border-radius:9px;padding:6px 10px;font-size:12px;max-width:420px;z-index:30}@media (max-width:1400px){.workspace{grid-template-columns:minmax(0,1fr) 310px}}@media (max-width:1200px){.app-shell,body,html{overflow:hidden}.app-shell{height:var(--app-vh,100dvh);min-height:var(--app-vh,100dvh);padding:12px 12px calc(12px + var(--composer-h) + var(--safe-bottom));grid-template-rows:auto minmax(0,1fr);gap:10px}.workspace{display:flex;gap:10px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-padding-inline:0;scrollbar-width:none;grid-template-columns:none;height:auto;min-height:0;overscroll-behavior-x:contain;overscroll-behavior-y:none;-webkit-overflow-scrolling:touch}.workspace::-webkit-scrollbar{display:none}.panels-grid{display:contents}.chat-panel,.elder-dock{flex:0 0 100%;width:100%;height:100%;min-height:0;scroll-snap-align:start;scroll-snap-stop:always}.composer{bottom:calc(10px + var(--safe-bottom) + var(--keyboard-offset));width:auto}.composer,.composer-hint{left:12px;right:12px;transform:none}.composer-hint{bottom:calc(84px + var(--keyboard-offset));text-align:center}.top-bar{min-height:56px;max-height:56px;padding:9px 11px;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-gap:8px;overflow:hidden}.brand-wrap,.top-bar{align-items:center;gap:8px}.brand-wrap{display:flex;min-width:0}.app-logo{width:32px;height:32px;padding:5px;margin-bottom:0}.brand-kicker{display:block;margin:0;font-size:13px;letter-spacing:.06em;color:#d9e6f8}.brand-title,.elder-discuss-indicator{display:none}.mobile-swipe-affordance{display:inline-flex;align-items:center;justify-content:space-between;gap:6px;border-radius:999px;border:1px solid rgba(151,176,206,.3);background:rgba(11,18,28,.74);padding:2px 6px;width:auto;min-width:148px;order:1}.mobile-swipe-label{margin:0;font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.mobile-swipe-dots{display:inline-flex;align-items:center;gap:4px}.mobile-swipe-dots span{min-width:14px;text-align:center;padding:1px 3px;border-radius:999px;font-size:10px;color:rgba(159,176,198,.9);border:1px solid rgba(151,176,206,.2)}.mobile-swipe-dots span.active{color:#083120;background:#88f2c4;border-color:rgba(136,242,196,.9)}.elder-head select,.panel-header select{width:100%;max-width:100%}.elder-top-controls{display:inline-flex;flex-direction:column;align-items:flex-end;justify-content:center;gap:5px;min-width:0;width:auto;height:auto}.panel-header{flex-direction:column;align-items:stretch;gap:10px}.panel-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0}.panel-title{margin:0}.elder-toggle{align-self:flex-end;justify-content:space-between;width:auto;min-width:0;min-height:34px;padding:4px 6px 4px 9px;order:2}.switch-label{font-size:11px}.switch-shell{width:82px;min-height:24px;padding:2px 7px}.composer textarea,.elder-form textarea,.elder-head select,.panel-header select,button{font-size:16px}.lightbox-actions{flex-wrap:wrap}}