#ai-root{position:relative;z-index:40}.ai-panel{position:fixed;right:0;top:0;bottom:0;width:min(480px,100vw);background:#fff;border-left:1px solid var(--line);box-shadow:-8px 0 30px #17352f18;display:flex;flex-direction:column}.ai-panel[hidden]{display:none}.ai-head{padding:18px 20px 12px;border-bottom:1px solid var(--line)}.ai-head h2{margin:0;font-size:21px}.ai-head .row{gap:8px}.ai-head button{padding:5px 10px;min-height:36px}.ai-head select{margin-top:10px;font-size:13px;min-height:36px;padding:6px}.ai-feed{overflow:auto;overscroll-behavior:contain;flex:1;padding:20px;scroll-behavior:smooth}.ai-empty{margin:35px 0 20px}.ai-empty h3{font-size:23px;line-height:1.5}.ai-suggestions{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}.ai-suggestions button{font-size:13px;background:#f4f6ef;color:var(--ink);border-color:var(--line);font-weight:400;text-align:left}.ai-turn{margin-bottom:24px}.ai-question{background:#e9f6d6;border-radius:14px 14px 2px 14px;padding:12px 14px;margin:0 0 18px 28px;white-space:pre-wrap;overflow-wrap:anywhere}.ai-answer{font-size:14px;white-space:pre-wrap;overflow-wrap:anywhere}.ai-card{border:1px solid var(--line);border-radius:12px;padding:14px;margin:12px 0;background:#fafcf8}.ai-card h3{font-size:15px;margin:0 0 10px}.ai-metric{display:flex;justify-content:space-between;gap:12px;padding:7px 0;border-bottom:1px solid #e4ebe3}.ai-metric strong{color:var(--green);font-variant-numeric:tabular-nums}.ai-card details{margin:12px 0}.ai-card summary{cursor:pointer;color:var(--green);font-weight:600}.ai-record{padding:10px 0;border-bottom:1px solid var(--line);font-size:12px;overflow-wrap:anywhere}.ai-record span{display:inline-block;margin:0 10px 3px 0}.ai-links{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.ai-links button{font-size:12px;min-height:32px;padding:4px 8px}.ai-progress{padding:10px;color:var(--muted);font-size:13px;background:var(--paper);border-radius:8px}.ai-compose{padding:12px 20px max(12px,env(safe-area-inset-bottom));border-top:1px solid var(--line);background:white}.ai-compose textarea{margin:0;min-height:76px;max-height:150px;resize:vertical}.ai-compose .row{justify-content:space-between;margin-top:8px}.ai-compose .muted{font-size:11px}.ai-error{color:var(--red);font-size:13px;padding:8px 0}.ai-pending{font-size:12px;color:var(--muted)}body.ai-open main{padding-right:500px;max-width:1800px}body.ai-open main .grid{grid-template-columns:repeat(2,minmax(0,1fr))}#ai-entry{margin-right:8px}#ai-close{margin-left:auto}.ai-badge{background:#e7f6d3;color:var(--green);font-size:11px;border-radius:12px;padding:2px 8px}.ai-entry-context{margin-bottom:12px}.ai-panel:focus{outline:none}@media(max-width:1100px){body.ai-open main{padding-right:24px;max-width:1328px}.ai-panel{width:min(480px,100vw)}body.ai-open main .grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:700px){body.ai-open main{padding-right:16px}.ai-panel{width:100vw;height:100dvh;bottom:auto}.ai-head{padding-top:max(12px,env(safe-area-inset-top))}.ai-feed{padding:16px}.ai-compose{padding-left:16px;padding-right:16px}body.ai-open main .grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ai-question{margin-left:20px}}

@media(max-width:1100px),(pointer:coarse){.ai-head select,.ai-compose textarea{font-size:16px}}
.ai-panel,.ai-feed,.ai-card{min-width:0}.ai-metric{flex-wrap:wrap}.ai-metric>*{min-width:0;overflow-wrap:anywhere}