.reccard-backdrop{box-sizing:border-box;z-index:1000;-webkit-backdrop-filter:blur(6px);background:#18100a9e;border:0;justify-content:center;align-items:center;width:100%;max-width:none;height:100%;max-height:none;margin:0;padding:22px;animation:.16s reccard-fade;display:flex;position:fixed;inset:0}.reccard-backdrop:not([open]){display:none}.reccard-backdrop::backdrop{background:0 0}@keyframes reccard-fade{0%{opacity:0}to{opacity:1}}.reccard-sheet{flex-direction:column;align-items:center;gap:16px;width:min(760px,100%);min-height:0;max-height:100%;display:flex;position:relative}.reccard-close{z-index:2;color:#f4ecdc;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#18100ab8;border:none;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;display:flex;position:absolute;top:-10px;right:-6px}.reccard-close:active{transform:scale(.94)}.reccard-stage{flex:0 auto;justify-content:center;align-items:center;width:min(420px,100%);min-height:120px;display:flex;position:relative}.reccard-img{width:auto;max-width:100%;height:auto;max-height:calc(100vh - 220px);-webkit-touch-callout:default;border-radius:16px;max-height:calc(100dvh - 220px);display:block;box-shadow:0 18px 50px #00000073}.reccard-stage--scroll{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;align-items:flex-start;overflow-y:auto}.reccard-stage--scroll .reccard-img{width:100%;max-height:none}.reccard-spin{color:#f4ecdc;font:600 15px/1.4 var(--font-hanken);opacity:.8}.reccard-bar{box-sizing:border-box;background:#2b211a;border:1px solid #ffffff1a;border-radius:26px;flex-wrap:wrap;flex-shrink:0;justify-content:center;align-items:center;gap:12px;max-width:100%;padding:9px 12px;display:flex;box-shadow:0 12px 34px #0006}.reccard-bar-sep{background:#ffffff24;flex:none;width:1px;height:22px}.reccard-ratios{gap:4px;display:flex}.reccard-ratio{color:#f4ecdc80;font:800 13px/1 var(--font-hanken);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:999px;padding:8px 10px}.reccard-ratio.is-on{color:#f4ecdc;background:#ffffff1a}.reccard-themes{gap:10px;display:flex}.reccard-sw{cursor:pointer;background:0 0;border:none;padding:0;line-height:0}.reccard-sw i{border:1.5px solid #ffffff52;border-radius:50%;width:26px;height:26px;transition:box-shadow .12s;display:block}.reccard-sw.is-on i{box-shadow:0 0 0 2px #2b211a, 0 0 0 4px var(--color-accent)}.reccard-sw--cream i{background:#f3ede0}.reccard-sw--ink i{background:#241c16}.reccard-sw--sage i{background:#cfe0b8}.reccard-qrtoggle{color:#f4ecdc80;font:800 13px/1 var(--font-hanken);cursor:pointer;background:0 0;border:none;border-radius:999px;align-items:center;gap:6px;padding:8px 12px;display:inline-flex}.reccard-qrtoggle.is-on{color:#f4ecdc;background:#ffffff1a}.reccard-save{background:var(--color-accent);color:#fff;font:800 14px/1 var(--font-hanken);cursor:pointer;white-space:nowrap;border:none;border-radius:999px;align-items:center;gap:8px;padding:11px 20px;display:inline-flex}.reccard-save:active{transform:translateY(1px)}.reccard-save:disabled{opacity:.5;cursor:default}@media (max-width:440px){.reccard-bar{border-radius:26px;flex-wrap:wrap;justify-content:center;gap:8px 10px;padding:10px 14px}.reccard-bar .reccard-bar-sep{display:none!important}.reccard-ratio{padding:7px 8px;font-size:12px}.reccard-themes{gap:8px}.reccard-sw i{width:24px;height:24px}.reccard-qrtoggle{padding:7px 10px}.reccard-save{padding:10px 16px}}.reccard-aa{-webkit-appearance:none;appearance:none;color:#cbbda8;font:700 13px var(--font-hanken);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:7px 10px}.reccard-aa.is-on{color:#f4ecdc;background:#ffffff1a}.reccard-aa-panel{box-sizing:border-box;color:#f4ecdc;background:#140e0aeb;border-radius:14px;flex-wrap:wrap;flex-shrink:0;align-items:center;gap:8px;max-width:100%;margin:0 16px 14px;padding:10px 12px;display:flex}.reccard-aa-label{font:600 12px var(--font-hanken);opacity:.8;margin-right:4px}.reccard-aa-step,.reccard-aa-auto{-webkit-appearance:none;appearance:none;color:#f4ecdc;font:700 12px var(--font-hanken);cursor:pointer;background:#ffffff14;border:0;border-radius:999px;padding:6px 10px}.reccard-aa-auto.is-on{background:#a3623fd9}.reccard-aa-divider{background:#ffffff24;width:1px;height:24px}.reccard-aa-slider{accent-color:#a3623f;flex:120px;min-width:100px}.reccard-volume-mode{background:#140e0abd;border:1px solid #ffffff1f;border-radius:999px;gap:2px;width:fit-content;margin:0 auto 14px;padding:3px;display:flex}.reccard-volume-mode button{color:#cbbda8;min-height:34px;font:700 12px var(--font-hanken);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:6px 13px}.reccard-volume-mode button.is-on{color:#fff8ec;background:#a3623fe0}.reccard-hint{font:500 12px/1.35 var(--font-hanken);color:#cbbda8;text-align:center;margin:0 18px 8px}@media (max-width:520px){.reccard-aa-panel{margin:0 10px 12px}}.reccard-error{text-align:center;min-height:180px;color:var(--rec-ink,#2a241c);font:500 15px/1.4 var(--font-hanken);flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:24px;display:flex}.reccard-retry{-webkit-appearance:none;appearance:none;font:700 13px/1 var(--font-hanken);cursor:pointer;background:0 0;border:1.5px solid;border-radius:999px;padding:8px 18px}.reccard-sheet:has(.reccard-aa-panel) .reccard-img{max-height:max(120px,100dvh - 340px)}@media (max-height:520px){.reccard-sheet{padding:10px 8px;overflow-y:auto}.reccard-stage{flex-shrink:0}}@media (min-width:680px) and (max-height:520px){.reccard-sheet{grid-template-columns:minmax(0,1fr) minmax(320px,1.2fr);gap:12px 20px;display:grid;overflow:visible}.reccard-stage{grid-area:1/1/span 4;width:100%}:is(.reccard-sheet .reccard-img,.reccard-sheet:has(.reccard-aa-panel) .reccard-img){max-height:calc(100dvh - 80px)}.reccard-bar,.reccard-aa-panel,.reccard-hint,.reccard-volume-mode{grid-column:2;margin:0}.reccard-bar-sep{display:none}.reccard-close{position:fixed;top:10px;right:10px}}.reccard-aa-panel--vocab{flex-direction:column;align-items:stretch;gap:10px;padding:12px 14px}.reccard-aa-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.reccard-aa-row .reccard-aa-label{min-width:38px}.reccard-seg{background:#ffffff12;border-radius:999px;gap:2px;padding:3px;display:flex}.reccard-seg button,.reccard-chips button{-webkit-appearance:none;appearance:none;cursor:pointer;min-height:32px;font:700 13px var(--font-hanken);color:#cbbda8;background:0 0;border:0;border-radius:999px}.reccard-seg button{min-width:40px;padding:6px 11px}.reccard-seg button.is-on{color:#23261f;background:#c9c3a0}.reccard-chips{flex-wrap:wrap;gap:6px;display:flex}.reccard-chips button{color:#f4ecdc80;background:#ffffff12;padding:6px 13px;text-decoration:line-through}.reccard-chips button.is-on{color:#f4ecdc;background:#c9c3a038;text-decoration:none}.reccard-chips button.is-dropped{color:#d9b99a;background:#b98a8233}.reccard-sheet .reccard-sw--cream i{background:linear-gradient(135deg,#faf8f4 50%,#a3623f 50%)}.reccard-sheet .reccard-sw--ink i{background:linear-gradient(135deg,#f9f6f5 50%,#7a5566 50%)}.reccard-sheet .reccard-sw--sage i{background:linear-gradient(135deg,#f7f6f0 50%,#6f7156 50%)}.reccard-sheet .reccard-sw.is-on i{box-shadow:0 0 0 2px #2b211a,0 0 0 4px #c9c3a0}.reccard-sheet .reccard-save{background:#6f7156}.reccard-pic{max-width:100%;line-height:0;display:block;position:relative}.reccard-draw{touch-action:none;cursor:crosshair;border-radius:16px;width:100%;height:100%;position:absolute;inset:0}.reccard-draw[data-tool=note]{cursor:copy}.reccard-pen-panel{gap:10px}.reccard-pen-panel .reccard-aa-row{width:100%}.reccard-pen-colors{align-items:center;gap:8px;display:flex}.reccard-pen-dot{cursor:pointer;border:2px solid #0000;border-radius:50%;width:24px;height:24px;padding:0;box-shadow:inset 0 0 0 1px #0000001f}.reccard-pen-dot.is-on{border-color:#f4ecdc;box-shadow:0 0 0 2px #2b211a,0 0 0 4px #c9c3a0}.reccard-aa-step:disabled{opacity:.4;cursor:default}.reccard-draw[data-tool=move]{cursor:grab}