@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;700&family=IBM+Plex+Mono:wght@400;600&display=swap";:root{--ink:#12263a;--muted:#4a596a;--line:#12263a26;--sea:#1b4965;--mint:#10b981;--sand:#f6f4ef;--paper:#ffffffdb;--paper-strong:#fff;--danger:#b42318;--busy:#1d4ed8;--radius:18px;--shadow:0 18px 45px #12263a29;--heading:"Space Grotesk", "Segoe UI", sans-serif;--body:"Space Grotesk", "Segoe UI", sans-serif;--mono:"IBM Plex Mono", Consolas, monospace}*{box-sizing:border-box}body{font-family:var(--body);color:var(--ink);background:radial-gradient(circle at 12% 12%, #fff 0%, #fff0 44%), radial-gradient(circle at 84% 6%, #d1fae5 0%, #d1fae500 32%), linear-gradient(180deg, #e7f4fa 0%, var(--sand) 100%);min-height:100vh;margin:0}#app{gap:18px;max-width:1200px;margin:0 auto;padding:20px;display:grid}.navbar{color:#f8fffd;border-radius:var(--radius);box-shadow:var(--shadow);background:linear-gradient(135deg,#1b4965f2,#10b981d9);padding:20px 24px}.navbar h1{font-family:var(--heading);letter-spacing:.02em;margin:0;font-size:clamp(1.5rem,2vw + 1rem,2.3rem)}.navbar p{opacity:.95;margin:6px 0 0}.page{gap:16px;display:grid}.card{border:1px solid var(--line);border-radius:var(--radius);background:var(--paper);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:18px;box-shadow:0 6px 28px #12263a14}.composer h2,.gallery-row h2{font-family:var(--heading);letter-spacing:.01em;margin:0}.composer-grid{gap:12px;margin-top:12px;display:grid}label{color:var(--muted);gap:6px;font-size:.95rem;display:grid}input,textarea,button{font:inherit}input,textarea{border:1px solid var(--line);background:var(--paper-strong);width:100%;color:var(--ink);border-radius:12px;padding:10px 12px}textarea{resize:vertical}input:focus-visible,textarea:focus-visible,button:focus-visible{outline-offset:2px;outline:2px solid #0ea5e9}.actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.btn{border:1px solid var(--line);color:var(--ink);cursor:pointer;background:#fff;border-radius:999px;padding:8px 14px}.btn:hover{transform:translateY(-1px)}.btn-primary{color:#fff;background:linear-gradient(130deg,#1b4965,#10b981);border-color:#0000}#status{font-family:var(--mono);font-size:.86rem}#status[data-state=error]{color:var(--danger)}#status[data-state=busy]{color:var(--busy)}#status[data-state=ok]{color:#0f766e}.section-head{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.pill{font-family:var(--mono);border:1px solid var(--line);color:var(--muted);background:#fff;border-radius:999px;padding:4px 10px}.gallery-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px;display:grid}.chart-card{border:1px solid var(--line);background:#fff;border-radius:14px;gap:10px;padding:12px;display:grid}.chart-card header{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.chart-card h3{margin:0;font-size:1rem}.chart-card time{color:var(--muted);font-size:.78rem}.chart-card canvas{width:100%;height:220px}.chart-actions{flex-wrap:wrap;gap:8px;display:flex}.history-dialog{border:0;border-radius:16px;width:min(720px,100vw - 24px);padding:0}.history-dialog::backdrop{background:#12263a5c}.history-shell{background:#fff;gap:10px;padding:16px;display:grid}.history-head{justify-content:space-between;align-items:center;gap:10px;display:flex}.history-head h3{margin:0}.history-subtitle{color:var(--muted);margin:0;font-size:.92rem}.history-list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.history-item{border:1px solid var(--line);border-radius:12px;gap:8px;padding:10px;display:grid}.history-meta{justify-content:space-between;align-items:center;gap:8px;display:flex}.history-meta time{color:var(--muted);font-size:.82rem}.history-actions{flex-wrap:wrap;gap:8px;display:flex}.empty{color:var(--muted);margin:0;font-style:italic}@media (width<=760px){#app{padding:12px}.card,.navbar{padding:14px}.actions{align-items:stretch}.btn{text-align:center;width:100%}.history-meta{flex-direction:column;align-items:flex-start}}