:root{color:#17263f;background:#f2f5f1;font-family:Inter,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{color:#fff;cursor:pointer;background:#14213d;border:0;border-radius:8px;padding:9px 14px}button:disabled{cursor:wait;opacity:.65}.auth-state{place-items:center;min-height:100vh;padding:24px;display:grid}.auth-card,.settings-card{background:#fff;border:1px solid #d9e0ee;border-radius:16px;width:min(100%,500px);padding:32px;box-shadow:0 8px 30px #14213d14}.auth-card h1{margin-top:0}.auth-actions{align-items:center;gap:12px;display:flex}.settings-card{margin-top:28px}.settings-card h2{margin:4px 0 10px;font-size:1.45rem}.settings-card p{line-height:1.5}.eyebrow{color:#65718a;letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:.78rem;font-weight:700}form{gap:18px;margin-top:24px;display:grid}label{gap:7px;font-weight:600;display:grid}input{color:#14213d;border:1px solid #cbd4e4;border-radius:8px;width:100%;padding:11px 12px}input:focus{border-color:#14213d;outline:2px solid #14213d26}.form-error{color:#a62b2b;margin:0}.app-shell{background:#f2f5f1;grid-template-columns:248px minmax(0,1fr);min-height:100dvh;display:grid}.sidebar{background:#ffffffb8;border-right:1px solid #17263f17;flex-direction:column;gap:36px;padding:28px 16px 16px;display:flex}.brand-lockup{color:#14213d;letter-spacing:-.03em;white-space:nowrap;align-items:center;gap:10px;padding:0 8px;font-size:1.05rem;font-weight:750;display:flex}.brand-mark{background:#e46f48;border-radius:9px;flex:none;place-items:center;width:29px;height:29px;display:grid;transform:rotate(-8deg)}.brand-mark span{border:2px solid #fff;border-top:0;border-left:0;width:11px;height:11px;transform:rotate(36deg)translate(-1px,-1px)}.navigation{gap:5px;display:grid}.navigation a{color:#647087;border-radius:10px;align-items:center;gap:12px;min-height:44px;padding:0 12px;font-size:.94rem;font-weight:650;text-decoration:none;display:flex}.navigation a:hover{color:#17263f;background:#edf0f4}.navigation a.active{color:#17263f;background:#e7edf1}.navigation svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8px;width:19px;height:19px}.account-menu{margin-top:auto;position:relative}.account-trigger{color:#17263f;text-align:left;background:0 0;border-radius:10px;align-items:center;gap:9px;width:100%;padding:8px;display:flex}.account-trigger:hover{background:#edf0f4}.avatar{color:#173b3d;background:#b8d7ce;border-radius:50%;flex:none;place-items:center;width:30px;height:30px;font-size:.8rem;font-weight:800;display:grid}.account-name{text-overflow:ellipsis;white-space:nowrap;font-size:.86rem;font-weight:650;overflow:hidden}.menu-chevron{color:#65718a;width:16px;height:16px;margin-left:auto}.account-popup{z-index:4;background:#fff;border:1px solid #d9e0ee;border-radius:12px;width:min(240px,100vw - 32px);padding:8px;position:absolute;bottom:calc(100% + 8px);left:0;box-shadow:0 12px 30px #14213d26}.account-popup p{color:#647087;text-overflow:ellipsis;white-space:nowrap;margin:4px 8px 8px;font-size:.78rem;overflow:hidden}.account-popup button{color:#17263f;text-align:left;background:0 0;width:100%}.account-popup button:hover{background:#edf0f4}.app-content{min-width:0;min-height:0;padding:clamp(20px,4vw,48px)}.page{flex-direction:column;min-height:calc(100dvh - clamp(40px,8vw,96px));display:flex}.page-header h1{color:#17263f;letter-spacing:-.045em;margin:0;font-size:clamp(1.65rem,3vw,2.1rem)}.page-header p{color:#65718a;margin:8px 0 0;line-height:1.5}.chat-page .page-header{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.chat{background:#fff;border:1px solid #d9e0ee;border-radius:16px;flex:1;height:auto;min-height:0;display:block;overflow:hidden;box-shadow:0 8px 30px #14213d14}.mobile-bar{display:none}.login-page{background:radial-gradient(circle at 50% 0,#ffffffc7,#0000 39rem),#f2f5f1;justify-content:center;align-items:center;min-height:100vh;padding:32px;display:flex;position:relative;overflow:hidden}.login-panel{z-index:1;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffc7;border:1px solid #17263f17;border-radius:24px;width:min(100%,480px);padding:42px;position:relative;box-shadow:0 24px 70px #17263f1f}.login-copy{margin-top:50px}.login-copy .eyebrow{color:#d25e39}.login-copy h1{color:#17263f;letter-spacing:-.055em;max-width:410px;margin:10px 0 16px;font-size:clamp(2.2rem,6vw,3.15rem);line-height:1.04}.login-copy>p:last-child{color:#647087;max-width:390px;margin:0;line-height:1.6}.login-actions{gap:12px;margin-top:36px;display:grid}.sign-in-button,.signup-button{width:100%;min-height:50px;font-size:.96rem;font-weight:650}.sign-in-button{justify-content:center;gap:10px;display:flex}.sign-in-button:hover{background:#263a5b}.signup-button:disabled{color:#98a0ac;cursor:not-allowed;opacity:1;background:#eef0f2;border:1px solid #d9dee5}.private-beta-note{color:#808a99;text-align:center;margin:3px 0 0;font-size:.8rem}.private-beta-note span{color:#d25e39}.login-footer{z-index:1;color:#87909e;margin:0;font-size:.78rem;position:absolute;bottom:28px}.login-glow{filter:blur(4px);opacity:.55;border-radius:50%;width:440px;height:440px;position:absolute}.login-glow-top{background:#f7c0a8;top:-290px;right:-150px}.login-glow-bottom{background:#b8d7ce;bottom:-320px;left:-150px}@media (width<=720px){.app-shell{display:block}.sidebar{display:none}.mobile-bar{background:#fffc;border-bottom:1px solid #17263f17;justify-content:space-between;align-items:center;gap:12px;min-height:62px;padding:12px 16px;display:flex}.mobile-bar .brand-lockup{padding:0;font-size:.98rem}.mobile-actions{align-items:center;gap:4px;min-width:0;display:flex}.mobile-navigation{gap:2px;display:flex}.mobile-navigation a{min-height:38px;padding:0 8px}.mobile-navigation a span{display:none}.account-menu{margin:0}.mobile-bar .account-trigger{width:auto;padding:4px}.mobile-bar .account-name,.mobile-bar .menu-chevron{display:none}.mobile-bar .account-popup{inset:calc(100% + 8px) 0 auto auto}.app-content{min-height:calc(100dvh - 62px);padding:20px 16px}.page{min-height:calc(100dvh - 102px)}.settings-card{margin-top:22px;padding:24px}.chat{border-radius:12px}}@media (width<=520px){.login-page{padding:20px}.login-panel{border-radius:20px;padding:30px 26px}.login-copy{margin-top:40px}.login-footer{bottom:20px}}
