:root{font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#e3ebe9;background:#101f25;font-synthesis:none;color-scheme:dark}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button,a,input{outline-offset:4px}button{cursor:pointer;background:#75e2bd;color:#102c25;border:0;border-radius:9px;padding:13px 20px;font-weight:650}button:disabled{opacity:.5;cursor:wait}a{color:inherit;text-decoration:none}#app{min-height:100vh}aside{position:fixed;inset:0 auto 0 0;width:248px;padding:34px 24px;background:#0b171c;border-right:1px solid #26383e}.brand{font-size:23px;font-weight:750;display:flex;align-items:center;gap:12px}.mark{display:inline-grid;place-items:center;background:#75e2bd;color:#0b1c22;width:38px;height:38px;border-radius:11px;font-size:24px;font-weight:850}.eyebrow{font-size:11px;letter-spacing:2px;color:#8eaaa6;margin:26px 0 18px}nav{display:grid;gap:8px;margin-top:38px}nav a{padding:13px 14px;border-radius:7px;color:#a6b9bc;font-size:14px}nav a:hover,nav a[aria-current]{background:#203630;color:#a0f1d5}.sidebar-bottom{position:absolute;bottom:28px;left:24px;font-size:12px;color:#8ba5a6}.pill{display:inline-block;border:1px solid #41665a;padding:7px 9px;border-radius:5px;font-size:10px;letter-spacing:1px;color:#a2d6c4}.quiet{padding:9px 0;background:none;color:#a4b5b9}main{margin-left:248px;padding:0 54px 40px;max-width:1500px}header{height:96px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #2a3c42;font-size:10px;letter-spacing:1.5px;color:#8da9ad;margin-bottom:40px}.admin{letter-spacing:0;color:#c7d5d5}h1{font-size:clamp(28px,3vw,42px);font-weight:550;letter-spacing:-1.3px;margin:10px 0 15px}h2{font-weight:550;font-size:21px}h3{font-size:15px;font-weight:500}p{line-height:1.6;color:#a1b6b9}.subtitle{margin-bottom:34px}.notice{border:1px solid #3b5054;border-left:3px solid #bb9d60;background:#16292e;padding:20px 24px;border-radius:8px;font-size:13px}.notice strong{color:#dac79f;font-size:13px}.notice p{margin:8px 0 0}.suggestions{display:flex;flex-wrap:wrap;gap:10px;margin:25px 0}.suggestion{background:transparent;color:#bacccf;border:1px solid #3a4e53;font-size:12px;padding:11px 14px;font-weight:400}.suggestion:hover{border-color:#75e2bd}#conversation{min-height:120px}article,section{margin:20px 0}article{background:#172a30;border:1px solid #30464b;border-radius:12px;padding:22px}pre{font-family:ui-monospace,monospace;font-size:12px;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.7;color:#bfd7d3}#chat{display:flex;padding:8px;border:1px solid #527368;border-radius:13px;gap:12px}input{width:100%;padding:13px;color:#e4efed;background:#12232a;border:1px solid #3b5054;border-radius:8px}#chat input{border:0;background:none}#chat button{white-space:nowrap}.footnote{text-align:center;font-size:11px;color:#7e9b9f}.cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.cards article{margin:0}.cards article>span{font-size:12px;color:#a4bcb8}.cards h2{font-size:21px;color:#d8c59d}.cards p{font-size:12px}.login{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:8%;max-width:1100px;padding:60px;margin:auto}.login h1{font-size:48px;line-height:1.15}.login form{border:1px solid #365056;border-radius:16px;padding:38px;background:#172a30}.login label{display:block;font-size:12px;margin:23px 0}.login input{margin-top:9px}.login button{width:100%}.login small{color:#91a7aa;font-size:11px;line-height:1.8}#error{color:#ffb0a5;font-size:12px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}@media(max-width:850px){aside{position:static;width:auto;padding:18px}aside .eyebrow,.sidebar-bottom{display:none}nav{display:flex;overflow:auto;margin-top:14px;gap:4px}nav a{white-space:nowrap;padding:9px;font-size:12px}main{margin:0;padding:0 22px 30px}header{height:65px;margin-bottom:25px}.login{grid-template-columns:1fr;padding:30px;gap:20px}.login-intro h1{font-size:32px}.login-intro>p{display:none}.login form{padding:25px}.cards{grid-template-columns:1fr}#chat button{padding:12px}.admin{font-size:9px}}@media(max-width:850px){.sidebar-bottom{display:block;position:static;margin-top:8px}.sidebar-bottom p,.sidebar-bottom .pill{display:none}}