.inception{font:12px/1.6 Arial,sans-serif;color:var(--muted);margin:14px 0 0;letter-spacing:.04em}.asset-select{position:absolute;inset:0;width:100%;height:100%;z-index:3;border:0;border-radius:3px;background:transparent;cursor:pointer;color:inherit}.asset:has(.asset-select[aria-pressed=true]){border-color:var(--gold);box-shadow:0 0 0 1px var(--gold),inset 0 0 30px #d3ac5920}.asset-select[aria-pressed=true]:after{content:'✓';position:absolute;right:9px;top:9px;background:var(--gold);color:#101210;width:23px;height:23px;border-radius:50%;font:16px/23px Arial}.asset-select:focus-visible{outline:2px solid var(--gold);outline-offset:-4px}.record-actions{text-align:center;margin:26px auto 0;padding:20px 12px;border-top:1px solid var(--line);max-width:780px}.record-actions p{color:var(--muted);font-size:15px;line-height:1.6}.record-actions>div{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.record-actions button,#record-dialog button{font:14px/1.5 Arial,sans-serif;padding:12px 20px;min-height:44px;border:1px solid var(--gold);border-radius:5px;background:var(--gold);color:#14150f;cursor:pointer}.record-actions button.secondary,#record-dialog button.secondary{color:var(--gold);background:transparent;border-color:var(--line)}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--gold);outline-offset:3px}button:disabled{opacity:.55;cursor:wait}#record-dialog{color:var(--paper);background:#111513;border:1px solid #74613d;border-radius:12px;padding:30px;width:min(560px,calc(100% - 28px));max-height:88dvh;overflow:auto;box-shadow:0 22px 100px #000b;font:15px/1.6 Arial,sans-serif}#record-dialog::backdrop{background:#000b;backdrop-filter:blur(5px)}#record-dialog h2{font-family:inherit;font-size:23px;margin:0 42px 22px 0;font-weight:500;color:var(--gold)}#record-dialog .dialog-close{position:absolute;right:14px;top:12px;padding:4px 12px;border:0;font-size:25px}#record-dialog label{display:block;margin:16px 0 6px}#record-dialog input:not([type=checkbox]),#record-dialog textarea{display:block;width:100%;font:16px/1.6 Arial,sans-serif;padding:10px 12px;background:#090d0b;color:var(--paper);border:1px solid #60563e;border-radius:4px}#record-dialog textarea{resize:vertical;min-height:125px}#record-dialog .hint{font-size:12px;color:var(--muted);line-height:1.7}#record-dialog .checkline{display:flex;align-items:flex-start;gap:9px;font-size:13px;margin:20px 0}#record-dialog input[type=checkbox]{margin-top:5px;accent-color:var(--gold);width:17px;height:17px;flex-shrink:0}#record-dialog form>button[type=submit]{width:100%;margin-top:8px}#record-dialog .mode-switch{width:100%;margin-top:14px}#form-status{color:#f2c585;font-size:14px;margin-bottom:0}#form-status:empty{display:none}.record-result{border-top:1px solid var(--line);padding-top:16px}.record-result h3{font:26px/1.3 Georgia,serif;color:var(--gold);margin:0 0 18px}.record-result p{overflow-wrap:anywhere}.record-note{white-space:pre-wrap;padding:14px;border-left:2px solid var(--gold);background:#0003}.record-result small{display:block;color:var(--muted);font-size:12px;margin-top:16px}@media(max-width:600px){#record-dialog{padding:24px 20px}.record-actions{margin-top:20px;padding:16px 0}.record-actions>div{gap:8px}.record-actions button{padding:11px 14px;font-size:13px}.inception{font-size:11px}}

/* Put recall before the choices; selection opens its own confirmation. */
.record-actions{max-width:none;margin:0 0 16px;padding:12px 0;display:flex;justify-content:space-between;align-items:center;gap:12px;text-align:left;border-top:0;border-bottom:1px solid var(--line)}.record-actions p{margin:0}.record-actions>div{flex-shrink:0}.confirm-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}.confirm-actions button{flex:1;white-space:nowrap}@media(max-width:600px){.record-actions{margin:0 0 14px;padding:10px 0;gap:10px;align-items:center}.record-actions p{font-size:12px;max-width:54%}.record-actions button{font-size:12px;padding:10px 11px}}