/* Active recall shares the current theme and compact option controls. */
#app{--composer-zone:calc(var(--composer-current-height,130px) + var(--keyboard-offset));}
.composer{gap:4px;padding-top:8px;background:linear-gradient(transparent,var(--composer-bg) 30%);}
.composer .field{flex:1 0 100%;border-radius:17px;box-sizing:border-box;min-height:46px;}
.composer-tools{display:flex;align-items:center;gap:8px;width:100%;min-height:44px;}
.composer-tools .floatbtn:not(.send),.composer-tools .emojibtn,.composer-tool{width:auto;min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center;gap:4px;border:0;background:transparent;color:var(--text-soft);font:12px var(--font-cn);padding:0 4px;}
.composer-tools svg{width:18px!important;height:18px!important;}
.composer-tools .send{width:40px;height:40px;}
.composer-tools .send svg{width:23px!important;height:23px!important;}
.composer-spacer{flex:1;}
.composer button:focus-visible,.home-settings-star:focus-visible{outline:2px solid var(--accent);outline-offset:2px;}
.memory-draft{display:flex;gap:6px;overflow-x:auto;width:100%;padding:2px 0;max-height:46px;}
.memory-draft[hidden]{display:none;}
.memory-draft-item{display:flex;align-items:center;flex:none;max-width:240px;background:var(--field-bg);border-radius:10px;}
.memory-draft-item button{min-height:40px;color:var(--text-soft);font:12px var(--font-cn);border:0;background:transparent;padding:4px 10px;}
.memory-draft-item button:first-child{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.memory-draft-item button:last-child{min-width:36px;}
.memory-message-button{display:block;text-align:left;background:transparent;color:var(--text-soft);border:0;border-bottom:1px solid var(--hairline);padding:4px 0 9px;margin-bottom:8px;font:12px var(--font-cn);cursor:pointer;}
.home-settings-star{position:absolute;z-index:3;left:50%;bottom:calc(max(8px,env(safe-area-inset-bottom)) + 14% - 48px);transform:translateX(-50%);width:44px;height:44px;border:0;background:transparent;color:#d3d5bc;font-size:13px;opacity:.55;cursor:pointer;}
.home-settings-star:focus-visible,.home-settings-star:hover{opacity:.9;}
.recall-dialog{--recall-green:var(--send-bg);padding:0;border:0;width:min(100%,720px);max-width:100%;height:100dvh;max-height:100dvh;margin:auto;background:var(--bg);color:var(--text);font:13px/1.75 var(--font-cn);}
.recall-dialog[open]{display:flex;flex-direction:column;}
.recall-dialog::backdrop{background:rgba(0,0,0,.5);}
.recall-dialog button,.recall-dialog select,.recall-dialog input{font:inherit;color:inherit;}
.recall-dialog button{min-height:44px;border:0;background:transparent;padding:6px 12px;border-radius:10px;cursor:pointer;}
.recall-dialog button:disabled{opacity:.5;cursor:default;}
.recall-dialog button:focus-visible,.recall-dialog input:focus-visible,.recall-dialog select:focus-visible{outline:2px solid var(--accent);outline-offset:2px;}
.recall-header{display:flex;align-items:center;gap:8px;padding:max(8px,env(safe-area-inset-top)) 12px 8px;border-bottom:1px solid var(--hairline);flex:none;}
.recall-header h2{font-size:19px;font-weight:400;flex:1;margin:0;text-align:center;}
.recall-header button:last-child{min-width:44px;}
.recall-body{overflow-y:auto;overscroll-behavior:contain;flex:1;min-height:0;padding:16px 20px;}
.recall-body h3{font-size:19px;font-weight:400;margin:0 0 12px;}
.recall-body h4{font-size:14px;font-weight:400;margin:20px 0 8px;}
.recall-body p{margin:4px 0 12px;}
.recall-search{display:flex;gap:8px;background:var(--field-bg);border-radius:13px;padding:3px;margin-bottom:16px;}
.recall-search input{min-width:0;width:100%;background:transparent;border:0;padding:8px;outline:0;}
.recall-search button,.recall-actions .recall-primary{background:var(--recall-green);color:var(--accent-fg);}
.recall-dialog select{width:100%;height:36px;border:0;border-radius:10px;background:var(--field-bg);padding:0 8px;font-size:12.5px;margin-bottom:8px;}
.recall-row{display:block;width:100%;text-align:left;border-bottom:1px solid var(--hairline)!important;border-radius:0!important;padding:12px 0!important;}
.recall-row strong{display:block;font-size:14px;font-weight:400;}
.recall-meta,.recall-status{color:var(--text-soft);font-size:12px;}
.recall-snippet{color:var(--text-soft);font-size:12.5px;margin-top:4px;}
.recall-choice{display:flex;align-items:flex-start;gap:8px;padding:8px 0;min-height:36px;}
.recall-choice input{flex:none;margin:7px 0 0;accent-color:var(--recall-green);}
.recall-choice span{overflow-wrap:anywhere;}
.recall-options{display:flex;gap:3px;border-radius:13px;padding:3px;background:var(--field-bg);margin:12px 0;}
.recall-options button{flex:1;font-size:12px;min-height:36px;}
.recall-options button[aria-pressed="true"]{background:var(--recall-green);color:var(--accent-fg);box-shadow:0 1px 4px #0002;}
.recall-text{white-space:pre-wrap;overflow-wrap:anywhere;font:13px/1.75 var(--font-cn);margin:8px 0 16px;}
.recall-body details{border-bottom:1px solid var(--hairline);padding:8px 0;}
.recall-body summary{cursor:pointer;overflow-wrap:anywhere;}
.recall-status{flex:none;margin:0;padding:0 20px;min-height:0;}
.recall-status:empty{display:none;}
.recall-actions{display:flex;justify-content:flex-end;gap:8px;flex:none;padding:8px 20px max(12px,env(safe-area-inset-bottom));}
html[data-theme="harbor"] .recall-dialog{--recall-green:#566343;background:#192215;color:#eef1df;}
html[data-theme="harbor"] .recall-actions .recall-primary{background:#9ca463;color:#202808;}
html[data-theme="harbor"] .recall-options,html[data-theme="harbor"] .recall-search{background:rgba(32,40,8,.48);}
html[data-theme="harbor"] .recall-search button{color:#eef1df;}
@media(pointer:coarse){.recall-search input{font-size:16px;}}
@media(min-width:721px){.recall-dialog{height:min(900px,94dvh);border-radius:16px;}.recall-dialog select{height:38px;font-size:13px;}}
@media(prefers-reduced-motion:reduce){.composer{transition:none;}}

body.temporary-session #quotaForgeOpen{display:none!important;}
.recall-search button{flex:none;white-space:nowrap;min-width:60px;}
.composer textarea{scrollbar-color:var(--text-faint) transparent;}
@media(max-width:720px){.recall-dialog{top:0;bottom:auto;margin:0 auto;height:calc(100dvh - var(--keyboard-offset,0px));max-height:calc(100dvh - var(--keyboard-offset,0px));}}
