:root{--abyss: #0a2a43;--sea: #0f6ba8;--azure: #2e9ad1;--shallow: #dcebf4;--foam: #f4f9fc;--white: #ffffff;--ink: #15303f;--slate: #5e7688;--hairline: #d6e4ee;--brass: #c9a24b;--brass-tint: #f6efdd;--sea-tint: #e7f1f8;--azure-soft: rgba(46, 154, 209, .14);--font-display: "Space Grotesk", system-ui, sans-serif;--font-body: "Inter", system-ui, sans-serif;--font-mono: "Space Mono", ui-monospace, monospace;--r-lg: 16px;--r-md: 12px;--r-sm: 8px;--r-pill: 999px;--shadow-soft: 0 1px 2px rgba(10, 42, 67, .04), 0 8px 24px rgba(10, 42, 67, .06);--shadow-lift: 0 2px 6px rgba(10, 42, 67, .06), 0 16px 40px rgba(10, 42, 67, .1);--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 24px;--sp-6: 32px;--sp-7: 48px;--track-wide: .16em}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--foam);color:var(--ink);font-family:var(--font-body);font-size:15px;line-height:1.55;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}h1,h2,h3,h4{font-family:var(--font-display);color:var(--abyss);margin:0;letter-spacing:-.01em;line-height:1.15}button{font-family:inherit;cursor:pointer}.micro{font-family:var(--font-mono);font-size:11px;text-transform:uppercase;letter-spacing:var(--track-wide);color:var(--slate)}.app{height:100vh;display:flex;flex-direction:column;overflow:hidden}.workspace{flex:1;min-height:0;position:relative;display:grid;grid-template-columns:auto 1fr auto}.workspace--page{grid-template-columns:auto 1fr}.panel{background:var(--white);border-radius:var(--r-lg);box-shadow:var(--shadow-soft);padding:var(--sp-5)}.panel--outline{background:var(--white);border:1px solid var(--hairline);border-radius:var(--r-lg);padding:var(--sp-5)}.panel__head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--sp-3);margin-bottom:var(--sp-4)}.panel__title{font-size:17px;font-weight:600}.main{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--sp-5)}.span-2{grid-column:1 / -1}.btn{border:none;border-radius:var(--r-pill);padding:10px 18px;font-weight:600;font-size:14px;background:var(--sea);color:var(--white);transition:background .15s ease}.btn:hover{background:var(--abyss)}.btn:disabled{opacity:.5;cursor:default}.btn--ghost{background:transparent;color:var(--sea);border:1px solid var(--hairline)}.btn--ghost:hover{background:var(--sea-tint);color:var(--sea)}:focus-visible{outline:2px solid var(--azure);outline-offset:2px}@media (max-width: 760px){.app{height:100vh}}.topbar{background:var(--abyss);color:var(--white);position:sticky;top:0;z-index:20}.topbar__inner{max-width:1360px;margin:0 auto;padding:14px var(--sp-6);display:flex;align-items:center;justify-content:space-between;gap:var(--sp-4)}.topbar__brand{display:flex;align-items:center;gap:var(--sp-3)}.topbar__names{display:flex;flex-direction:column;line-height:1.1}.topbar__brandname{color:var(--azure);font-size:10px}.topbar__title{font-family:var(--font-display);font-weight:600;font-size:18px;letter-spacing:-.01em}.segmented{display:inline-flex;background:#ffffff14;border-radius:var(--r-pill);padding:3px}.segmented__opt{border:none;background:transparent;color:#ffffffb3;font-family:var(--font-mono);font-size:12px;letter-spacing:.08em;padding:6px 16px;border-radius:var(--r-pill);transition:all .15s ease}.segmented__opt.is-active{background:var(--white);color:var(--abyss)}.nav{width:216px;height:100%;display:flex;flex-direction:column;gap:var(--sp-4);padding:var(--sp-4) var(--sp-3);background:var(--white);border-right:1px solid var(--hairline);overflow-y:auto}.nav__list{display:flex;flex-direction:column;gap:2px}.nav__item{display:flex;align-items:center;gap:11px;width:100%;border:none;background:transparent;color:var(--slate);font-family:var(--font-body);font-size:14.5px;font-weight:600;text-align:left;padding:11px 12px;border-radius:var(--r-sm);transition:all .15s ease}.nav__item:hover,.nav__item.is-active{background:var(--sea-tint);color:var(--abyss)}.nav__icon{font-size:17px;line-height:1;width:20px;text-align:center}.nav__foot{margin-top:auto;color:var(--slate);line-height:1.5}.page{min-width:0;overflow-y:auto;background:var(--foam)}.page__inner{max-width:640px;margin:0 auto;padding:var(--sp-7) var(--sp-6)}.page__eyebrow{color:var(--sea)}.page__title{font-size:34px;font-weight:700;margin:var(--sp-2) 0 var(--sp-4)}.page__lead{font-size:18px;color:var(--abyss);margin:0 0 var(--sp-5);line-height:1.5}.page__p{font-size:15.5px;color:var(--ink);line-height:1.65;margin:0 0 var(--sp-4)}.page__contact{margin-top:var(--sp-5);padding-top:var(--sp-5);border-top:1px solid var(--hairline);display:flex;flex-direction:column;gap:4px}.page__email{font-family:var(--font-mono);font-size:15px;color:var(--sea);text-decoration:none}.page__email:hover{text-decoration:underline}.topbar__actions{display:flex;align-items:center;gap:var(--sp-3)}.topbar__new{display:inline-flex;align-items:center;gap:6px;border:1px solid rgba(255,255,255,.25);background:transparent;color:var(--white);font-family:var(--font-body);font-size:13px;font-weight:600;padding:7px 14px;border-radius:var(--r-pill);transition:all .15s ease}.topbar__new:hover{background:#ffffff1f}.topbar__newicon{font-size:16px;line-height:1;color:var(--azure)}.catrail{position:relative;height:100%}.catrail__col{position:relative;z-index:32;height:100%;display:flex;flex-direction:column;gap:var(--sp-2);padding:var(--sp-4) var(--sp-3);background:var(--white);border-left:1px solid var(--hairline);overflow-y:auto}.catbtn{width:76px;display:flex;flex-direction:column;align-items:center;gap:5px;border:1px solid transparent;background:transparent;border-radius:var(--r-md);padding:10px 6px;color:var(--slate);font-size:11px;font-weight:600;line-height:1.2;text-align:center;transition:all .15s ease}.catbtn:hover{background:var(--sea-tint);color:var(--abyss)}.catbtn.is-open{background:var(--sea-tint);border-color:var(--azure);color:var(--abyss)}.catbtn__icon{font-size:20px;line-height:1}.catrail__backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30}.catpop{position:absolute;top:var(--sp-4);right:88px;z-index:31;width:300px;max-width:calc(100vw - 120px);background:var(--white);border:1px solid var(--hairline);border-radius:var(--r-lg);box-shadow:var(--shadow-lift);overflow:hidden;animation:catpop-in .14s ease}@keyframes catpop-in{0%{opacity:0;transform:translate(8px)}to{opacity:1;transform:none}}.catpop__head{display:flex;align-items:center;gap:8px;padding:var(--sp-3) var(--sp-4);border-bottom:1px solid var(--hairline)}.catpop__icon{font-size:16px}.catpop__title{flex:1;font-family:var(--font-display);font-weight:600;font-size:15px;color:var(--abyss)}.catpop__close{border:none;background:transparent;font-size:20px;line-height:1;color:var(--slate);padding:0 4px}.catpop__close:hover{color:var(--abyss)}.catpop__list{display:flex;flex-direction:column;padding:var(--sp-2);gap:2px}.catpop__prompt{text-align:left;border:none;background:transparent;border-radius:var(--r-sm);padding:10px 12px;font-size:14px;color:var(--ink);line-height:1.4;transition:background .15s ease}.catpop__prompt:hover:not(:disabled){background:var(--sea-tint);color:var(--sea)}.catpop__prompt:disabled{opacity:.5}.chat{min-width:0;min-height:0;display:flex;flex-direction:column;background:var(--foam)}.chat__stream{flex:1;min-height:0;overflow-y:auto;padding:var(--sp-6) var(--sp-5)}.chat__inner{max-width:760px;margin:0 auto;display:flex;flex-direction:column;gap:var(--sp-4)}.chat__greeting{color:var(--slate);font-size:15.5px;margin:0;padding:var(--sp-3) 0}.chat__composer{border-top:1px solid var(--hairline);background:var(--white);padding:var(--sp-4) var(--sp-5)}.chat__composerinner{max-width:760px;margin:0 auto;display:flex;gap:var(--sp-2)}.msg{display:flex;flex-direction:column;gap:5px}.msg__who{color:var(--slate)}.msg--user{align-items:flex-end}.msg--user .msg__bubble{background:var(--sea);color:var(--white);border-radius:var(--r-md) var(--r-md) 4px var(--r-md);padding:10px 14px;max-width:68%;font-size:14.5px}.msg--copilot .msg__bubble{background:var(--foam);color:var(--ink);border-radius:var(--r-md) var(--r-md) var(--r-md) 4px;padding:12px 15px;max-width:82%}.msg__text{margin:0;font-size:14.5px;line-height:1.55}.msg__bubble--thinking{display:inline-flex;align-items:center;gap:8px}.dot{width:6px;height:6px;border-radius:50%;background:var(--azure);animation:pulse 1.2s infinite ease-in-out}.dot:nth-child(2){animation-delay:.2s}.dot:nth-child(3){animation-delay:.4s}@keyframes pulse{0%,to{opacity:.3;transform:translateY(0)}50%{opacity:1;transform:translateY(-3px)}}.msg__safety{margin-top:10px;padding:10px 12px;background:var(--brass-tint);border-left:3px solid var(--brass);border-radius:0 var(--r-sm) var(--r-sm) 0;display:flex;flex-direction:column;gap:3px;font-size:13.5px;color:var(--abyss)}.msg__safetylabel{color:var(--brass)}.ask__input{flex:1;border:1px solid var(--hairline);border-radius:var(--r-pill);padding:12px 18px;font-size:15px;font-family:var(--font-body);color:var(--ink);background:var(--white)}.ask__input::placeholder{color:var(--slate)}.ask__input:focus{outline:none;border-color:var(--azure)}@media (max-width: 760px){.nav{width:60px;padding:var(--sp-3) var(--sp-2);align-items:center}.nav__item{flex-direction:column;gap:3px;padding:8px 4px;font-size:10px;text-align:center}.nav__label{line-height:1.1}.nav__foot{display:none}.page__inner{padding:var(--sp-5) var(--sp-4)}.page__title{font-size:28px}.catrail__col{padding:var(--sp-3) var(--sp-2);gap:4px}.catbtn{width:60px;padding:8px 4px;font-size:10px}.catbtn__label{display:none}.catpop{right:72px;width:260px}.chat__stream{padding:var(--sp-4)}.chat__composer{padding:var(--sp-3) var(--sp-4)}.msg--user .msg__bubble,.msg--copilot .msg__bubble{max-width:92%}.topbar__new{padding:7px 10px;font-size:0}.topbar__newicon{font-size:18px}.topbar__inner{padding:12px var(--sp-4)}}