:root{font-family:Inter,"Noto Sans",system-ui,sans-serif;color:#111827;background:#f8f9fc;color-scheme:light;--page-subink:#4b5563}
*{box-sizing:border-box}html,body{margin:0;height:100%;min-height:100%}
button,input{font:inherit}button{cursor:pointer}.topbar{height:58px;display:flex;align-items:center;gap:18px;background:#fff;border-bottom:1px solid #e5e7eb;padding:0 22px}
.logo{display:flex;align-items:center;gap:10px;font-weight:800;color:#241045;text-decoration:none;font-size:18px}.e{display:grid;place-items:center;width:31px;height:31px;border-radius:8px;background:#6d28d9;color:#fff;font:bold 27px Georgia,serif}
img.e{display:block;background:none;border-radius:0;object-fit:contain}
.subtitle{color:var(--page-subink,#4b5563);font-size:13px}.account{display:flex;align-items:center;gap:12px;margin-left:auto}.account span{font-size:12px;color:var(--page-subink,#4b5563);max-width:190px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account button{border:1px solid #d1d5db;background:#fff;border-radius:8px;padding:7px 12px}
main{height:calc(var(--eese-viewport-height,100dvh) - 58px);min-height:0;overflow:auto}.chat-panel{height:100%}.chat-panel eesebot-chat{display:block;width:100%;height:100%}
.login{max-width:450px;margin:5vh auto;padding:28px 24px;background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 12px 30px #1106330a}
.intro h1{font-size:26px;line-height:1.25;margin:2px 0 12px}.intro p{color:var(--page-subink,#4b5563);line-height:1.6}
form{display:grid;gap:17px;margin-top:25px}label{display:grid;gap:7px;font-weight:600;font-size:13px}input{width:100%;border:1px solid #d1d5db;padding:11px 12px;border-radius:8px;outline-offset:2px}
form button{border:0;border-radius:9px;background:#6d28d9;color:#fff;padding:11px;font-weight:700}form button:disabled{opacity:.5}.err{color:#b91c1c;min-height:15px;font-size:13px}.note{font-size:12px;color:var(--page-subink,#4b5563);line-height:1.6}
[hidden]{display:none!important}
dialog{width:min(760px,calc(100vw - 24px));max-height:calc(var(--eese-viewport-height,100dvh) - 24px);overflow:auto;border:1px solid #b8bdc7;border-radius:14px;padding:22px;background:var(--page-panel,#fff);color:var(--page-ink,#111827)}dialog::backdrop{background:#0008}.settings-heading{display:flex;align-items:center;gap:12px;justify-content:space-between}dialog h2{margin-top:0}dialog button{border:1px solid #929bab;border-radius:7px;padding:7px 11px;background:var(--page-panel,#fff);color:inherit}dialog select,dialog textarea{font:inherit;width:100%;padding:8px;background:var(--page-panel,#fff);color:inherit;border:1px solid #929bab;border-radius:7px}dialog input{background:var(--page-panel,#fff);color:inherit}.consent{display:flex;align-items:center;gap:8px;font-weight:600}.consent input{width:auto}.saved-note{border:1px solid #929bab;padding:12px;margin-top:12px;border-radius:8px}.saved-note p{white-space:pre-wrap;overflow-wrap:anywhere}.saved-note button{margin:8px 8px 0 0}
:root[data-theme=dark]{--page-panel:#182234;--page-ink:#f3f4f6;--page-subink:#9ca3af;color-scheme:dark;background:#111827;color:#f3f4f6}:root[data-theme=dusk]{--page-panel:#2c243a;--page-ink:#faf5ff;--page-subink:#d8b4fe;color-scheme:dark;background:#211b2c;color:#faf5ff}:root[data-theme=dark] .topbar,:root[data-theme=dusk] .topbar{background:var(--page-panel);color:var(--page-ink)}:root[data-theme=dark] .logo,:root[data-theme=dusk] .logo{color:var(--page-ink)}
@media(max-width:600px){.topbar{padding:0 10px;gap:9px}.subtitle{display:none}.account span{max-width:120px}.login{margin:8px;border-radius:12px}.chat-panel{height:100%}}
.usage-scroll{overflow-x:auto;max-width:100%}.usage-scroll table{border-collapse:collapse;width:100%;font-size:.88rem}.usage-scroll th,.usage-scroll td{padding:.65rem;border:1px solid var(--line,#d4d9e0);text-align:left;vertical-align:top}.usage-scroll caption{text-align:left;margin:.6rem 0}
.topbar{height:auto;min-height:58px;flex-wrap:wrap}main{height:calc(var(--eese-viewport-height,100dvh) - var(--eese-header-height,58px))}#task-detail p,#task-detail li,#tasks-list button{overflow-wrap:anywhere}#tasks-list article{padding:10px 0;border-bottom:1px solid #929bab}#tasks-list button{max-width:100%;text-align:left}
@media(max-width:600px){.account{gap:5px}.account span{display:none}.account button{padding:7px 8px;font-size:12px;min-height:44px;min-width:44px}}
#personal-media form{margin-top:12px}#personal-media select,#personal-media textarea{width:100%;font:inherit;border:1px solid #d1d5db;border-radius:8px;padding:10px 12px;background:var(--page-panel,#fff);color:inherit}
.media-limit{display:inline-block;margin:4px 0;padding:6px 10px;border:1px solid #929bab;border-radius:999px;font-size:12px}.media-quote{display:grid;gap:10px;margin:16px 0;padding:14px;border:1px solid #929bab;border-radius:12px}
.media-quote button,#media-results a{margin-right:8px}#media-approve{border:0;border-radius:9px;background:#6d28d9;color:#fff;padding:11px 14px;font-weight:700}#media-approve:disabled{opacity:.5}
.media-card{padding:12px 0;border-bottom:1px solid #929bab;overflow-wrap:anywhere}.media-card h3{font-size:15px;margin:0 0 6px}.media-card img,.media-card video{display:block;max-width:100%;max-height:60vh;border-radius:10px;margin:8px 0}.media-card audio{display:block;width:100%;margin:8px 0}

.wallet-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}.wallet-box{border:1px solid #d6d9e0;border-radius:10px;padding:10px 12px;display:grid;gap:2px}.wallet-label{font-size:12px;color:#5b6474}.wallet-box strong{font-size:18px}
.ledger{margin:4px 0 0;padding-left:18px;font-size:13px}#key-form{display:flex;flex-wrap:wrap;gap:8px;align-items:end}#key-form label{width:100%}#key-form input{flex:1;min-width:0;font:inherit;padding:8px;border:1px solid #929bab;border-radius:7px}
.key-row{display:flex;justify-content:space-between;align-items:center;gap:10px;border-top:1px solid #e3e5ea;padding:8px 0}.key-row div{min-width:0;overflow-wrap:anywhere}
.key-new{border:1px solid #7c3aed;border-radius:10px;padding:10px;margin:10px 0;display:grid;gap:8px}.key-new code{overflow-wrap:anywhere;font-size:13px;background:#f3f0ff;color:#2e1065;padding:6px 8px;border-radius:6px}
.api-guide{white-space:pre-wrap;overflow-wrap:anywhere;font-size:12.5px;background:#0f172a;color:#e2e8f0;padding:12px;border-radius:10px}
.account .workspace-link{font-size:13px;font-weight:600;color:#6d28d9;text-decoration:none;padding:6px 10px;border-radius:8px;border:1px solid #ddd6fe;background:#faf5ff;white-space:nowrap}
@media(max-width:600px){.account .workspace-link{padding:7px 8px;font-size:15px;min-height:44px;min-width:44px;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box}.account .workspace-link::before{content:"▦"}}
.account .workspace-link span{color:inherit;font-size:inherit;font-weight:inherit;max-width:none}
:root[data-theme=dark] .account .workspace-link,:root[data-theme=dusk] .account .workspace-link{color:#ede9fe;background:#2e1065;border-color:#6d28d9}

/* Top bar (28 Oct): one logo, the main places, credits up front, everything else in the account menu. */
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.topnav{display:flex;gap:4px}.topnav a{padding:7px 12px;border-radius:999px;color:var(--page-subink,#4b5563);text-decoration:none;font-size:14px;font-weight:600}.topnav a:hover{background:#f5f3ff;color:#6d28d9}.topnav a[aria-current=page]{background:#ede9fe;color:#6d28d9}
.account{position:relative}.account .credits{display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border-radius:999px;border:1px solid #ddd6fe;background:#faf5ff;color:#4c1d95;text-decoration:none;font-size:14px;white-space:nowrap}
.account .credits b{font-weight:800}.account .credits .add{font-size:12px;font-weight:700;color:#6d28d9;max-width:none}.account .credits.low{border-color:#fca5a5;background:#fef2f2;color:#991b1b}
.account .avatarbtn{width:38px;height:38px;border-radius:50%;border:0;padding:0;background:linear-gradient(135deg,#6d28d9,#a855f7);color:#fff;font-weight:800;font-size:15px}
.account .avatarbtn span{color:#fff;font-size:15px;max-width:none}
.profilemenu{position:absolute;right:0;top:48px;z-index:20;min-width:250px;display:grid;padding:8px;background:#fff;border:1px solid #e5e7eb;border-radius:14px;box-shadow:0 16px 40px #1118272e}
.profilemenu .who{margin:4px 10px 8px;font-size:12px;color:#6b7280;overflow:hidden;text-overflow:ellipsis}
.profilemenu a,.profilemenu button{display:block;padding:10px 12px;border:0!important;border-radius:10px;background:none!important;color:#1f2937;text-decoration:none;text-align:left;font-size:14px;cursor:pointer}
.profilemenu a:hover,.profilemenu button:hover,.profilemenu a:focus-visible,.profilemenu button:focus-visible{background:#f5f3ff!important;color:#6d28d9}
.profilemenu #logout{color:#b91c1c;border-top:1px solid #f3f4f6!important;border-radius:0 0 10px 10px;margin-top:4px}
:root[data-theme=dark] .profilemenu,:root[data-theme=dusk] .profilemenu{background:var(--page-panel);border-color:#374151}:root[data-theme=dark] .profilemenu a,:root[data-theme=dark] .profilemenu button,:root[data-theme=dusk] .profilemenu a,:root[data-theme=dusk] .profilemenu button{color:var(--page-ink)}
@media(max-width:700px){.topnav{display:none}.account .credits .add{display:none}.account .credits{padding:7px 10px}}
@media(max-width:600px){.account span#avatar-letter{display:inline}.account .credits span[aria-hidden]{display:inline}}