@import url('./tokens.css');
body{height:100vh;overflow:hidden;background:#F7FAFD}.app{height:100%;display:grid;grid-template-columns:224px minmax(0,1fr)}.sidebar{background:var(--yd-ink);color:var(--yd-dark-text);padding:31px 20px;display:flex;flex-direction:column}.sidebar .brand{width:170px;margin:0 7px 40px}.sidebar button{display:flex;align-items:center;gap:12px;width:100%;padding:13px 14px;border:0;background:transparent;color:var(--yd-dark-muted);text-align:left;border-radius:8px;font-size:14px;min-height:46px}.sidebar button.active{background:#19364A;color:#83E8F7}.sidebar button:hover{background:#162A40;color:white}.nav-icon{width:19px;height:19px;display:inline-grid;place-items:center;font-family:monospace;font-size:20px}.sidebar small{font-size:10px;letter-spacing:1.5px;color:#869BB5;margin:32px 14px 12px}.recent-item{font-size:12px!important}.side-bottom{margin-top:auto;padding:22px 10px 0;border-top:1px solid var(--yd-dark-line);font-size:11px;line-height:1.8;color:var(--yd-dark-muted)}.side-bottom a{color:#83E8F7}.main{display:flex;flex-direction:column;height:100%;min-width:0}.app-top{height:78px;padding:0 38px;border-bottom:1px solid var(--yd-line);display:flex;align-items:center;justify-content:space-between;gap:20px;flex-shrink:0;background:white}.app-top strong{font-size:15px}.top-controls{display:flex;align-items:center;gap:16px}.top-controls a{font-size:12px;color:var(--yd-muted)}.theme-button{border:1px solid var(--yd-line);border-radius:8px;background:transparent;width:38px;height:38px;color:var(--yd-muted);font-size:17px}.demo-banner{font-size:11px;color:var(--yd-muted);background:#EDF3FA;text-align:center;padding:9px 20px;line-height:1.6;flex-shrink:0}.content{flex:1;min-height:0;overflow:auto;padding:40px 30px 22px}.conversation{max-width:750px;margin:auto}.welcome{text-align:center;padding:22px 0 28px}.welcome .welcome-icon{width:62px;margin-bottom:16px}.welcome h1{font-size:32px;letter-spacing:-.8px;margin:8px 0 15px}.welcome p{font-size:14px;color:var(--yd-muted);line-height:1.8;margin:0}.suggestions{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:6px 0 36px}.suggestion{border:1px solid var(--yd-line);border-radius:12px;background:white;color:var(--yd-text);text-align:left;padding:18px;font-size:13px;line-height:1.6;transition:border .18s}.suggestion:hover{border-color:var(--yd-blue)}.suggestion span{display:block;font-size:11px;color:var(--yd-muted);margin-top:7px}.user-message{background:#E8F0FF;border-radius:14px 14px 4px 14px;padding:15px 18px;font-size:14px;line-height:1.7;max-width:85%;margin:22px 0 22px auto;overflow-wrap:anywhere}.assistant-heading{display:flex;gap:9px;align-items:center;font-size:12px;margin-bottom:13px;color:var(--yd-muted)}.assistant-heading img{width:22px}.assistant-message{background:white;border:1px solid var(--yd-line);border-radius:4px 16px 16px 16px;padding:24px;margin-bottom:24px;line-height:1.8;font-size:14px}.assistant-message h2{font-size:17px;margin:10px 0}.assistant-message p{margin:10px 0;color:var(--yd-muted);font-size:13px}.draft-grid{display:grid;grid-template-columns:82px minmax(0,1fr);gap:12px;font-size:13px;background:#F7FAFD;border-radius:10px;padding:18px;margin:17px 0}.draft-grid dt{color:var(--yd-muted)}.draft-grid dd{margin:0;overflow-wrap:anywhere}.draft-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.draft-actions button{font-size:13px}.composer-shell{padding:16px 30px 20px;background:linear-gradient(transparent,#F7FAFD 20%);flex-shrink:0}.composer{max-width:750px;margin:auto;background:white;border:1px solid #B8CBE0;border-radius:16px;padding:15px 15px 11px;box-shadow:0 8px 30px #193a5f07}.composer:focus-within{border-color:var(--yd-blue);box-shadow:0 0 0 2px #0757D91a}.composer textarea{display:block;resize:vertical;width:100%;min-height:42px;max-height:120px;background:transparent;border:0;outline:none;color:var(--yd-text);font-size:14px;line-height:1.7}.composer textarea::placeholder{color:var(--yd-muted)}.composer-bar{display:flex;align-items:center;justify-content:space-between;margin-top:8px;gap:12px}.composer-bar span{font-size:10px;color:var(--yd-muted)}.send-button{background:var(--yd-blue);color:white;border:0;border-radius:9px;min-width:44px;height:44px;font-size:20px}.send-button:hover{background:#0649B7}.composer-note{max-width:750px;text-align:center;margin:10px auto 0;font-size:10px;color:var(--yd-muted)}.empty-state{padding:70px 20px;text-align:center}.empty-state h1{font-size:28px}.empty-state p{font-size:14px;line-height:1.8;color:var(--yd-muted)}.task-list{list-style:none;margin:25px 0;padding:0}.task-list li{padding:20px;background:white;border:1px solid var(--yd-line);border-radius:12px;margin-bottom:12px}.task-list h3{font-size:16px;margin:0 0 10px;overflow-wrap:anywhere}.task-list p{font-size:12px;color:var(--yd-muted)}.status-line{font-size:12px;color:var(--yd-success);padding:12px 0}.hidden,[hidden]{display:none!important}
body[data-theme='dark']{--yd-paper:#07111F;--yd-text:#EFF6FF;--yd-muted:#A3B4CB;--yd-line:#263B53;--yd-blue:#51DDF5;background:#07111F}body[data-theme='dark'] .app-top,body[data-theme='dark'] .suggestion,body[data-theme='dark'] .assistant-message,body[data-theme='dark'] .composer,body[data-theme='dark'] .task-list li{background:#101E30}body[data-theme='dark'] .demo-banner,body[data-theme='dark'] .draft-grid{background:#102338}body[data-theme='dark'] .user-message{background:#163A4B}body[data-theme='dark'] .composer-shell{background:#07111F}body[data-theme='dark'] .yd-button:not(.secondary),body[data-theme='dark'] .send-button{color:#07111F}body[data-theme='dark'] .yd-button.secondary{background:#182C43;color:#EFF6FF}body[data-theme='dark'] .yd-button:not(.secondary):hover,body[data-theme='dark'] .send-button:hover{background:#85E8F8}
@media(max-width:850px){.app{grid-template-columns:76px minmax(0,1fr)}.sidebar{padding:25px 12px}.sidebar .brand{display:none}.sidebar .mobile-brand{display:block!important;width:40px;margin:0 auto 30px}.sidebar button{padding:13px;justify-content:center}.sidebar button .nav-label,.sidebar small,.sidebar .recent-item,.side-bottom{display:none}.app-top{padding:0 22px;height:68px}.top-controls{gap:10px}.welcome h1{font-size:27px}.content{padding:28px 22px 10px}.suggestions{grid-template-columns:1fr}.suggestion{padding:13px 16px}.suggestion span{display:none}.composer-shell{padding:12px 20px}.top-controls .desktop-link{display:none}}
@media(max-width:520px){.app{grid-template-columns:56px minmax(0,1fr)}.sidebar{padding:24px 6px}.sidebar .mobile-brand{width:30px}.sidebar button{padding:13px 10px}.app-top{padding:0 15px}.app-top strong{font-size:13px}.top-controls .yd-badge{display:none}.demo-banner{padding:7px 12px;font-size:10px}.content{padding:22px 14px 8px}.welcome{padding-top:8px}.welcome h1{font-size:23px}.welcome p{font-size:12px}.welcome .welcome-icon{width:46px}.suggestions{gap:8px;margin-bottom:22px}.assistant-message{padding:16px}.draft-grid{grid-template-columns:66px minmax(0,1fr);padding:12px;gap:9px;font-size:12px}.composer-shell{padding:10px 12px}.composer-bar span{font-size:9px}.composer textarea{font-size:13px}.composer-note{font-size:9px}.user-message{font-size:13px;max-width:94%}.draft-actions .yd-button{padding:11px 13px}.content{scroll-behavior:smooth}}