.recall-veil12{height:100%;width:100%;padding:16px;background:radial-gradient(ellipse at top,#35434e,#141b29 65%);color:#e5dfcc;border:2px solid color-mix(in srgb,var(--accent) 65%,#776548);border-radius:18px;position:relative;box-shadow:inset 0 0 0 6px #141b29,inset 0 0 0 7px #b39d6666,inset 0 0 65px #000b;overflow:auto}
.recall-veil12:before,.recall-veil12:after{content:'❦ ─── ✧ ─── ❦';display:block;text-align:center;color:var(--accent);font-size:22px;pointer-events:none}.recall-veil12:after{transform:rotate(180deg)}
.veil-scroll12{max-width:520px;margin:auto;text-align:center}.recall-question12{display:inline-block;font:bold 40px Georgia;color:var(--accent);text-shadow:2px 3px #0008}.recall-veil12 h2{font-size:18px;overflow-wrap:anywhere;margin:4px 0 12px}.recall-poem12{white-space:pre-line;font:italic 15px/1.5 Georgia}.recall-veil12 textarea{display:block;width:100%;min-height:84px;resize:vertical;background:#111a23;color:#f1eee4;border:1px solid #7f918d;border-radius:10px;padding:12px;font:14px/1.5 system-ui}.recall-veil12 small{display:block;font-size:10px;margin:8px;color:#bac7ce}.recall-veil12 .btn{margin:5px}
.v8-viewer .matrix-bottom11{flex-wrap:wrap;height:auto;min-height:44px;max-height:88px}.matrix-bottom11>.btn{font-size:10px;padding:5px;min-height:29px}.recall-active12 .matrix-bottom11 [hidden]{display:none!important}.recall-active12 .attached-note-zone,.recall-active12 #contextMount,.recall-active12 .companion-panel12{display:none!important}
.recall-neighbor12>:not(.neighbor-veil12):not(.matrix-number){visibility:hidden}.neighbor-veil12{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;background:#19232b;color:#afae97;border:2px solid #a2916355;border-radius:14px;padding:16px;text-align:center}.neighbor-veil12 b{font:48px Georgia}.neighbor-veil12 span{font:13px system-ui}.recall-preview12{position:relative}.recall-preview12:after{content:'';position:absolute;inset:4px;border:2px double var(--accent);border-radius:12px;box-shadow:inset 0 0 20px #a9acc733;pointer-events:none}.album-recall12{position:absolute;inset:0;display:grid;place-items:center;color:var(--accent);font:bold 64px Georgia;text-shadow:3px 3px #17232b;opacity:0;background:#111b26b8;transition:opacity .2s}.album-card:hover .album-recall12,.album-card:focus-within .album-recall12{opacity:1}
.companion-panel12{position:absolute;z-index:28;width:min(350px,90%);max-height:65%;display:flex;flex-direction:column;background:#17222bed;border:1px solid var(--accent);border-radius:12px;box-shadow:0 10px 30px #0008;overflow:hidden;color:#e1e8ea}.companion-panel12>header{display:flex;align-items:center;gap:7px;padding:8px;background:#23333b;touch-action:none;cursor:grab}.companion-panel12 strong{flex:1;min-width:0;overflow-wrap:anywhere;font-size:14px}.companion-panel12 header .btn{padding:4px;width:29px;min-width:29px;height:29px}.companion-panel12 header svg{width:20px;height:20px}.companion-body12{padding:12px;overflow:auto;min-height:0;font-size:13px}.companion-body12 .checklist-paper{height:auto;padding:0;background:transparent}.companion-body12 h2{font-size:15px}.brain-entry12{border-top:1px solid #52646b;margin-top:12px;padding-top:10px}.brain-entry12 p{white-space:pre-wrap;overflow-wrap:anywhere}.brain-entry12 small{font-size:10px;color:#a4b4be}.note-extra12{padding:5px 10px}.note-extra12 .btn{font-size:11px}.recall-active12 .current-cell .card-shell{z-index:6}
@media(max-width:600px){.recall-veil12{padding:9px}.recall-poem12{font-size:13px}.recall-veil12 h2{font-size:14px}.recall-question12{font-size:28px}.companion-panel12{max-height:60%;width:min(320px,94%)}.matrix-bottom11>.btn{font-size:9px}}

/* Compact recall form and a reserved second action row keep controls off content. */
.recall-veil12{padding:10px 12px}.recall-veil12:before,.recall-veil12:after{font-size:14px}.recall-question12{font-size:26px}.recall-veil12 h2{font-size:14px;margin:3px 0 7px}.recall-poem12{font-size:13px;line-height:1.3;margin:7px 0}.recall-veil12 textarea{min-height:60px;height:70px;padding:8px}.recall-veil12 small{font-size:9px;margin:4px}.recall-veil12 .btn{margin:3px}.recall-veil12 #recallStatus12:empty{display:none}
.v8-viewer .current-cell .card-shell{inset:44px 0 82px!important;height:calc(100% - 126px)}
.v8-viewer .matrix-bottom11{min-height:78px;max-height:82px;align-content:center;gap:3px}
.v8-viewer .matrix-bottom11>.btn{font-size:10px;padding:4px 6px}.recall-active12 .current-cell .card-shell{inset:44px 0!important;height:calc(100% - 88px)}.recall-active12 .matrix-bottom11{min-height:44px}

.v8-viewer .matrix-window{overflow:clip}.companion-panel12{background:#17222b}
