/**
 * Compose sheet
 * 
 * Extracted from index.html (inline <style> that began at line 53403).
 * Stylesheet order matters (cascade); index.html links the files in numeric order.
 * See assets/README.md.
 */
#aczCompose{--a:var(--accent,#1B2A5B);--s:var(--sky,#6FA0D6);--bg:var(--input-bg,#fff);--fg:var(--text,#191A1C);--mu:var(--text-muted,#6b7280);--ln:var(--divider,rgba(70,60,44,.13));--tint:rgba(111,160,214,.15);--dock:var(--sand,#f3efe8);position:fixed;left:0;right:0;top:0;height:100%;z-index:10020;display:none;background:rgba(12,18,38,.5);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);font-family:'DM Sans',system-ui,sans-serif;-webkit-tap-highlight-color:transparent}
#aczCompose.open{display:block;animation:aczFade .2s ease-out both}
@keyframes aczFade{from{opacity:0}to{opacity:1}}
@keyframes aczUp{from{transform:translateY(32px);opacity:.5}to{transform:none;opacity:1}}
@keyframes aczPulse{0%{box-shadow:0 0 0 0 rgba(229,72,77,.5)}100%{box-shadow:0 0 0 14px rgba(229,72,77,0)}}
.acz-sheet{position:absolute;left:0;right:0;bottom:0;top:max(10px,env(safe-area-inset-top));max-width:780px;margin:0 auto;display:flex;flex-direction:column;background:var(--bg);color:var(--fg);border-radius:28px 28px 0 0;box-shadow:0 -24px 64px rgba(12,18,38,.32),0 -1px 0 var(--ln);padding:0 env(safe-area-inset-right) 0 env(safe-area-inset-left);animation:aczUp .28s cubic-bezier(.2,.8,.2,1) both}
.acz-hd{touch-action:none;padding:8px 14px 10px}
.acz-grab{width:42px;height:5px;border-radius:3px;background:var(--mu);opacity:.35;margin:0 auto 10px}
.acz-row{display:flex;align-items:center;gap:10px}
.acz-ttl{flex:1;min-width:0;text-align:center}
.acz-ttl b{display:block;font-size:1rem;font-weight:700;letter-spacing:-.01em}
.acz-pill{display:inline-block;margin-top:2px;padding:1px 10px;border-radius:99px;background:var(--tint);color:var(--a);font-size:.68rem;font-weight:700;min-height:1.1em}
#aczCompose.rec .acz-pill{background:rgba(229,72,77,.14);color:#e5484d}
.acz-sub button,.acz-draft button{border:0;background:none;color:var(--a);font:inherit;font-weight:700;padding:4px 2px;cursor:pointer}
#aczCmpClose{width:42px;height:42px;background:var(--tint);color:var(--a)}
#aczCmpSend{width:auto;min-width:92px;height:44px;display:flex;align-items:center;justify-content:center;gap:6px;padding:0 18px;border-radius:15px;background:linear-gradient(135deg,var(--a),var(--s));box-shadow:0 8px 18px rgba(27,42,91,.26);font:700 .92rem 'DM Sans',system-ui,sans-serif}
#aczCmpSend svg{width:17px;height:17px}
.acz-draft{display:none;align-items:center;gap:8px;margin:0 16px 4px;padding:7px 8px 7px 14px;border-radius:14px;background:var(--tint);font-size:.82rem}
.acz-draft.show{display:flex}.acz-draft span{flex:1}
.acz-body{flex:1;min-height:0;display:flex;padding:4px 22px 0}
#aczCompose textarea#input{flex:1;width:100%;box-sizing:border-box;height:100%!important;max-height:none!important;padding:8px 0;line-height:1.65;font-size:var(--acz-fs,18px)!important;caret-color:var(--s)}
.acz-meta{display:flex;gap:12px;align-items:center;padding:4px 22px 6px;font-size:.72rem;color:var(--mu)}
.acz-meta span:first-child{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.acz-meta button{border:0;background:none;color:var(--a);font:inherit;font-weight:700;cursor:pointer;padding:2px}
.acz-att{display:none;gap:8px;overflow-x:auto;padding:0 16px 6px;scrollbar-width:none}
.acz-att.show{display:flex}.acz-att::-webkit-scrollbar,.acz-chips::-webkit-scrollbar,.acz-dock::-webkit-scrollbar{display:none}
.acz-att b{flex:none;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:6px 12px;border-radius:12px;background:var(--dock);font-size:.76rem;font-weight:600}
.acz-chips{display:flex;gap:8px;overflow-x:auto;padding:2px 16px 8px;scrollbar-width:none}
.acz-chips button{flex:none;border:0;background:var(--tint);color:var(--a);border-radius:14px;padding:8px 14px;font:600 .82rem 'DM Sans',system-ui,sans-serif;cursor:pointer}
.acz-chips button:active{transform:scale(.96)}
.acz-dock{display:flex;align-items:center;gap:2px;overflow-x:auto;margin:2px 10px calc(10px + env(safe-area-inset-bottom));padding:6px;border-radius:24px;background:var(--dock);scrollbar-width:none;-webkit-mask-image:linear-gradient(90deg,#000 92%,transparent);mask-image:linear-gradient(90deg,#000 92%,transparent)}
.acz-dock .icon-btn{flex:none;width:44px;height:44px;min-width:44px;color:var(--fg)}
.acz-dock .icon-btn.pri{color:var(--a)}
.acz-dock .icon-btn:disabled{opacity:.3}
.acz-dock .tx{font:700 .78rem 'DM Sans',system-ui,sans-serif}
.acz-dock s{flex:none;width:1px;height:22px;background:var(--ln);margin:0 4px}
#aczCompose.rec [data-a=mic]{background:#e5484d;color:#fff;animation:aczPulse 1.2s infinite}
#aczCompose button:focus-visible{outline:2px solid var(--s);outline-offset:2px}
@media (max-height:480px){.acz-chips,.acz-grab,.acz-meta{display:none}.acz-sheet{top:0;border-radius:0}}
@media (prefers-reduced-motion:reduce){#aczCompose.open,.acz-sheet,#aczCompose.rec [data-a=mic]{animation:none}}
@media (forced-colors:active){#aczCmpSend{border:1px solid}}
#aczCompose[data-theme=dark]{--bg:#0f172a;--fg:#e2e8f0;--mu:#94a3b8;--ln:rgba(148,163,184,.2);--dock:#1e293b;--a:#a5b4fc;--tint:rgba(129,140,248,.2)}
#aczCompose[data-theme=light]{--bg:#fff;--fg:#191A1C;--mu:#6b7280;--ln:rgba(70,60,44,.13);--dock:#f3efe8;--a:#1B2A5B;--tint:rgba(111,160,214,.15)}
#aczCompose textarea#input{color:var(--fg)}#aczCompose textarea#input::placeholder{color:var(--mu);opacity:.8}
#aczCmpSend.empty{background:var(--tint);color:var(--a);box-shadow:none}
.acz-pill:empty{display:none}.acz-pill::before{content:'';display:inline-block;width:6px;height:6px;margin-right:6px;border-radius:50%;background:currentColor;vertical-align:middle}
.acz-dock .icon-btn.pri{background:var(--tint);color:var(--a);border-radius:14px}
.acz-dock .icon-btn:active{transform:scale(.92)}.acz-dock .lbl{display:none}
@media (min-width:520px){.acz-dock .icon-btn.act{width:auto;padding:0 14px;gap:7px}.acz-dock .lbl{display:inline;font:700 .8rem 'DM Sans',system-ui,sans-serif}}
.acz-more{display:none;position:absolute;left:12px;right:12px;bottom:calc(80px + env(safe-area-inset-bottom));grid-template-columns:repeat(4,1fr);gap:6px;padding:10px;border-radius:22px;background:var(--bg);border:1px solid var(--ln);box-shadow:0 18px 48px rgba(12,18,38,.28);z-index:3}
.acz-more.show{display:grid;animation:aczUp .18s ease-out both}
.acz-more button{display:flex;flex-direction:column;align-items:center;gap:5px;padding:10px 4px;border:0;border-radius:16px;background:var(--dock);color:var(--fg);font:600 .68rem 'DM Sans',system-ui,sans-serif;cursor:pointer;text-align:center}
.acz-more button svg{width:20px;height:20px}.acz-more .tx{font:700 .9rem 'DM Sans',system-ui,sans-serif;height:20px;line-height:20px}.acz-more button:disabled{opacity:.35}
.acz-tpl{display:none;position:absolute;inset:0;z-index:4;flex-direction:column;background:var(--bg);border-radius:28px 28px 0 0}
.acz-tpl.show{display:flex;animation:aczUp .22s cubic-bezier(.2,.8,.2,1) both}
.acz-th{padding:16px 14px 10px}.acz-tpl .icon-btn{width:42px;height:42px;background:var(--tint);color:var(--a)}
.acz-th .send-btn{width:auto;min-width:0;padding:0 14px;height:42px;border-radius:14px;font:700 .85rem 'DM Sans',system-ui,sans-serif}
.acz-q,.acz-name input{margin:0 16px 8px;padding:12px 14px;border:1.5px solid var(--ln);border-radius:14px;background:var(--dock);color:var(--fg);font:500 16px 'DM Sans',system-ui,sans-serif;outline:none}
.acz-q:focus,.acz-name input:focus{border-color:var(--s)}
.acz-name{display:none;align-items:center;gap:8px;margin-right:16px}.acz-name.show{display:flex}.acz-name input{flex:1;margin-right:0}
.acz-name button{border:0;border-radius:12px;padding:12px 16px;background:var(--a);color:var(--bg);font:700 .85rem 'DM Sans',system-ui,sans-serif;cursor:pointer}
.acz-list{flex:1;overflow-y:auto;padding:0 12px calc(12px + env(safe-area-inset-bottom));-webkit-overflow-scrolling:touch}
.acz-it{display:flex;gap:4px;margin-bottom:8px}
.acz-it .use{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px;text-align:start;padding:12px 14px;border:0;border-radius:16px;background:var(--dock);color:var(--fg);cursor:pointer;font-family:inherit}
.acz-it .use b{font-size:.9rem}.acz-it .use span{font-size:.78rem;color:var(--mu);overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.acz-it .del{flex:none;width:44px;border:0;border-radius:16px;background:var(--tint);color:var(--a);font-size:1.3rem;cursor:pointer}
.acz-empty{padding:28px 20px;text-align:center;color:var(--mu);font-size:.85rem}
.acz-body{position:relative}
.acz-at{display:none;position:absolute;left:10px;right:10px;bottom:8px;max-height:46%;overflow-y:auto;padding:6px;border-radius:18px;background:var(--bg);border:1px solid var(--ln);box-shadow:0 14px 40px rgba(12,18,38,.26);z-index:2}
.acz-at.show{display:block;animation:aczUp .14s ease-out both}
.acz-at button{display:flex;align-items:baseline;gap:10px;width:100%;padding:10px 12px;border:0;border-radius:12px;background:none;color:var(--fg);font:inherit;text-align:start;cursor:pointer}
.acz-at button b{flex:none;color:var(--a);font-size:.88rem}.acz-at button span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.78rem;color:var(--mu)}
.acz-at button.on,.acz-at button:active{background:var(--tint)}
.acz-chips button::before{content:'✦ ';opacity:.55}
.acz-dock{overflow:visible;-webkit-mask-image:none;mask-image:none;gap:6px;padding:6px 8px}.acz-dock i{flex:1}
.acz-sp{flex:none;width:42px}.acz-att b{display:flex;align-items:center;max-width:240px}
.acz-att b button{border:0;background:none;color:inherit;font-size:1.05rem;line-height:1;padding:0 0 0 8px;cursor:pointer}
.acz-more{max-height:58%;overflow-y:auto}
