:root{--cr-primary: var(--accent);--cr-font-body: var(--font-body);--cr-font-mono: var(--font-mono)}[data-theme=dark]{--sw-track-bg: rgba(255, 255, 255, .08);--sw-track-border: rgba(255, 255, 255, .12);--sw-knob-bg: #ffffff;--sw-knob-shadow: rgba(0, 0, 0, .3);--sw-knob-highlight: rgba(255, 255, 255, .9);--sw-glow-color: rgba(240, 147, 251, .5);--sw-icon-inactive: rgba(255, 255, 255, .25);--sw-icon-active: rgba(255, 255, 255, .8)}[data-theme=light]{--sw-track-bg: rgba(0, 0, 0, .1);--sw-track-border: rgba(0, 0, 0, .18);--sw-knob-bg: #ffffff;--sw-knob-shadow: rgba(0, 0, 0, .15);--sw-knob-highlight: rgba(255, 255, 255, 1);--sw-glow-color: rgba(245, 87, 108, .4);--sw-icon-inactive: rgba(0, 0, 0, .35);--sw-icon-active: rgba(0, 0, 0, .8)}[data-theme=blue-dark]{--sw-track-bg: rgba(255, 255, 255, .08);--sw-track-border: rgba(255, 255, 255, .12);--sw-knob-bg: #ffffff;--sw-knob-shadow: rgba(0, 0, 0, .3);--sw-knob-highlight: rgba(255, 255, 255, .9);--sw-glow-color: rgba(74, 158, 255, .5);--sw-icon-inactive: rgba(255, 255, 255, .25);--sw-icon-active: rgba(255, 255, 255, .8)}[data-theme=blue-light]{--sw-track-bg: rgba(0, 0, 0, .1);--sw-track-border: rgba(0, 0, 0, .18);--sw-knob-bg: #ffffff;--sw-knob-shadow: rgba(0, 0, 0, .15);--sw-knob-highlight: rgba(255, 255, 255, 1);--sw-glow-color: rgba(46, 111, 224, .4);--sw-icon-inactive: rgba(0, 0, 0, .35);--sw-icon-active: rgba(0, 0, 0, .8)}.theme-switch{position:relative;display:inline-flex;align-items:center;justify-content:center;width:72px;height:36px;padding:0;border:none;background:transparent;cursor:pointer;-webkit-tap-highlight-color:transparent;outline:none;overflow:hidden;flex-shrink:0}.theme-switch__track{position:relative;width:72px;height:36px;border-radius:999px;background:var(--sw-track-bg);border:1px solid var(--sw-track-border);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:inset 0 2px 4px #00000026;transition:background .3s cubic-bezier(.4,0,.2,1),border-color .3s cubic-bezier(.4,0,.2,1),box-shadow .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center}.theme-switch:hover .theme-switch__track{border-color:#f093fb4d;box-shadow:inset 0 2px 4px #00000026,0 0 12px #f093fb26}[data-theme=blue-dark] .theme-switch:hover .theme-switch__track,[data-theme=blue-light] .theme-switch:hover .theme-switch__track{border-color:#4a9eff4d;box-shadow:inset 0 2px 4px #00000026,0 0 12px #4a9eff26}.theme-switch:focus-visible .theme-switch__track{outline:2px solid var(--primary-color, #f093fb);outline-offset:2px}.theme-switch__icons{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:space-between;padding:0 10px;pointer-events:none;z-index:1}.theme-switch__icon{width:14px;height:14px;transition:opacity .3s cubic-bezier(.4,0,.2,1),color .3s cubic-bezier(.4,0,.2,1)}.theme-switch__icon--sun{color:#0000008c}.theme-switch__icon--moon,[data-theme=light] .theme-switch__icon--sun,[data-theme=blue-light] .theme-switch__icon--sun{color:var(--sw-icon-active)}[data-theme=light] .theme-switch__icon--moon,[data-theme=blue-light] .theme-switch__icon--moon{color:#00000073}.theme-switch__knob{position:absolute;left:4px;top:50%;transform:translateY(-50%);width:28px;height:28px;border-radius:50%;background:var(--sw-knob-bg);box-shadow:0 2px 8px var(--sw-knob-shadow),inset 0 1px 0 var(--sw-knob-highlight);transition:transform .3s cubic-bezier(.4,0,.2,1),width .3s cubic-bezier(.4,0,.2,1),box-shadow .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center}[data-theme=light] .theme-switch__knob,[data-theme=blue-light] .theme-switch__knob{transform:translate(36px) translateY(-50%)}.theme-switch:active .theme-switch__knob{width:32px;border-radius:14px;transform:translateY(-50%)}[data-theme=light] .theme-switch:active .theme-switch__knob,[data-theme=blue-light] .theme-switch:active .theme-switch__knob{transform:translate(36px) translateY(-50%)}.theme-switch__knob-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:20px;height:8px;border-radius:50%;background:var(--sw-glow-color);filter:blur(6px);opacity:0;transition:opacity .3s cubic-bezier(.4,0,.2,1)}.theme-switch:hover .theme-switch__knob-glow{opacity:1}@media(prefers-reduced-motion:reduce){.theme-switch,.theme-switch__track,.theme-switch__icon,.theme-switch__knob,.theme-switch__knob-glow{transition-duration:.01ms!important}}@media(prefers-contrast:high){.theme-switch__track{border-width:2px}}:root{--z-base: 1;--z-card-stack: 10;--z-controls: 100;--z-sidebar-trigger: 105;--z-sidebar: 250;--z-sticky: 300;--z-toolbar: 400;--z-toolbar-l2: 420;--z-ai-panel: 440;--z-card-hover: 460;--z-modal-backdrop: 600;--z-modal: 650;--z-toast: 700;--z-edit-overlay: 750;--z-edit-toolbar: 800;--z-edit-drag: 850;--z-keyboard-help: 950;--card-width: clamp(70px, 18vw, 100px);--card-height: clamp(120px, 30vw, 171px);--card-gap: clamp(12px, 3vw, 24px);--slot-border-gap: 8px;--spread-top-offset: clamp(40px, 7vh, 100px);--spread-creation-padding: clamp(12px, 2vw, 24px);--controls-stack-gap: 12px;--cr-bg: linear-gradient(135deg, #1a1d2e 0%, #2d1b3d 100%);--cr-text: #fff;--cr-text-muted: rgba(255, 255, 255, .8);--cr-text-faint: rgba(255, 255, 255, .6);--cr-text-dimmed: rgba(255, 255, 255, .5);--cr-text-bright: rgba(255, 255, 255, .9);--cr-text-secondary: rgba(255, 255, 255, .65);--cr-surface: rgba(0, 0, 0, .2);--cr-surface-heavy: rgba(0, 0, 0, .3);--cr-surface-subtle: rgba(0, 0, 0, .1);--cr-surface-intense: rgba(0, 0, 0, .85);--cr-surface-medium: rgba(0, 0, 0, .6);--cr-surface-card: #2a2d3a;--cr-card-back-svg: url("data:image/svg+xml,%3Csvg width='18' height='31' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3Cpattern id='tinydots' width='0.8' height='0.8' patternUnits='userSpaceOnUse'%3E%3Ccircle cx='0.4' cy='0.4' r='0.15' fill='%23ffffff' opacity='0.3'/%3E%3C/pattern%3E%3Cpattern id='crosshatch' width='1' height='1' patternUnits='userSpaceOnUse'%3E%3Cpath d='M0 0 L1 1 M1 0 L0 1' stroke='%23ffffff' stroke-width='0.08' opacity='0.15'/%3E%3C/pattern%3E%3C/defs%3E%3Cg%3E%3Cpath d='M9 0 L18 15.5 L9 31 L0 15.5 Z' fill='url(%23crosshatch)'/%3E%3Cpath d='M9 0 L18 15.5 L9 31 L0 15.5 Z' fill='url(%23tinydots)'/%3E%3Cpath d='M9 0 L18 15.5 L9 31 L0 15.5 Z' fill='none' stroke='%23ffffff' stroke-width='0.3' opacity='0.4'/%3E%3Cpath d='M9 0 L18 15.5 L9 31 L0 15.5 Z' fill='none' stroke='%23d91b7a' stroke-width='0.6'/%3E%3C/g%3E%3C/svg%3E");--cr-panel: rgba(20, 18, 35, .6);--cr-modal-bg: rgba(26, 26, 46, .95);--cr-overlay: rgba(0, 0, 0, .7);--cr-neutral-bg: rgba(74, 85, 104, .3);--cr-neutral-bg-hover: rgba(74, 85, 104, .5);--cr-glass-faint: rgba(255, 255, 255, .05);--cr-glass-thin: rgba(255, 255, 255, .08);--cr-glass: rgba(255, 255, 255, .1);--cr-glass-medium: rgba(255, 255, 255, .15);--cr-glass-strong: rgba(255, 255, 255, .2);--cr-glass-hover: rgba(255, 255, 255, .2);--cr-border: rgba(255, 255, 255, .1);--cr-border-medium: rgba(255, 255, 255, .3);--cr-border-subtle: rgba(255, 255, 255, .35);--cr-border-dashed: rgba(255, 255, 255, .6);--cr-btn-muted-bg: rgba(255, 255, 255, .2);--cr-btn-muted-border: rgba(255, 255, 255, .3);--cr-btn-muted-text: #fff;--cr-btn-hide-bg: rgba(158, 158, 158, .3);--cr-btn-hide-border: rgba(158, 158, 158, .5);--cr-btn-hide-bg-hover: rgba(158, 158, 158, .5);--cr-btn-dark-bg: rgba(0, 0, 0, .45);--cr-btn-dark-bg-light: rgba(0, 0, 0, .35);--cr-reversals-bg: rgba(100, 100, 100, .4);--cr-reversals-border: rgba(150, 150, 150, .4);--cr-reversals-bg-hover: rgba(100, 100, 100, .6);--cr-reversals-border-hover: rgba(150, 150, 150, .6);--cr-ping-color: #fbbf24;--cr-ping-light: #fcd34d;--cr-scrollbar-track: rgba(255, 255, 255, .1);--cr-shadow: rgba(0, 0, 0, .3);--cr-shadow-heavy: rgba(0, 0, 0, .5);--cr-shadow-light: rgba(0, 0, 0, .2);--cr-shadow-deep: rgba(0, 0, 0, .35);--cr-text-shadow: 0 2px 4px rgba(0, 0, 0, .5);--slot-base-shadow: 0 2px 8px rgba(0, 0, 0, .25);--cr-cancel-bg: rgba(255, 255, 255, .1);--cr-cancel-bg-hover: rgba(255, 255, 255, .2);--cr-cancel-text: rgba(255, 255, 255, .8);--cr-accent: #d91b7a;--cr-accent-rgb: 217, 27, 122;--cr-danger: #f44336;--cr-danger-rgb: 244, 67, 54;--cr-warning: #ffc107;--cr-warning-rgb: 255, 193, 7;--cr-filled: #64b4e6;--cr-filled-rgb: 100, 180, 230;--cr-highlight-border: rgba(255, 215, 0, .9);--cr-highlight-bg: rgba(255, 215, 0, .15);--cr-highlight-shadow: rgba(255, 215, 0, .4);--cr-focus-outline: rgba(139, 92, 246, .8);--cr-btn-hover-accent: rgba(180, 160, 255, .5);--cr-btn-hover-glow: rgba(180, 160, 255, .15);--cr-reversals-active: rgba(var(--cr-accent-rgb), .4);--cr-reversals-active-border: rgba(var(--cr-accent-rgb), .55);--cr-saved-bg: rgba(76, 175, 80, .2);--cr-saved-border: rgba(76, 175, 80, .4);--cr-creating-border: rgba(255, 152, 0, .8);--cr-creating-shadow: rgba(255, 152, 0, .5);--cr-hint-blue: rgba(59, 130, 246, .35);--cr-hint-blue-border: rgba(59, 130, 246, .9);--cr-hint-cyan: rgba(14, 165, 233, .35);--cr-hint-cyan-border: rgba(14, 165, 233, .9);--cr-hint-amber: rgba(251, 191, 36, .35);--cr-hint-amber-border: rgba(251, 191, 36, .9);--cr-hint-green: rgba(16, 185, 129, .35);--cr-hint-green-border: rgba(16, 185, 129, .9);--cr-sidebar-bg: var(--cr-surface-heavy);--cr-footer-bg: var(--cr-overlay);--cr-ai-crossref: #6ec6ff;--cr-ai-crossref-rgb: 110, 198, 255;--cr-ai-synthesis: #a78bfa;--cr-ai-synthesis-rgb: 167, 139, 250;--cr-ai-shadow: #f59e0b;--cr-ai-shadow-rgb: 245, 158, 11;--cr-ai-timing: #34d399;--cr-ai-timing-rgb: 52, 211, 153}.main-container[data-deck=lenormand]{--card-width: clamp(56px, 14.4vw, 80px);--card-height: clamp(87px, 22.5vw, 125px)}@media(max-width:768px){:root{--slot-border-gap: 6px}}[data-theme=dark]{--cr-bg: linear-gradient(135deg, #1a1d2e 0%, #2d1b3d 100%);--cr-text: #ffffff;--cr-text-muted: rgba(255,255,255,.8);--cr-surface: rgba(0,0,0,.2);--cr-surface-card: #2a2d3a;--cr-modal-bg: rgba(26,26,46,.95);--cr-border: rgba(255,255,255,.1);--cr-border-medium: rgba(255,255,255,.3);--cr-accent: #d91b7a;--cr-accent-rgb: 217, 27, 122;--cr-danger: #f44336;--cr-warning: #ffc107;--cr-filled: #64b4e6;--cr-ai-crossref: #6ec6ff;--cr-ai-synthesis: #a78bfa;--cr-ai-shadow: #f59e0b;--cr-ai-timing: #34d399;--cr-highlight-border: rgba(255,215,0,.9);--cr-highlight-bg: rgba(255,215,0,.15);--cr-shadow: rgba(0,0,0,.3);--cr-shadow-heavy: rgba(0,0,0,.5);--cr-shadow-light: rgba(0,0,0,.2);--cr-sidebar-bg: var(--cr-surface-heavy);--cr-footer-bg: var(--cr-overlay)}[data-theme=light]{--cr-bg: linear-gradient(135deg, #f5f0e6 0%, #faf6ed 50%, #f1eadc 100%);--cr-text: #2b1f0f;--cr-text-muted: rgba(43,31,15,.72);--cr-surface: rgba(245,240,230,.85);--cr-surface-card: #ebe2cf;--cr-modal-bg: rgba(245,240,230,.97);--cr-border: rgba(43,31,15,.1);--cr-border-medium: rgba(43,31,15,.22);--cr-accent: #a8528a;--cr-accent-rgb: 168, 82, 138;--cr-danger: #b13d2b;--cr-warning: #b8860b;--cr-filled: #4a6fa5;--cr-ai-crossref: #1e4fa3;--cr-ai-synthesis: #7039b7;--cr-ai-shadow: #b8860b;--cr-ai-timing: #1f7a4f;--cr-highlight-border: rgba(218,165,32,.85);--cr-highlight-bg: rgba(218,165,32,.15);--cr-shadow: rgba(43,31,15,.15);--cr-shadow-heavy: rgba(43,31,15,.3);--cr-shadow-light: rgba(43,31,15,.08);--cr-sidebar-bg: var(--cr-surface-card);--cr-footer-bg: var(--cr-surface-card)}[data-theme=blue-dark]{--cr-bg: linear-gradient(135deg, #0c1118 0%, #141a26 50%, #1c2536 100%);--cr-text: #e6edf3;--cr-text-muted: rgba(230,237,243,.78);--cr-surface: rgba(0,0,0,.28);--cr-surface-card: #1a2230;--cr-modal-bg: rgba(20,26,38,.95);--cr-border: rgba(230,237,243,.1);--cr-border-medium: rgba(230,237,243,.28);--cr-accent: #4d8fd9;--cr-accent-rgb: 77, 143, 217;--cr-danger: #e85d4d;--cr-warning: #e8b340;--cr-filled: #5fa8e8;--cr-ai-crossref: #7ab8e8;--cr-ai-synthesis: #b09ce8;--cr-ai-shadow: #e8a548;--cr-ai-timing: #4fc090;--cr-highlight-border: rgba(255,215,0,.85);--cr-highlight-bg: rgba(255,215,0,.15);--cr-shadow: rgba(0,0,0,.4);--cr-shadow-heavy: rgba(0,0,0,.6);--cr-shadow-light: rgba(0,0,0,.25);--cr-sidebar-bg: var(--cr-surface-heavy);--cr-footer-bg: var(--cr-overlay)}[data-theme=blue-light]{--cr-bg: linear-gradient(135deg, #f0f4fa 0%, #f7f9fd 50%, #eaf0f7 100%);--cr-text: #0f1d33;--cr-text-muted: rgba(15,29,51,.72);--cr-surface: rgba(240,244,250,.85);--cr-surface-card: #dbe5f0;--cr-modal-bg: rgba(240,244,250,.97);--cr-border: rgba(15,29,51,.1);--cr-border-medium: rgba(15,29,51,.22);--cr-accent: #3a5fb8;--cr-accent-rgb: 58, 95, 184;--cr-danger: #b13d2b;--cr-warning: #b8860b;--cr-filled: #3a5fb8;--cr-ai-crossref: #1e4fa3;--cr-ai-synthesis: #5933a3;--cr-ai-shadow: #b8860b;--cr-ai-timing: #1f7a4f;--cr-highlight-border: rgba(218,165,32,.85);--cr-highlight-bg: rgba(218,165,32,.15);--cr-shadow: rgba(15,29,51,.15);--cr-shadow-heavy: rgba(15,29,51,.3);--cr-shadow-light: rgba(15,29,51,.08);--cr-sidebar-bg: var(--cr-surface-card);--cr-footer-bg: var(--cr-surface-card)}[data-theme=lychee]{--cr-bg: linear-gradient(135deg, #fef0f4 0%, #f5f0fb 50%, #ecf3fb 100%);--cr-text: #1c1426;--cr-text-muted: rgba(28,20,38,.72);--cr-surface: rgba(254,240,244,.85);--cr-surface-card: #f5dde6;--cr-modal-bg: rgba(254,240,244,.97);--cr-border: rgba(28,20,38,.1);--cr-border-medium: rgba(28,20,38,.22);--cr-accent: #d6649a;--cr-accent-rgb: 214, 100, 154;--cr-danger: #b13d2b;--cr-warning: #b8860b;--cr-filled: #7fb3e6;--cr-ai-crossref: #4a7db8;--cr-ai-synthesis: #8a52b0;--cr-ai-shadow: #c8893d;--cr-ai-timing: #4f9d6a;--cr-highlight-border: rgba(218,165,32,.85);--cr-highlight-bg: rgba(218,165,32,.15);--cr-shadow: rgba(28,20,38,.12);--cr-shadow-heavy: rgba(28,20,38,.25);--cr-shadow-light: rgba(28,20,38,.06);--cr-sidebar-bg: var(--cr-surface-card);--cr-footer-bg: var(--cr-surface-card)}[data-theme=celadon]{--cr-bg: linear-gradient(135deg, #eef2e7 0%, #f3f5ec 50%, #e6ece1 100%);--cr-text: #1a2614;--cr-text-muted: rgba(26,38,20,.72);--cr-surface: rgba(238,242,231,.85);--cr-surface-card: #d8dfc8;--cr-modal-bg: rgba(238,242,231,.97);--cr-border: rgba(26,38,20,.1);--cr-border-medium: rgba(26,38,20,.22);--cr-accent: #5a7a4f;--cr-accent-rgb: 90, 122, 79;--cr-danger: #a8442b;--cr-warning: #a87b1b;--cr-filled: #4a6fa5;--cr-ai-crossref: #1e4fa3;--cr-ai-synthesis: #6e3a9f;--cr-ai-shadow: #a87b1b;--cr-ai-timing: #2d5a3a;--cr-highlight-border: rgba(218,165,32,.85);--cr-highlight-bg: rgba(218,165,32,.15);--cr-shadow: rgba(26,38,20,.12);--cr-shadow-heavy: rgba(26,38,20,.25);--cr-shadow-light: rgba(26,38,20,.06);--cr-sidebar-bg: var(--cr-surface-card);--cr-footer-bg: var(--cr-surface-card)}[data-theme=porcelain]{--cr-bg: linear-gradient(135deg, #f7f3e8 0%, #faf6ec 50%, #f3eee0 100%);--cr-text: #1c2438;--cr-text-muted: rgba(28,36,56,.72);--cr-surface: rgba(247,243,232,.85);--cr-surface-card: #ebe4cf;--cr-modal-bg: rgba(247,243,232,.97);--cr-border: rgba(28,36,56,.1);--cr-border-medium: rgba(28,36,56,.22);--cr-accent: #1c3d8a;--cr-accent-rgb: 28, 61, 138;--cr-danger: #b13d2b;--cr-warning: #b8860b;--cr-filled: #4a6fa5;--cr-ai-crossref: #1e4fa3;--cr-ai-synthesis: #5933a3;--cr-ai-shadow: #b8860b;--cr-ai-timing: #1f7a4f;--cr-highlight-border: rgba(218,165,32,.85);--cr-highlight-bg: rgba(218,165,32,.15);--cr-shadow: rgba(28,36,56,.12);--cr-shadow-heavy: rgba(28,36,56,.25);--cr-shadow-light: rgba(28,36,56,.06);--cr-sidebar-bg: var(--cr-surface-card);--cr-footer-bg: var(--cr-surface-card)}[data-theme=brioche]{--cr-bg: linear-gradient(135deg, #d9d6cf 0%, #e2dfd6 50%, #d0ccc2 100%);--cr-text: #2b251a;--cr-text-muted: rgba(43,37,26,.72);--cr-surface: rgba(217,214,207,.85);--cr-surface-card: #c8c4ba;--cr-modal-bg: rgba(217,214,207,.97);--cr-border: rgba(43,37,26,.1);--cr-border-medium: rgba(43,37,26,.22);--cr-accent: #b8703d;--cr-accent-rgb: 184, 112, 61;--cr-danger: #a8442b;--cr-warning: #b8860b;--cr-filled: #5a6b6e;--cr-ai-crossref: #4a6fa5;--cr-ai-synthesis: #6e3a9f;--cr-ai-shadow: #a87b1b;--cr-ai-timing: #4f9d6a;--cr-highlight-border: rgba(184,112,61,.85);--cr-highlight-bg: rgba(184,112,61,.15);--cr-shadow: rgba(43,37,26,.12);--cr-shadow-heavy: rgba(43,37,26,.25);--cr-shadow-light: rgba(43,37,26,.06);--cr-sidebar-bg: var(--cr-surface-card);--cr-footer-bg: var(--cr-surface-card)}[data-theme=lily-flame]{--cr-bg: linear-gradient(135deg, #0a1f1a 0%, #102f24 50%, #1a3d2e 100%);--cr-text: #e6f3ed;--cr-text-muted: rgba(230,243,237,.78);--cr-surface: rgba(0,0,0,.28);--cr-surface-card: #1a3528;--cr-modal-bg: rgba(10,31,26,.95);--cr-border: rgba(230,243,237,.1);--cr-border-medium: rgba(230,243,237,.28);--cr-accent: #e85a3d;--cr-accent-rgb: 232, 90, 61;--cr-danger: #f25a4a;--cr-warning: #e8b340;--cr-filled: #5fc8a5;--cr-ai-crossref: #7ad8b8;--cr-ai-synthesis: #b09ce8;--cr-ai-shadow: #e8a548;--cr-ai-timing: #4fc090;--cr-highlight-border: rgba(255,215,0,.85);--cr-highlight-bg: rgba(255,215,0,.15);--cr-shadow: rgba(0,0,0,.4);--cr-shadow-heavy: rgba(0,0,0,.6);--cr-shadow-light: rgba(0,0,0,.25);--cr-sidebar-bg: var(--cr-surface-heavy);--cr-footer-bg: var(--cr-overlay)}[data-theme=voyage]{--cr-bg: linear-gradient(135deg, #0a1d3a 0%, #142850 50%, #1c3566 100%);--cr-text: #e6edf8;--cr-text-muted: rgba(230,237,248,.78);--cr-surface: rgba(0,0,0,.28);--cr-surface-card: #1c2f50;--cr-modal-bg: rgba(10,29,58,.95);--cr-border: rgba(230,237,248,.1);--cr-border-medium: rgba(230,237,248,.28);--cr-accent: #d94a3a;--cr-accent-rgb: 217, 74, 58;--cr-danger: #e85d4d;--cr-warning: #e8b340;--cr-filled: #5a8ed9;--cr-ai-crossref: #7ab8f0;--cr-ai-synthesis: #b09ce8;--cr-ai-shadow: #e8a548;--cr-ai-timing: #4fc090;--cr-highlight-border: rgba(255,215,0,.85);--cr-highlight-bg: rgba(255,215,0,.15);--cr-shadow: rgba(0,0,0,.4);--cr-shadow-heavy: rgba(0,0,0,.6);--cr-shadow-light: rgba(0,0,0,.25);--cr-sidebar-bg: var(--cr-surface-heavy);--cr-footer-bg: var(--cr-overlay)}[data-theme=light],[data-theme=blue-light],[data-theme=lychee],[data-theme=celadon],[data-theme=porcelain],[data-theme=brioche]{--cr-surface-medium: rgba(43,31,15,.1);--cr-surface-intense: rgba(43,31,15,.06);--cr-surface-heavy: rgba(43,31,15,.18);--cr-surface-subtle: rgba(43,31,15,.04);--cr-panel: rgba(245,240,230,.65);--cr-glass-faint: rgba(43,31,15,.03);--cr-glass-thin: rgba(43,31,15,.05);--cr-glass: rgba(43,31,15,.07);--cr-glass-medium: rgba(43,31,15,.1);--cr-glass-strong: rgba(43,31,15,.14);--cr-glass-hover: rgba(43,31,15,.14);--cr-text-faint: rgba(43,31,15,.45);--cr-text-dimmed: rgba(43,31,15,.38);--cr-text-bright: rgba(43,31,15,.92);--cr-text-secondary: rgba(43,31,15,.55);--cr-text-shadow: 0 1px 2px rgba(43,31,15,.12);--cr-border-subtle: rgba(43,31,15,.28);--cr-border-dashed: rgba(43,31,15,.5);--cr-overlay: rgba(43,31,15,.55);--cr-neutral-bg: rgba(43,31,15,.08);--cr-neutral-bg-hover: rgba(43,31,15,.14);--cr-btn-muted-bg: rgba(43,31,15,.15);--cr-btn-muted-border: rgba(43,31,15,.25);--cr-btn-muted-text: #2b1f0f;--cr-cancel-text: rgba(43,31,15,.75);--cr-cancel-bg: rgba(43,31,15,.08);--cr-cancel-bg-hover: rgba(43,31,15,.14);--cr-scrollbar-track: rgba(43,31,15,.08);--cr-focus-outline: rgba(var(--cr-accent-rgb), .85);--cr-btn-hover-glow: rgba(var(--cr-accent-rgb), .2)}.copyright-footer{position:fixed;bottom:0;left:0;right:0;background:var(--cr-footer-bg);padding:8px;text-align:center;font-size:11px;color:var(--cr-text-faint);user-select:none;-webkit-user-select:none;z-index:var(--z-sticky);border-top:1px solid rgba(var(--cr-accent-rgb),.3)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--cr-font-body);background:var(--cr-bg);color:var(--cr-text);min-height:100vh;padding-top:52px;overflow-x:hidden;overflow-y:auto}.main-container{display:grid;grid-template-columns:1fr;grid-template-rows:auto 1fr;height:calc(100vh - 52px);gap:0}.spreads-toolbar{grid-column:1 / -1;grid-row:1;display:flex;flex-direction:row;align-items:center;gap:8px;padding:1px 12px;background:var(--cr-surface);border-bottom:1px solid rgba(var(--cr-accent-rgb),.3);border-right:none;overflow-x:auto;overflow-y:hidden;min-width:0;position:relative}.spreads-toolbar::-webkit-scrollbar{height:6px}.spreads-toolbar::-webkit-scrollbar-track{background:var(--cr-scrollbar-track);border-radius:3px}.spreads-toolbar::-webkit-scrollbar-thumb{background:rgba(var(--cr-accent-rgb),.5);border-radius:3px}.spreads-toolbar::-webkit-scrollbar-thumb:hover{background:rgba(var(--cr-accent-rgb),.7)}.spreads-toolbar-label{font-size:11px;font-weight:600;color:var(--cr-text-muted);letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;flex-shrink:0;padding-right:4px;border-right:1px solid rgba(var(--cr-accent-rgb),.25);margin-right:4px}.spreads-row{display:flex;align-items:center;gap:4px;overflow:visible;flex:0 0 auto;min-width:0}.spread-cache-tray{display:inline-flex;align-items:center;gap:0;min-width:auto;flex-shrink:0}.spread-cache-tray.expanded{gap:4px}.spread-cache-toggle{display:inline-flex;align-items:center;padding:3px 10px;border-radius:16px;border:1px dashed var(--cr-border-medium);background:var(--cr-glass-thin);color:var(--cr-text-muted);font-size:12px;cursor:pointer;flex-shrink:0;transition:all .2s ease;white-space:nowrap}.spread-cache-toggle:hover,.spread-cache-toggle.active{border-color:var(--cr-accent);color:var(--cr-accent)}.spread-cache-pill-wrapper{display:inline-flex;overflow:hidden;max-width:0;opacity:0;transition:max-width .25s ease-out,opacity .2s ease-out;will-change:max-width,opacity}.spread-cache-tray.expanded .spread-cache-pill-wrapper{max-width:200px;opacity:1}.spread-cache-pill-wrapper.collapsing{animation:pill-hide .2s ease-in forwards;overflow:hidden;pointer-events:none}.spread-cache-pill{padding:4px 12px;border-radius:999px;border:1px dashed var(--cr-border-medium);background:var(--cr-glass-thin);color:var(--cr-text);font-size:12px;cursor:pointer;transition:all .2s ease;white-space:nowrap;opacity:.7}.spread-cache-pill:hover{border-color:var(--cr-accent);color:var(--cr-accent);opacity:1}.reset-spreads-btn{margin-left:auto;padding:6px 14px;border-radius:999px;border:1px solid var(--cr-border-medium);background:transparent;color:var(--cr-text);cursor:pointer;font-size:12px;transition:all .2s ease;white-space:nowrap}.reset-spreads-btn:hover{border-color:var(--cr-accent);color:var(--cr-accent);box-shadow:0 0 10px rgba(var(--cr-accent-rgb),.3)}.spread-item.dragging{opacity:.6}.spread-label{white-space:nowrap;color:var(--cr-text)}.spreads-empty-state{font-size:13px;color:var(--cr-text-faint)}.spread-item{display:inline-flex;align-items:center;background:none;border:none;padding:0;margin:0;cursor:inherit;font-size:inherit;color:inherit;user-select:none;-webkit-user-select:none;white-space:nowrap;line-height:1;position:relative}.spread-item-wrapper.dragging-wrapper{opacity:.5}.spread-item.drag-over{position:relative}.spread-item.drag-over:before{content:"";position:absolute;top:50%;transform:translateY(-50%);width:3px;height:24px;background:var(--cr-accent);border-radius:2px;pointer-events:none;z-index:var(--z-controls);box-shadow:0 0 6px rgba(var(--cr-accent-rgb),.8);animation:indicator-pulse .8s infinite}.spread-item.drop-before:before{left:-6px}.spread-item.drop-after:before{right:-6px;left:auto}@keyframes indicator-pulse{0%,to{opacity:1;box-shadow:0 0 6px rgba(var(--cr-accent-rgb),.8)}50%{opacity:.7;box-shadow:0 0 10px rgba(var(--cr-accent-rgb),1)}}.spread-item-wrapper:hover{background:rgba(var(--cr-accent-rgb),.4);box-shadow:0 0 10px rgba(var(--cr-accent-rgb),.12)}.spread-item-wrapper.active-wrapper{background:rgba(var(--cr-accent-rgb),.6);border-color:var(--cr-accent);box-shadow:0 0 15px rgba(var(--cr-accent-rgb),.5)}.spread-item-wrapper.filled-wrapper{background:rgba(var(--cr-filled-rgb),.3);border-color:rgba(var(--cr-filled-rgb),.7)}.spread-item-wrapper.filled-wrapper.active-wrapper{background:rgba(var(--cr-filled-rgb),.5);border-color:var(--cr-filled);box-shadow:0 0 15px rgba(var(--cr-filled-rgb),.5)}.cr-btn-secondary{background:var(--cr-neutral-bg);border:1px solid rgba(var(--cr-accent-rgb),.3);border-radius:6px;color:var(--cr-text);cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:500;letter-spacing:.5px}.cr-btn-secondary:hover{background:rgba(var(--cr-accent-rgb),.3);transform:translateY(-2px)}.deck-type-btn{padding:10px 12px;min-height:36px;line-height:1;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;white-space:nowrap}.deck-type-btn.active{background:rgba(var(--cr-accent-rgb),.6);border-color:var(--cr-accent);box-shadow:0 0 15px rgba(var(--cr-accent-rgb),.5)}.card-design-link{gap:6px;padding:8px 12px;margin-top:8px;text-decoration:none;font-size:11px}.card-design-link .design-icon{font-size:14px}.card-design-link .design-name{max-width:60px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.custom-deck-section:has(>:not(.initially-hidden)){margin-top:8px;padding-top:8px;border-top:1px solid rgba(var(--cr-accent-rgb),.2)}.custom-deck-btn{width:100%;padding:10px 12px}.custom-deck-login-prompt{padding:8px 6px;text-align:center;flex-direction:column;align-items:center;gap:6px}.login-prompt-text{font-size:10px;color:var(--cr-text-muted);margin:0}.login-prompt-btn{font-size:10px;padding:4px 12px;border-radius:12px;border:1px solid var(--cr-accent);background:rgba(var(--cr-accent-rgb),.2);color:var(--cr-accent);cursor:pointer;transition:all .2s ease}.login-prompt-btn:hover{background:rgba(var(--cr-accent-rgb),.4)}.main-area{grid-column:1;grid-row:2;position:relative;background:var(--cr-surface-subtle);overflow:hidden}.deck-pile{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:var(--card-width);height:var(--card-height);cursor:pointer;transition:transform .2s ease-out;z-index:10;-webkit-user-select:none;user-select:none}.deck-pile:hover{transform:translate(-50%,-50%) scale(1.05)}.deck-pile.shuffling .deck-card:nth-child(1){animation:shuffleCard1 .8s ease-in-out}.deck-pile.shuffling .deck-card:nth-child(2){animation:shuffleCard2 .8s ease-in-out}.deck-pile.shuffling .deck-card:nth-child(3){animation:shuffleCard3 .8s ease-in-out}.deck-pile.shuffling .deck-card:nth-child(4){animation:shuffleCard4 .8s ease-in-out}.deck-pile.shuffling .deck-card:nth-child(5){animation:shuffleCard5 .8s ease-in-out}.deck-pile.shuffling .deck-card:nth-child(6){animation:shuffleCard6 .8s ease-in-out}.deck-pile.shuffling .deck-card:nth-child(7){animation:shuffleCard7 .8s ease-in-out}.deck-pile.shuffling .deck-card:nth-child(8){animation:shuffleCard8 .8s ease-in-out}.deck-pile.shuffling .deck-card:nth-child(9){animation:shuffleCard9 .8s ease-in-out}.deck-pile.shuffling .deck-card:nth-child(10){animation:shuffleCard10 .8s ease-in-out}@keyframes shuffleCard1{0%{transform:translate(0) rotate(0)}25%{transform:translate(-65px) rotate(-10deg)}50%{transform:translate(-25px) rotate(-3deg)}75%{transform:translate(-50px) rotate(-7deg)}to{transform:translate(0) rotate(0)}}@keyframes shuffleCard2{0%{transform:translate(0) rotate(0)}25%{transform:translate(55px) rotate(9deg)}50%{transform:translate(20px) rotate(2deg)}75%{transform:translate(45px) rotate(6deg)}to{transform:translate(0) rotate(0)}}@keyframes shuffleCard3{0%{transform:translate(0) rotate(0)}25%{transform:translate(-70px) rotate(-11deg)}50%{transform:translate(-30px) rotate(-4deg)}75%{transform:translate(-55px) rotate(-8deg)}to{transform:translate(0) rotate(0)}}@keyframes shuffleCard4{0%{transform:translate(0) rotate(0)}25%{transform:translate(60px) rotate(10deg)}50%{transform:translate(25px) rotate(3deg)}75%{transform:translate(50px) rotate(7deg)}to{transform:translate(0) rotate(0)}}@keyframes shuffleCard5{0%{transform:translate(0) rotate(0)}25%{transform:translate(-58px) rotate(-9deg)}50%{transform:translate(-22px) rotate(-2deg)}75%{transform:translate(-48px) rotate(-6deg)}to{transform:translate(0) rotate(0)}}@keyframes shuffleCard6{0%{transform:translate(0) rotate(0)}25%{transform:translate(52px) rotate(8deg)}50%{transform:translate(18px) rotate(2deg)}75%{transform:translate(42px) rotate(5deg)}to{transform:translate(0) rotate(0)}}@keyframes shuffleCard7{0%{transform:translate(0) rotate(0)}25%{transform:translate(-62px) rotate(-10deg)}50%{transform:translate(-28px) rotate(-3deg)}75%{transform:translate(-52px) rotate(-7deg)}to{transform:translate(0) rotate(0)}}@keyframes shuffleCard8{0%{transform:translate(0) rotate(0)}25%{transform:translate(57px) rotate(9deg)}50%{transform:translate(23px) rotate(3deg)}75%{transform:translate(47px) rotate(6deg)}to{transform:translate(0) rotate(0)}}@keyframes shuffleCard9{0%{transform:translate(0) rotate(0)}25%{transform:translate(-68px) rotate(-11deg)}50%{transform:translate(-32px) rotate(-4deg)}75%{transform:translate(-58px) rotate(-8deg)}to{transform:translate(0) rotate(0)}}@keyframes shuffleCard10{0%{transform:translate(0) rotate(0)}25%{transform:translate(63px) rotate(10deg)}50%{transform:translate(27px) rotate(3deg)}75%{transform:translate(53px) rotate(7deg)}to{transform:translate(0) rotate(0)}}@keyframes shuffleCardAnimation{0%{transform:translate(0) rotate(0)}20%{transform:translate(-50px) rotate(-5deg)}40%{transform:translate(60px) rotate(5deg)}60%{transform:translate(-45px) rotate(-3deg)}80%{transform:translate(40px) rotate(3deg)}to{transform:translate(0) rotate(0)}}.deck-card.entering{animation:cardEnterAnimation .5s ease-out forwards}@keyframes cardEnterAnimation{0%{transform:translateY(-300px) rotate(0) scale(.8);opacity:0}50%{transform:translateY(-50px) rotate(0) scale(1.02);opacity:.8}80%{transform:translateY(5px) rotate(0) scale(1);opacity:1}to{transform:translate(0) rotate(0) scale(1);opacity:1}}.deck-card{position:absolute;width:var(--card-width);height:var(--card-height);border-radius:6px;background:var(--cr-surface-card);background-image:var(--cr-card-back-svg);background-size:15px 26px;border:2px solid var(--cr-accent);box-shadow:0 3px 6px var(--cr-shadow);pointer-events:none}.deck-card:nth-child(1){transform:translate(0);z-index:10}.deck-card:nth-child(2){transform:translate(1px,1px);z-index:9}.deck-card:nth-child(3){transform:translate(2px,2px);z-index:8}.deck-card:nth-child(4){transform:translate(3px,3px);z-index:7}.deck-card:nth-child(5){transform:translate(4px,4px);z-index:6}.deck-card:nth-child(6){transform:translate(5px,5px);z-index:5}.deck-card:nth-child(7){transform:translate(6px,6px);z-index:4}.deck-card:nth-child(8){transform:translate(7px,7px);z-index:3}.deck-card:nth-child(9){transform:translate(8px,8px);z-index:2}.deck-card:nth-child(10){transform:translate(9px,9px);z-index:1}.deck-base-hit{position:absolute;bottom:-15px;left:-5px;width:calc(100% + 10px);height:30px;cursor:grab;pointer-events:auto}.deck-right-hit{position:absolute;top:0;right:-10px;width:15px;height:100%;cursor:grab;pointer-events:auto;z-index:11}.deck-pile-label{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:var(--cr-text-bright);font-size:16px;font-weight:700;text-align:center;z-index:10;pointer-events:none;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;text-shadow:var(--cr-text-shadow)}.card{width:var(--card-width);height:var(--card-height);border-radius:6px;position:absolute;cursor:grab;box-shadow:0 8px 20px var(--cr-shadow-heavy);transform-style:preserve-3d;will-change:transform,left,top;-webkit-user-select:none;user-select:none}.card,.deck-pile,.slot-drag-handle{touch-action:none}.card.in-slot{position:absolute;right:0;bottom:0;margin:auto;left:auto;top:auto;pointer-events:auto}.card:active{cursor:grabbing}.card.revealed .card-front{transform:rotateY(0)}.card.revealed .card-back{transform:rotateY(180deg)}.card:not(.revealed) .card-front{transform:rotateY(180deg)}.card:not(.revealed) .card-back{transform:rotateY(0)}.card-front,.card-back{width:100%;height:100%;position:absolute;backface-visibility:hidden;border-radius:8px;transition:transform .6s}.card.cr-no-flip-anim .card-front,.card.cr-no-flip-anim .card-back{transition:none}.card-front{background:#fff;display:flex;align-items:center;justify-content:center;border:3px solid var(--cr-accent);overflow:hidden;transform:rotateY(180deg)}.card-front img{width:104%;height:104%;object-fit:cover;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none;-webkit-user-drag:none;user-drag:none}.card-back{transform:rotateY(0);background:var(--cr-surface-card);background-image:var(--cr-card-back-svg);background-size:18px 31px;border:2px solid var(--cr-accent)}.spread-slots{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.spread-slots.active{display:block}.spread-slots.optimized-layout{display:flex;justify-content:center;align-items:center}.spread-slots.optimized-layout,.spread-slots.celtic-layout{padding-top:var(--spread-top-offset);padding-bottom:calc(var(--spread-top-offset) + 20px);box-sizing:border-box}.card.over-deck,.card.over-deck:hover{opacity:.7;--card-scale: 1.1}.spread-slots.single-layout{display:flex;justify-content:center;align-items:center}.spread-slots.horizontal-layout{display:flex;justify-content:center;align-items:center;gap:var(--card-gap)}.spread-slots.pyramid-layout{display:grid;grid-template-columns:repeat(3,calc(var(--card-width) + var(--slot-border-gap)));grid-template-rows:repeat(2,calc(var(--card-height) + var(--slot-border-gap)));gap:var(--card-gap);justify-content:center;align-content:center}.spread-slots.cross-layout{display:grid;grid-template-columns:repeat(3,calc(var(--card-width) + var(--slot-border-gap)));grid-template-rows:repeat(3,calc(var(--card-height) + var(--slot-border-gap)));gap:var(--card-gap);justify-content:center;align-content:center}.spread-slots.spirit-layout{display:grid;grid-template-columns:repeat(3,calc(var(--card-width) + var(--slot-border-gap)));grid-template-rows:repeat(2,calc(var(--card-height) + var(--slot-border-gap)));gap:var(--card-gap);justify-content:center;align-content:center}.spread-slots.tree-layout,.spread-slots.nine-grid-layout{display:grid;grid-template-columns:repeat(3,calc(var(--card-width) + var(--slot-border-gap)));grid-template-rows:repeat(3,calc(var(--card-height) + var(--slot-border-gap)));gap:var(--card-gap);justify-content:center;align-content:center}.spread-slots.celtic-layout{display:flex;justify-content:center;align-items:center;--cross-to-staff-gap: 48px;--rotated-card-width: 140px;--rotated-card-height: 100px}.celtic-cross-section{display:grid;grid-template-columns:var(--card-width) var(--rotated-card-width) var(--card-width);grid-template-rows:var(--card-height) var(--card-height) var(--card-height);gap:var(--card-gap);position:relative;align-items:center;justify-items:center}.celtic-staff-section{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:var(--card-gap);margin-left:var(--cross-to-staff-gap)}.celtic-slot{position:relative;width:var(--card-width);height:var(--card-height)}.celtic-slot.rotated{width:var(--rotated-card-width);height:var(--rotated-card-height)}.celtic-slot[data-position="1"]{grid-column:2;grid-row:2;z-index:2}.celtic-slot[data-position="2"]{grid-column:2;grid-row:2;width:var(--rotated-card-width);height:var(--rotated-card-height);z-index:1}.celtic-slot[data-position="3"]{grid-column:2;grid-row:1;z-index:2}.celtic-slot[data-position="4"]{grid-column:2;grid-row:3;z-index:2}.celtic-slot[data-position="5"]{grid-column:3;grid-row:2}.celtic-slot[data-position="6"]{grid-column:1;grid-row:2}.optimized-layout .slot,.single-layout .slot,.horizontal-layout .slot,.pyramid-layout .slot,.cross-layout .slot,.spirit-layout .slot,.tree-layout .slot,.nine-grid-layout .slot,.celtic-layout .slot{position:relative;left:auto;top:auto}.pyramid-slot[data-position="1"]{grid-column:1;grid-row:2}.pyramid-slot[data-position="2"]{grid-column:2;grid-row:2}.pyramid-slot[data-position="3"]{grid-column:3;grid-row:2}.pyramid-slot[data-position="4"]{grid-column:2;grid-row:1}.cross-slot[data-position="1"]{grid-column:2;grid-row:2}.cross-slot[data-position="2"]{grid-column:1;grid-row:2}.cross-slot[data-position="3"]{grid-column:3;grid-row:2}.cross-slot[data-position="4"]{grid-column:2;grid-row:1}.cross-slot[data-position="5"]{grid-column:2;grid-row:3}.spirit-slot[data-position="1"]{grid-column:1;grid-row:1}.spirit-slot[data-position="2"]{grid-column:3;grid-row:1}.spirit-slot[data-position="3"]{grid-column:1;grid-row:2}.spirit-slot[data-position="4"]{grid-column:3;grid-row:2}.spirit-slot[data-position="5"]{grid-column:2;grid-row:1}.spirit-slot[data-position="6"]{grid-column:2;grid-row:2}.tree-slot[data-position="1"]{grid-column:1;grid-row:1}.tree-slot[data-position="2"]{grid-column:1;grid-row:2}.tree-slot[data-position="3"]{grid-column:3;grid-row:1}.tree-slot[data-position="4"]{grid-column:3;grid-row:2}.tree-slot[data-position="5"]{grid-column:2;grid-row:2}.tree-slot[data-position="6"]{grid-column:2;grid-row:1}.tree-slot[data-position="7"]{grid-column:2;grid-row:3}@media(max-width:1200px){.spread-slots.optimized-layout,.spread-slots.celtic-layout{--card-gap: 20px}.spread-slots.celtic-layout{--cross-to-staff-gap: 36px}}@media(max-width:900px){.spread-slots.optimized-layout,.spread-slots.celtic-layout{--card-gap: 16px;--card-width: 85px;--card-height: 145px}.spread-slots.celtic-layout{--cross-to-staff-gap: 28px;--rotated-card-width: 126px;--rotated-card-height: 90px}.main-container[data-deck=lenormand] .spread-slots.optimized-layout,.main-container[data-deck=lenormand] .spread-slots.celtic-layout{--card-width: 68px;--card-height: 106px}}@media(min-width:769px){.spreads-toolbar{position:relative;grid-column:1;grid-row:1;left:auto;top:auto;width:auto;height:auto;display:flex;flex-direction:row}.cr-btn,.customize-btn{padding:8px 12px;font-weight:600}.btn-text{font-weight:600;display:block}}.spreads-toolbar{scroll-padding-left:16px}.spread-cache-tray{min-height:32px}.spread-cache-pill{font-size:12px}@media(max-width:768px){.spread-slots.optimized-layout,.spread-slots.celtic-layout{padding-top:calc(var(--spread-top-offset) * .5);padding-bottom:calc(var(--spread-top-offset) * .7)}:root{--card-width: clamp(50px, 22vw, 75px);--card-height: clamp(86px, 37vw, 128px);--card-gap: clamp(8px, 2vw, 16px);--slot-border-gap: 4px}.main-container[data-deck=lenormand]{--card-width: clamp(40px, 17.6vw, 60px);--card-height: clamp(62px, 27.5vw, 94px);--slot-border-gap: 4px}body{padding-top:52px}.main-container{display:flex;flex-direction:column;height:calc(100vh - 52px);height:calc(100dvh - 52px);gap:0;overflow:hidden}.main-container>.spread-slots,.main-container>.card-area,.main-container>.deck-pile-wrapper{flex:1 1 auto;min-height:0}.deck-pile-label{font-size:12px;line-height:1.2}.deck-hint{font-size:6px;margin-top:3px;line-height:1.1;opacity:.8}.card-design-link{padding:6px 10px;font-size:10px;margin-top:4px}.custom-deck-section{margin-top:4px;padding-top:4px}.login-prompt-text{font-size:9px}.login-prompt-btn{font-size:9px;padding:3px 10px}.spreads-toolbar{position:relative;flex-shrink:0;display:flex;flex-direction:row;align-items:center;overflow-x:auto;overflow-y:hidden;padding:3px 8px;gap:6px;background:var(--cr-surface);border-bottom:1px solid rgba(var(--cr-accent-rgb),.3);min-height:32px;-webkit-overflow-scrolling:touch;z-index:var(--z-controls);touch-action:pan-x;scrollbar-width:thin;scrollbar-color:rgba(var(--cr-accent-rgb),.3) transparent}.spreads-toolbar::-webkit-scrollbar{height:3px}.spreads-toolbar::-webkit-scrollbar-track{background:transparent}.spreads-toolbar::-webkit-scrollbar-thumb{background:rgba(var(--cr-accent-rgb),.3);border-radius:3px}.spreads-toolbar .spread-item,.spreads-toolbar .spread-item-wrapper{touch-action:pan-x}.spreads-toolbar .spread-item-wrapper{padding:2px 10px;font-size:12px;border-radius:999px;border-color:rgba(var(--cr-accent-rgb),.25)}.spreads-toolbar .spread-item-wrapper.has-hide-btn{padding-right:10px}.spreads-toolbar .spreads-row{display:flex;flex-direction:row;gap:6px;flex-wrap:nowrap;align-items:center}.spreads-toolbar .reset-spreads-btn{flex-shrink:0;white-space:nowrap;padding:4px 10px;font-size:11px}.spreads-toolbar .spread-hide-btn,.spreads-toolbar-label{display:none}.spreads-row{flex:1 0 auto;min-width:50px}.spread-cache-tray{flex-shrink:0;justify-content:flex-start}.main-area{flex:1;min-height:60vh;margin-top:36px}.spread-item-wrapper{padding:5px 12px;font-size:12px}.arcana-toggle{height:32px;border-radius:8px}.arcana-half{padding:4px 8px;font-size:10px}}@media(max-width:480px){:root{--card-width: clamp(45px, 20vw, 65px);--card-height: clamp(77px, 34vw, 111px);--spread-top-offset: clamp(32px, 6vh, 80px)}.main-container[data-deck=lenormand]{--card-width: clamp(36px, 16vw, 52px);--card-height: clamp(56px, 25vw, 81px)}.card-design-link{padding:4px 8px;font-size:9px;margin-top:2px}.custom-deck-section{margin-top:2px;padding-top:2px}.login-prompt-text{font-size:8px}.login-prompt-btn{font-size:8px;padding:2px 8px}.spread-cache-pill{font-size:10px;padding:3px 8px}.spreads-toolbar{min-height:38px;padding:5px 8px;gap:6px}.main-area{margin-top:38px}.spread-item-wrapper{padding:4px 10px;font-size:12px;border-radius:999px}.deck-pile-label{font-size:10px}.arcana-toggle{height:28px;border-radius:6px}.arcana-half{padding:3px 6px;font-size:9px}}@media(max-width:360px){:root{--card-width: clamp(40px, 18vw, 55px);--card-height: clamp(68px, 31vw, 94px);--card-gap: clamp(6px, 2vw, 12px)}.main-container[data-deck=lenormand]{--card-width: clamp(32px, 14.4vw, 44px);--card-height: clamp(50px, 22.5vw, 69px)}.card-design-link{font-size:8px;padding:3px 6px}.login-prompt-text{font-size:7px}.login-prompt-btn{font-size:7px;padding:2px 6px}.spreads-toolbar{min-height:34px;padding:4px 6px;gap:5px}.main-area{margin-top:34px}.spread-item-wrapper{padding:3px 8px;font-size:11px;border-radius:999px}.spread-cache-pill{font-size:9px;padding:2px 6px}.reset-spreads-btn{font-size:9px;padding:3px 8px}.deck-pile-label{font-size:9px}.arcana-half{padding:2px 5px;font-size:8px}}.slot{position:absolute;width:calc(var(--card-width) + var(--slot-border-gap));height:calc(var(--card-height) + var(--slot-border-gap));border:2px dashed rgba(var(--cr-accent-rgb),.4);border-radius:8px;background:rgba(var(--cr-accent-rgb),.1);display:flex;align-items:center;justify-content:center;pointer-events:none;transition:all .3s ease;-webkit-user-select:none;user-select:none}.slot[data-angle="90"]{width:calc(var(--card-height) + var(--slot-border-gap));height:calc(var(--card-width) + var(--slot-border-gap))}.slot.filled{border-color:rgba(var(--cr-accent-rgb),.8);background:rgba(var(--cr-accent-rgb),.2)}.slot.highlight{border-color:var(--cr-highlight-border);background:var(--cr-highlight-bg);box-shadow:0 0 12px var(--cr-highlight-shadow)}.slot-label{color:var(--cr-text-muted);font-size:14px;font-weight:700;text-align:center;padding:5px;-webkit-user-select:none;user-select:none;pointer-events:none}.slot.creating .slot-label{position:absolute;bottom:-24px;left:50%;transform:translate(-50%);white-space:nowrap;background:rgba(var(--cr-accent-rgb),.6);padding:2px 8px;border-radius:10px;font-size:12px;pointer-events:auto;cursor:text;min-width:24px;outline:none}.slot.creating .slot-label:focus{background:rgba(var(--cr-accent-rgb),.85);box-shadow:0 0 6px rgba(var(--cr-accent-rgb),.5)}.slot.creating .slot-label:focus-visible{outline:2px solid var(--cr-focus-outline);outline-offset:2px}.remaining-bar-wrap{position:absolute;bottom:45px;left:50%;transform:translate(-50%);width:clamp(320px,60%,880px);z-index:var(--z-controls);pointer-events:none}@media(max-width:768px){.remaining-bar-wrap{bottom:calc(var(--cr-mobile-toolbar-h, 48px) + 12px);width:min(92%,360px)}}.cr-btn{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:5px 10px;min-width:48px;background:linear-gradient(180deg,rgba(var(--cr-accent-rgb),.3),rgba(var(--cr-accent-rgb),.2));border:1px solid rgba(var(--cr-accent-rgb),.25);color:var(--cr-text);border-radius:10px;cursor:pointer;font-size:11px;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap;-webkit-user-select:none;user-select:none;box-shadow:0 0 8px var(--cr-shadow-light)}.btn-text{font-size:11px;font-weight:500;line-height:1;white-space:nowrap}.cr-btn:hover{border-color:var(--cr-btn-hover-accent);box-shadow:0 0 12px var(--cr-btn-hover-glow),inset 0 0 12px #b4a0ff08;transform:translateY(-1px)}.cr-btn:active{transform:translateY(0) scale(.98)}.cr-btn:disabled{opacity:.5;cursor:not-allowed}.cr-btn:focus-visible{outline:2px solid var(--cr-focus-outline);outline-offset:2px}.cr-btn.reversals-toggle{background:var(--cr-reversals-bg);border-color:var(--cr-reversals-border)}.cr-btn.reversals-toggle.active{background:var(--cr-reversals-active);border-color:var(--cr-reversals-active-border)}.cr-btn.reversals-toggle.active:hover{background:rgba(var(--cr-accent-rgb),.9);box-shadow:0 0 12px rgba(var(--cr-accent-rgb),.35),inset 0 0 12px rgba(var(--cr-accent-rgb),.06)}.cr-btn.reversals-toggle:hover:not(.active){background:var(--cr-reversals-bg-hover);border-color:var(--cr-reversals-border-hover);box-shadow:0 0 12px #9696961a,inset 0 0 12px #96969608}@media(prefers-reduced-motion:reduce){.cr-btn,.customize-btn,.arcana-half{transition-duration:.01ms!important}}.arcana-toggle{display:none;border-radius:10px;overflow:hidden;border:1px solid rgba(var(--cr-accent-rgb),.25);background:linear-gradient(180deg,rgba(var(--cr-accent-rgb),.3),rgba(var(--cr-accent-rgb),.2));position:relative;box-shadow:0 0 8px var(--cr-shadow-light)}.arcana-toggle.visible{display:flex}.arcana-half{flex:1;display:inline-flex;align-items:center;padding:6px 10px;border:none;background:transparent;color:var(--cr-text-muted);font-size:11px;font-weight:600;cursor:pointer;transition:background .25s ease,color .2s ease,opacity .2s ease;white-space:nowrap;-webkit-user-select:none;user-select:none;opacity:.5;position:relative;z-index:1}.arcana-toggle .arcana-half:first-of-type{justify-content:flex-end;padding-right:14px}.arcana-toggle .arcana-half:last-of-type{justify-content:flex-start;padding-left:14px}.arcana-half+.arcana-half{border-left:1px solid var(--cr-border)}.arcana-half:focus-visible{outline:2px solid var(--cr-focus-outline);outline-offset:2px}.arcana-half.active{color:var(--cr-text);opacity:1}.arcana-half:hover:not(.active){opacity:.7;background:rgba(var(--cr-accent-rgb),.1)}[data-theme=light] .arcana-half.active{color:var(--cr-text)}.deck-pile.deck-empty{opacity:.4;border-style:dashed;pointer-events:none;cursor:default}.deck-pile.deck-empty .deck-card{opacity:.3}.filter-warning-modal{display:none;position:absolute;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:var(--z-modal-backdrop);align-items:center;justify-content:center}.filter-warning-modal.show{display:flex}.filter-warning-content{background:var(--cr-surface);border:1px solid rgba(var(--cr-accent-rgb),.4);border-radius:12px;padding:20px;max-width:300px;text-align:center;color:var(--cr-text);font-size:13px}.filter-warning-dismiss{display:flex;align-items:center;justify-content:center;gap:6px;margin:12px 0;font-size:12px;color:var(--cr-text-muted);cursor:pointer}.filter-warning-ok{padding:6px 24px;border-radius:8px;border:1px solid var(--cr-accent);background:rgba(var(--cr-accent-rgb),.3);color:var(--cr-text);cursor:pointer;font-size:12px;transition:background .2s}.filter-warning-ok:hover{background:rgba(var(--cr-accent-rgb),.5)}.card.reversed.revealed .card-front{transform:rotateY(0) rotate(180deg)}.card.reversed:not(.revealed) .card-front{transform:rotateY(180deg) rotate(180deg)}.spread-info-box{display:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:rgba(var(--cr-accent-rgb),.15);border:2px solid rgba(var(--cr-accent-rgb),.6);border-radius:16px;padding:30px 40px;color:rgba(var(--cr-accent-rgb),.9);text-align:center;font-size:16px;font-weight:500;z-index:var(--z-sticky);max-width:90%;box-shadow:0 8px 32px rgba(var(--cr-accent-rgb),.3);-webkit-user-select:none;user-select:none}.spread-info-box.show{display:block}@media(max-width:1200px){.spread-info-box{font-size:14px;padding:25px 35px}}.customization-box{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--cr-modal-bg);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:2px solid rgba(var(--cr-accent-rgb),.6);border-radius:12px;padding:20px 30px;display:none;flex-direction:column;gap:15px;z-index:var(--z-modal);min-width:400px;max-width:90%;max-height:80vh;overflow-y:auto;overscroll-behavior:contain;box-shadow:0 8px 32px rgba(var(--cr-accent-rgb),.3)}.customization-box.show{display:flex}.customization-title{color:rgba(var(--cr-accent-rgb),.9);font-size:16px;font-weight:600;text-align:center;margin-bottom:5px;-webkit-user-select:none;user-select:none;cursor:grab}.customization-title:active,.customization-box.is-dragging .customization-title{cursor:grabbing}.customization-char-counter{font-size:11px;color:var(--cr-text-muted);text-align:right;margin-top:2px;-webkit-user-select:none;user-select:none}.customization-char-counter.at-limit{color:#e6a817}@media(max-width:767px){.customization-box{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)!important;width:calc(100% - 32px);min-width:unset;padding:18px 20px}.customization-title{cursor:default}}.customization-input-group{display:flex;flex-direction:column;gap:8px}.customization-label{color:var(--cr-text-muted);font-size:13px;margin-bottom:4px}.customization-input{background:var(--cr-glass);border:1px solid rgba(var(--cr-accent-rgb),.4);border-radius:8px;padding:10px 15px;color:var(--cr-text);font-size:14px;transition:all .3s ease}.customization-input:focus{outline:none;border-color:rgba(var(--cr-accent-rgb),.8);background:var(--cr-glass-medium)}.customization-input:focus-visible{outline:2px solid var(--cr-focus-outline);outline-offset:2px}.customization-buttons{display:flex;gap:10px;justify-content:center;margin-top:5px}.customization-btn{padding:8px 20px;border:none;border-radius:8px;cursor:pointer;font-size:14px;transition:all .3s ease;-webkit-user-select:none;user-select:none}.customization-btn.apply{background:rgba(var(--cr-accent-rgb),.8);color:var(--cr-text)}.customization-btn.apply:hover{background:rgba(var(--cr-accent-rgb),1)}.customization-btn.cancel{background:var(--cr-cancel-bg);color:var(--cr-cancel-text)}.customization-btn.cancel:hover{background:var(--cr-cancel-bg-hover)}.loading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:var(--cr-accent);font-size:20px;z-index:var(--z-modal);display:none}.loading:after{content:"";display:inline-block;width:20px;height:20px;border:3px solid rgba(var(--cr-accent-rgb),.3);border-top-color:var(--cr-accent);border-radius:50%;animation:spin .8s linear infinite;margin-left:10px;vertical-align:middle}@keyframes spin{to{transform:rotate(360deg)}}.spread-item-wrapper.saved-wrapper{background:var(--cr-saved-bg);border-color:var(--cr-saved-border)}.spread-item-wrapper.saved-wrapper:hover{background:#4caf5066}.spread-item-wrapper{display:inline-flex;align-items:center;gap:0;position:relative;flex-shrink:0;padding:3px 10px;background:rgba(var(--cr-accent-rgb),.2);border:1px solid rgba(var(--cr-accent-rgb),.4);border-radius:16px;cursor:pointer;transition:background .3s ease,border-color .3s ease,box-shadow .3s ease;white-space:nowrap;scroll-snap-align:start;font-size:13px;color:var(--cr-text);-webkit-user-select:none;user-select:none}.spread-item-wrapper.has-hide-btn{padding-right:22px}.spread-item-wrapper.hiding{animation:pill-hide .25s ease-in forwards;overflow:hidden;pointer-events:none;will-change:max-width,opacity}@keyframes pill-hide{0%{max-width:var(--pill-width);opacity:1}to{max-width:0;opacity:0;padding-left:0;padding-right:0;border-width:0}}.spread-item-wrapper.entering{animation:pill-enter .25s ease-out forwards;overflow:hidden;will-change:max-width,opacity}@keyframes pill-enter{0%{max-width:0;opacity:0;padding-left:0;padding-right:0}to{max-width:200px;opacity:1}}.spread-hide-btn{position:absolute;right:4px;top:50%;transform:translateY(-50%);width:16px;height:16px;border-radius:50%;background:transparent;border:none;color:var(--cr-btn-muted-text);font-size:12px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:opacity .15s ease,background .15s ease;padding:0;line-height:1;opacity:0;pointer-events:none;z-index:2}@media(hover:hover){.spread-item-wrapper:hover .spread-hide-btn{opacity:.6;pointer-events:auto}.spread-hide-btn:hover{opacity:1;background:rgba(var(--cr-accent-rgb),.25)}}#createSpreadBtn.active{background:rgba(var(--cr-accent-rgb),.9);box-shadow:0 0 10px rgba(var(--cr-accent-rgb),.5)}.main-area.creating-spread{cursor:crosshair;position:relative}.main-area.creating-spread:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#00000040;z-index:1;pointer-events:none;border-radius:inherit}.main-area.creating-spread .cr-sidebar__content{z-index:3}.main-area.creating-spread .deck-pile{pointer-events:none;opacity:.5}.main-area.creating-spread .card{opacity:.1;pointer-events:none;transition:opacity .3s ease}.slot.creating{border-color:var(--cr-creating-border);box-shadow:0 0 10px var(--cr-creating-shadow);position:absolute;pointer-events:auto;transition:none;z-index:2}.slot.creating:hover{border-color:#ff9800;box-shadow:0 0 15px #ff9800b3}.slot-delete-btn{position:absolute;top:-8px;right:-8px;width:24px;height:24px;border-radius:50%;background:var(--cr-btn-dark-bg);border:1px solid rgba(var(--cr-accent-rgb),.5);color:var(--cr-text);font-size:15px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;z-index:10;padding:0;line-height:1;box-shadow:0 0 6px var(--cr-shadow-deep)}.slot-delete-btn:hover{background:rgba(var(--cr-accent-rgb),.85);border-color:rgba(var(--cr-accent-rgb),.9);transform:scale(1.08)}.slot-delete-btn:focus-visible{outline:2px solid var(--cr-focus-outline);outline-offset:2px}.slot-drag-handle{position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:40px;height:20px;border-radius:8px;background:var(--cr-btn-dark-bg-light);border:1px solid var(--cr-border-subtle);color:var(--cr-text-muted);font-size:9px;cursor:grab;display:flex;align-items:center;justify-content:center;transition:all .2s ease;z-index:10;-webkit-user-select:none;user-select:none;line-height:1}.slot-drag-handle:active{cursor:grabbing;background:rgba(var(--cr-accent-rgb),.6)}.slot-drag-handle:hover{background:rgba(var(--cr-accent-rgb),.4);border-color:rgba(var(--cr-accent-rgb),.6)}.spread-item.keyboard-focus{outline:2px solid rgba(var(--cr-accent-rgb),.8);outline-offset:2px}.cr-keyboard-help{position:fixed;bottom:80px;right:20px;z-index:var(--z-keyboard-help);background:var(--cr-modal-bg);border:1px solid var(--cr-border-medium);border-radius:12px;padding:16px 20px;color:var(--cr-text);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 8px 32px var(--cr-shadow-heavy);max-width:280px}.cr-keyboard-help-title{margin:0 0 12px;font-size:14px;font-weight:600;color:var(--cr-text-bright)}.cr-keyboard-help-list{margin:0;display:grid;grid-template-columns:auto 1fr;gap:6px 12px;font-size:13px}.cr-keyboard-help-list dt{font-family:var(--cr-font-mono);font-size:11px;background:var(--cr-glass-medium);padding:3px 8px;border-radius:4px;text-align:center;font-weight:600;white-space:nowrap;-webkit-user-select:none;user-select:none}.cr-keyboard-help-list dd{margin:0;color:var(--cr-text-muted);line-height:1.8}.cr-keyboard-help-toggle{margin-top:12px;padding-top:10px;border-top:1px solid var(--cr-border);font-size:12px}.cr-reveal-toggle{display:flex;align-items:center;gap:8px;cursor:pointer;color:var(--cr-text-muted)}.cr-reveal-toggle input[type=checkbox]{accent-color:rgba(var(--cr-accent-rgb),.8)}.cr-help-tab-bar{display:flex;gap:16px;margin-bottom:12px;border-bottom:1px solid var(--cr-border)}.cr-help-tab{flex:1;padding:6px 2px;background:transparent;border:none;border-bottom:2px solid transparent;color:var(--cr-text-muted);font-size:13px;font-weight:500;font-family:inherit;cursor:pointer;transition:color .15s ease,border-color .15s ease;margin-bottom:-1px}.cr-help-tab:hover{color:var(--cr-text)}.cr-help-tab[aria-selected=true]{color:var(--cr-text-bright);border-bottom-color:rgba(var(--cr-accent-rgb),.9)}.cr-help-tab:focus-visible{outline:2px solid rgba(var(--cr-accent-rgb),.6);outline-offset:2px;border-radius:2px}.cr-help-tabpanel{display:none}.cr-help-tabpanel.active{display:block}.cr-help-tabpanel:focus-visible{outline:none}#help-panel-spreads{max-height:320px;overflow-y:auto;overscroll-behavior:contain}.cr-spread-info-list{display:flex;flex-direction:column}.cr-spread-info-entry{padding:8px 0;border-bottom:1px solid var(--cr-border)}.cr-spread-info-entry:last-child{border-bottom:none}.cr-spread-info-name{font-size:13px;font-weight:600;color:var(--cr-text);display:flex;align-items:baseline;gap:6px}.cr-spread-info-count{font-family:var(--cr-font-mono);font-size:11px;color:var(--cr-text-muted);font-weight:500}.cr-spread-info-desc{margin-top:3px;font-size:12px;line-height:1.5;color:var(--cr-text-muted)}.cr-btn--ai{background:rgba(var(--cr-accent-rgb),.15);border:1px solid rgba(var(--cr-accent-rgb),.3);border-radius:12px;color:var(--cr-text-bright)}.cr-btn--ai:hover{background:rgba(var(--cr-accent-rgb),.25);border-color:rgba(var(--cr-accent-rgb),.5);box-shadow:0 0 12px rgba(var(--cr-accent-rgb),.15)}.customize-btn{display:inline-flex;align-items:center;justify-content:center;padding:5px 10px;background:transparent;border:none;color:var(--cr-text);border-radius:10px;cursor:pointer;font-size:12px;opacity:.6;transition:opacity .2s ease;white-space:nowrap;-webkit-user-select:none;user-select:none}.customize-btn:hover{opacity:.9;text-decoration:underline}.cr-action-add{flex-direction:row;gap:6px;justify-content:center;background:rgba(var(--cr-accent-rgb),.05);border:1.5px dashed rgba(var(--cr-accent-rgb),.4);box-shadow:none}.cr-action-add .cr-action-add__icon{flex-shrink:0;display:flex;align-items:center;justify-content:center;color:var(--cr-text);opacity:.7}.cr-action-add:hover{background:rgba(var(--cr-accent-rgb),.12);border-color:rgba(var(--cr-accent-rgb),.75);border-style:solid;box-shadow:none;transform:translateY(-1px)}.cr-action-add:active{transform:translateY(0) scale(.98)}.cr-sidebar__toggle[data-tooltip-action]:hover:after,.cr-sidebar__pin[data-tooltip-action]:hover:after,.cr-sidebar__toggle[data-tooltip-action]:focus-visible:after,.cr-sidebar__pin[data-tooltip-action]:focus-visible:after{content:attr(data-tooltip-action) "\a" attr(data-tooltip-shortcut);position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%);background:var(--cr-surface-intense);color:var(--cr-text);border:1px solid rgba(var(--cr-accent-rgb),.25);border-radius:6px;padding:8px 12px;font-size:12px;font-weight:400;line-height:1.5;white-space:pre-line;z-index:20;pointer-events:none;box-shadow:0 4px 16px var(--cr-shadow);min-width:120px;text-align:center}.cr-sidebar{position:fixed;top:calc(var(--pnav-height, 52px) + var(--cr-toolbar-height, 35px));bottom:0;left:0;width:var(--cr-sidebar-w-pinned, 248px);z-index:var(--z-sidebar, 110);background:var(--cr-sidebar-bg);border-right:1px solid rgba(var(--cr-accent-rgb),.3);display:flex;flex-direction:column;overflow:hidden;border-radius:0;transition:transform .22s cubic-bezier(0,0,.3,1),opacity .22s cubic-bezier(0,0,.3,1),box-shadow .15s ease}.main-container{--cr-sidebar-push: 0px}.main-container.sidebar-pinned{--cr-sidebar-push: var(--cr-sidebar-w-pinned, 248px)}.main-container.sidebar-peek,.main-container.sidebar-hidden{--cr-sidebar-push: 0px}.main-container .spreads-toolbar{margin-left:var(--cr-sidebar-push, 0px);transition:margin-left .22s cubic-bezier(0,0,.3,1)}.main-container.sidebar-hidden .spreads-toolbar,.main-container.sidebar-peek .spreads-toolbar{transition:margin-left .12s cubic-bezier(.2,0,1,.9)}@media(max-width:768px){.main-container .spreads-toolbar{margin-left:0}}html[data-cr-sidebar-initial=hidden] .cr-sidebar.cr-sidebar--pinned-open{transform:translate(-100%);opacity:0;pointer-events:none}html[data-cr-sidebar-initial=hidden] .main-container.sidebar-pinned{--cr-sidebar-push: 0px}.cr-sidebar--peek,.cr-sidebar--pinned-open{transition:transform .22s cubic-bezier(0,0,.3,1),opacity .22s cubic-bezier(0,0,.3,1),box-shadow .15s ease}.cr-sidebar--hidden{transition:transform .12s cubic-bezier(.2,0,1,.9),opacity .12s cubic-bezier(.2,0,1,.9)}.cr-sidebar--pinned-open{display:flex;transform:translate(0);opacity:1;pointer-events:auto;box-shadow:2px 0 20px #0000002e}.cr-sidebar--peek{display:flex;transform:translate(0);opacity:.97;pointer-events:auto;box-shadow:2px 0 12px #0000001f}.cr-sidebar--hidden{display:flex;transform:translate(-100%);opacity:0;pointer-events:none}.cr-sidebar--peek:focus-within{transform:translate(0);opacity:1;pointer-events:auto}@media(prefers-reduced-motion:reduce){.cr-sidebar,.cr-sidebar--peek,.cr-sidebar--pinned-open{transition:opacity 50ms ease!important}.cr-sidebar--hidden{transform:translate(0);transition:opacity 50ms ease!important}}.cr-sidebar__pin{position:absolute;top:8px;right:8px;z-index:2;background:var(--cr-neutral-bg);border:1px solid rgba(var(--cr-accent-rgb),.3);border-radius:6px;color:var(--cr-text);cursor:pointer;width:28px;height:28px;display:flex;align-items:center;justify-content:center;font-size:14px;transition:all .2s ease}.cr-sidebar__pin:hover{background:rgba(var(--cr-accent-rgb),.3)}.cr-sidebar__pin[data-tooltip-action]:hover:after{content:attr(data-tooltip-action);position:absolute;left:calc(100% + 8px);top:50%;transform:translateY(-50%);background:var(--cr-surface-intense);color:var(--cr-text);border:1px solid rgba(var(--cr-accent-rgb),.3);border-radius:6px;padding:5px 9px;font-size:11px;line-height:1.4;white-space:nowrap;z-index:20;pointer-events:none;box-shadow:0 4px 12px var(--cr-shadow)}.cr-sidebar--always-pinned .cr-sidebar__pin,.cr-sidebar__toggle{display:none}.cr-sidebar__content{padding:44px 8px 16px;display:flex;flex-direction:column;gap:8px;overflow-y:auto;overflow-x:hidden;flex:1}.cr-sidebar-section{display:flex;flex-direction:column;gap:6px}.cr-sidebar-section--top{padding-bottom:4px}.cr-sidebar-section--bottom{margin-top:16px;padding-top:8px;border-top:1px solid rgba(var(--cr-accent-rgb),.2)}.cr-sidebar-icon{flex-shrink:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center;color:var(--cr-text)}.cr-sidebar-icon svg{width:20px;height:20px}.cr-sidebar-section--top .cr-btn{flex-direction:row;gap:8px;justify-content:flex-start;padding:6px 10px;min-height:36px;position:relative}.cr-sidebar-section--context .cr-btn,.cr-sidebar-section--bottom .cr-btn{justify-content:center;flex-direction:row;padding:6px 10px;min-height:36px}.cr-sidebar .arcana-toggle{min-height:36px;align-items:stretch}.cr-sidebar .arcana-half,.cr-sidebar .cr-btn--sub{min-height:36px}.cr-sidebar .card-design-link{min-height:36px;padding:6px 10px}.cr-sidebar-hint{margin-left:auto;font-family:var(--cr-font-mono);font-size:10px;font-weight:500;background:var(--cr-glass-medium);color:var(--cr-text-faint);border-radius:3px;padding:1px 5px;line-height:1.4;white-space:nowrap;flex-shrink:0;-webkit-user-select:none;user-select:none}.cr-sidebar [data-tooltip]{position:relative}.cr-sidebar button:focus-visible,.cr-sidebar .cr-sidebar-collapsible__summary:focus-visible,.cr-sidebar a:focus-visible{outline:2px solid var(--cr-focus-outline);outline-offset:2px}.cr-sidebar-collapsible{border-top:1px solid rgba(var(--cr-accent-rgb),.2)}.cr-sidebar-collapsible__summary{padding:8px 10px;font-size:13px;font-weight:600;color:var(--cr-text);cursor:pointer;-webkit-user-select:none;user-select:none;list-style:none;display:flex;align-items:center;gap:6px;border-radius:7px;transition:background-color .15s ease}.cr-sidebar-collapsible__summary:hover{background-color:rgba(var(--cr-accent-rgb),.08)}.cr-sidebar-collapsible__summary:focus-visible{outline:2px solid var(--cr-accent);outline-offset:1px}.cr-sidebar-collapsible__summary::-webkit-details-marker{display:none}.cr-sidebar-collapsible__summary:before{content:"";display:inline-block;width:16px;height:16px;flex-shrink:0;background-color:var(--cr-text);-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M6 4l4 4-4 4' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");-webkit-mask-repeat:no-repeat;-webkit-mask-position:center;-webkit-mask-size:16px 16px;mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M6 4l4 4-4 4' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");mask-repeat:no-repeat;mask-position:center;mask-size:16px 16px;opacity:.65;transition:transform .2s ease;transform:rotate(0)}.cr-sidebar-collapsible[open] .cr-sidebar-collapsible__summary:before{transform:rotate(90deg);opacity:.85}.cr-sidebar-collapsible__body{display:flex;flex-direction:column;gap:6px;padding:4px 0 8px;overflow:hidden;max-height:500px;transition:max-height .25s ease-out,opacity .2s ease-out;opacity:1}.cr-sidebar-collapsible:not([open]) .cr-sidebar-collapsible__body{max-height:0;opacity:0;padding-top:0;padding-bottom:0}.cr-sidebar-recent-spreads__list{display:flex;flex-direction:column;gap:2px;list-style:none;margin:0;padding:0}.cr-sidebar-recent-spreads__item{font-size:11px;color:var(--cr-text-faint);padding:2px 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cr-sidebar-recent-label{font-size:10px;color:var(--cr-text-dimmed);text-transform:uppercase;letter-spacing:.4px;padding:4px 4px 0}.cr-sidebar-hover-trigger{position:fixed;top:0;left:0;width:12px;height:100vh;z-index:var(--z-sidebar-trigger, 105);pointer-events:auto;cursor:default;background:transparent}.cr-sidebar-hover-trigger--hidden{pointer-events:none;visibility:hidden}.cr-sidebar__resize{position:absolute;top:0;right:0;width:5px;height:100%;cursor:col-resize;z-index:3;background:rgba(var(--cr-accent-rgb),.12);transition:background .15s ease,width .1s ease;outline:none;border-left:none;flex-shrink:0}.cr-sidebar__resize:hover,.cr-sidebar--resizing .cr-sidebar__resize{background:rgba(var(--cr-accent-rgb),.4);width:5px}[data-theme=light] .cr-sidebar__resize,[data-theme=blue-light] .cr-sidebar__resize{background:rgba(var(--cr-accent-rgb),.18)}[data-theme=light] .cr-sidebar__resize:hover,[data-theme=light] .cr-sidebar--resizing .cr-sidebar__resize,[data-theme=blue-light] .cr-sidebar__resize:hover,[data-theme=blue-light] .cr-sidebar--resizing .cr-sidebar__resize{background:rgba(var(--cr-accent-rgb),.65)}.cr-sidebar__resize:focus-visible{outline:2px solid var(--cr-focus-outline);outline-offset:-2px}.cr-sidebar__resize[data-tooltip-action]:after{content:attr(data-tooltip-action) "\a" attr(data-tooltip-shortcut);white-space:pre;position:absolute;left:calc(100% + 8px);top:50%;transform:translateY(-50%);background:var(--cr-surface-intense);color:var(--cr-text);border:1px solid rgba(var(--cr-accent-rgb),.3);border-radius:6px;padding:6px 10px;font-size:11px;line-height:1.5;z-index:20;pointer-events:none;box-shadow:0 4px 12px var(--cr-shadow);min-width:140px;opacity:0;transition:opacity .15s ease-out .3s}.cr-sidebar__resize[data-tooltip-action]:hover:after{opacity:1}body.cr-sidebar--resizing .cr-sidebar__resize[data-tooltip-action]:after{opacity:0!important;transition:none}@media(prefers-reduced-motion:reduce){.cr-sidebar__resize[data-tooltip-action]:after{transition:none}}body.cr-sidebar--resizing{cursor:col-resize;-webkit-user-select:none;user-select:none}.cr-sidebar,.cr-sidebar *,.cr-sidebar__content{box-sizing:border-box}@media(max-width:768px){.cr-sidebar,.cr-sidebar-hover-trigger{display:none!important}}@media(min-width:769px){.cr-sidebar--pinned-open{max-width:400px;min-width:200px}}.cr-sidebar .cr-btn--sub{background:transparent;border:1px solid rgba(var(--cr-accent-rgb),.15);font-size:10px;padding:6px 10px;font-weight:400;color:var(--cr-text-muted);box-shadow:none;border-radius:6px}.cr-sidebar .cr-btn--sub:hover{background:rgba(var(--cr-accent-rgb),.08);border-color:rgba(var(--cr-accent-rgb),.25);color:var(--cr-text)}.cr-sidebar .cr-btn--sub.active,.cr-sidebar .cr-btn--sub[aria-pressed=true]{background:rgba(var(--cr-accent-rgb),.15);border-color:rgba(var(--cr-accent-rgb),.4);color:var(--cr-text);font-weight:500}.cr-sidebar__content>*+*{margin-top:6px}.cr-sidebar__content>details{margin-top:14px;padding-top:8px;border-top:1px solid var(--cr-border)}.cr-sidebar__content>details:first-child{margin-top:8px;padding-top:0;border-top:0}.cr-sidebar-section+.cr-sidebar-section{margin-top:10px}.cr-sidebar__pin .pin-icon-pin,.cr-sidebar__pin .pin-icon-chevron{display:none;align-items:center;justify-content:center}.cr-sidebar__pin[aria-pressed=false] .pin-icon-pin{display:inline-flex;font-size:14px;line-height:1}.cr-sidebar__pin[aria-pressed=true] .pin-icon-chevron{display:inline-flex}.manage-spreads-modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:var(--cr-overlay);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:var(--z-modal-backdrop);align-items:center;justify-content:center}.manage-spreads-modal.show{display:flex}.manage-spreads-content{background:var(--cr-modal-bg);border:1px solid rgba(var(--cr-accent-rgb),.3);border-radius:12px;width:90%;max-width:800px;max-height:80vh;display:flex;flex-direction:column;overflow-y:auto;overscroll-behavior:contain}.manage-spreads-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid var(--cr-border)}.manage-spreads-header h3{margin:0;font-size:18px;color:var(--cr-text)}.manage-spreads-close{background:none;border:none;color:var(--cr-text);font-size:28px;cursor:pointer;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;transition:color .3s ease}.manage-spreads-close:hover{color:var(--cr-primary)}.manage-spreads-tabs{display:flex;gap:10px;padding:15px 20px;border-bottom:1px solid var(--cr-border)}.manage-tab{padding:8px 16px;background:var(--cr-neutral-bg);border:1px solid rgba(var(--cr-accent-rgb),.3);border-radius:8px;color:var(--cr-text);cursor:pointer;font-size:13px;font-weight:500;transition:all .3s ease}.manage-tab:hover{background:var(--cr-neutral-bg-hover)}.manage-tab.active{background:rgba(var(--cr-accent-rgb),.4);border-color:rgba(var(--cr-accent-rgb),.6)}.manage-spreads-body{padding:20px;overflow-y:auto;flex:1}.manage-spread-item{display:flex;align-items:center;gap:10px;padding:12px;margin-bottom:10px;background:var(--cr-glass-faint);border:1px solid var(--cr-border);border-radius:8px;transition:all .3s ease}.manage-spread-item:hover{background:var(--cr-glass);border-color:rgba(var(--cr-accent-rgb),.3)}.mobile-edit-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:var(--cr-overlay);z-index:var(--z-edit-overlay);pointer-events:auto}.mobile-edit-overlay.active{display:block}@media(min-width:769px){body.spread-edit-mode .spreads-toolbar{position:relative;z-index:var(--z-edit-toolbar)}}@media(max-width:768px){body.spread-edit-mode .spreads-toolbar{z-index:var(--z-edit-toolbar)}}.mobile-trash-zone{display:none;position:fixed;bottom:calc(var(--cr-mobile-toolbar-h, 48px) + 12px);left:50%;transform:translate(-50%);width:calc(100% - 40px);max-width:300px;height:80px;border:3px dashed var(--cr-border-dashed);border-radius:16px;background:rgba(var(--cr-danger-rgb),.15);z-index:calc(var(--z-edit-toolbar) + 1);align-items:center;justify-content:center;transition:all .2s ease}.mobile-trash-zone.active{display:flex}.mobile-trash-zone.drag-over{background:rgba(var(--cr-danger-rgb),.4);border-color:var(--cr-danger);transform:translate(-50%) scale(1.05)}.mobile-trash-icon{font-size:36px;opacity:.8;transition:transform .2s ease}.mobile-trash-zone.drag-over .mobile-trash-icon{transform:scale(1.2)}body.spread-edit-mode .spread-item-wrapper{cursor:grab;animation:wiggle .3s ease-in-out infinite}body.spread-edit-mode .spread-item-wrapper.dragging-wrapper{cursor:grabbing;animation:none;opacity:.8;transform:scale(1.05);z-index:var(--z-edit-drag)}@keyframes wiggle{0%,to{transform:rotate(-1deg)}50%{transform:rotate(1deg)}}body.spread-edit-mode .spread-item.drop-before:before,body.spread-edit-mode .spread-item.drop-after:before{content:"";position:absolute;top:50%;transform:translateY(-50%);width:4px;height:28px;background:var(--cr-accent);border-radius:2px;z-index:100;box-shadow:0 0 8px rgba(var(--cr-accent-rgb),.9)}body.spread-edit-mode .spread-item.drop-before:before{left:-8px}body.spread-edit-mode .spread-item.drop-after:before{right:-8px;left:auto}.voice-memo-section{margin-top:16px;padding:16px;border-radius:8px;background:var(--cr-surface);border:1px solid var(--cr-border)}.voice-memo-title{font-size:14px;font-weight:600;color:var(--cr-text);margin-bottom:12px}.voice-btn{padding:8px 16px;border-radius:8px;border:1px solid var(--cr-border);background:transparent;color:var(--cr-text-secondary);cursor:pointer;font-size:14px;font-family:inherit;transition:background .2s,color .2s}.voice-btn:hover{background:var(--cr-panel);color:var(--cr-text)}.voice-btn .voice-icon{margin-right:6px}.voice-delete{color:var(--cr-danger);border-color:var(--cr-danger);margin-left:8px}.voice-delete:hover{background:rgba(var(--cr-danger-rgb),.1)}.voice-recording-indicator{color:var(--cr-danger);font-weight:600;animation:pulse 1s ease-in-out infinite;margin-right:12px}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.voice-memo-section audio{width:100%;max-width:300px;margin-bottom:8px}.spread-comparison-body{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:16px}.spread-comparison-column{background:var(--cr-panel);border-radius:8px;padding:16px}.spread-comparison-date{font-size:12px;color:var(--cr-text-muted);margin-bottom:12px}.spread-comparison-cards{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.spread-comparison-card{background:var(--cr-surface);border:1px solid var(--cr-border);border-radius:6px;padding:8px 12px;font-size:13px}.spread-comparison-card-position{font-size:10px;color:var(--cr-text-muted);text-transform:uppercase;letter-spacing:.05em}.spread-comparison-card-name{font-weight:600;color:var(--cr-text);margin-top:2px}.spread-comparison-notes{font-size:13px;color:var(--cr-text-secondary);line-height:1.5;border-top:1px solid var(--cr-border);padding-top:12px}@media(max-width:600px){.spread-comparison-body{grid-template-columns:1fr}}.reading-history-list{list-style:none;padding:0;margin:0}.reading-history-item{padding:12px;margin-bottom:4px;border-bottom:1px solid var(--cr-border);cursor:pointer;border-radius:6px;transition:background .2s ease}.reading-history-item:hover{background:var(--cr-glass-faint)}.reading-history-item.active-session{border-left:3px solid rgba(var(--cr-accent-rgb),.6)}.reading-item-main{display:flex;justify-content:space-between;align-items:center;gap:12px}.reading-item-info strong{color:var(--cr-text);font-size:14px}.reading-item-info small{color:var(--cr-text-dimmed);font-size:12px}.reading-item-meta{flex-shrink:0}.reading-time{color:var(--cr-text-dimmed);font-size:12px}.reading-item-notes{margin-top:6px;padding:6px 8px;background:var(--cr-glass-faint);border-radius:4px;color:var(--cr-text-faint);font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.reading-item-actions{display:flex;gap:6px}.session-restore-btn{padding:4px 12px;background:rgba(var(--cr-accent-rgb),.7);border:none;border-radius:4px;color:var(--cr-text);cursor:pointer;font-size:12px}.session-restore-btn:hover{background:rgba(var(--cr-accent-rgb),.9)}.history-empty-state,.history-loading{padding:30px 20px;text-align:center;color:var(--cr-text-dimmed);font-size:14px}.history-load-more{display:block;width:100%;padding:10px;margin-top:8px;background:var(--cr-glass-faint);border:1px solid var(--cr-border);border-radius:6px;color:var(--cr-text-muted);cursor:pointer;font-size:13px}.history-load-more:hover{background:var(--cr-glass)}.reading-detail{padding:4px}.reading-detail-back{background:none;border:none;color:rgba(var(--cr-accent-rgb),.8);cursor:pointer;font-size:13px;padding:4px 0;margin-bottom:12px}.reading-detail-back:hover{color:rgba(var(--cr-accent-rgb),1)}.reading-detail h4{color:var(--cr-text);margin-bottom:4px}.reading-detail-meta{color:var(--cr-text-dimmed);font-size:13px;margin-bottom:16px}.reading-detail-cards{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.reading-card-item{display:flex;justify-content:space-between;padding:8px 10px;background:var(--cr-glass-faint);border-radius:6px;font-size:13px}.reading-card-item.reversed{border-left:2px solid var(--cr-creating-border)}.reading-card-position{color:var(--cr-text-dimmed)}.reading-card-name{color:var(--cr-text);font-weight:500}.reading-notes-input{width:100%;min-height:80px;padding:10px;background:var(--cr-glass-faint);border:1px solid var(--cr-border);border-radius:6px;color:var(--cr-text);font-size:13px;resize:vertical;font-family:inherit;box-sizing:border-box}.reading-notes-save{margin-top:8px;padding:6px 16px;background:rgba(var(--cr-accent-rgb),.7);border:none;border-radius:4px;color:var(--cr-text);cursor:pointer;font-size:13px}.reading-notes-save:hover{background:rgba(var(--cr-accent-rgb),.9)}.save-reading-btn{animation:saveReadingPulse 2s ease-in-out}.save-reading-btn.saved{opacity:.7}@keyframes saveReadingPulse{0%,to{box-shadow:none}50%{box-shadow:0 0 12px rgba(var(--cr-accent-rgb),.5)}}.manage-spreads-stats{display:flex;gap:16px;padding:12px 20px;border-bottom:1px solid var(--cr-border)}.stat-item{display:flex;flex-direction:column;align-items:center;gap:2px}.stat-value{font-size:20px;font-weight:600;color:rgba(var(--cr-accent-rgb),.9)}.stat-label{font-size:11px;color:var(--cr-text-dimmed);text-transform:uppercase;letter-spacing:.5px}.manage-spread-meta{display:flex;gap:8px;margin-top:4px;font-size:11px;color:var(--cr-text-dimmed)}.manage-spread-meta span{display:flex;align-items:center;gap:3px}.manage-spreads-toolbar{display:flex;gap:8px;padding:8px 20px;border-bottom:1px solid var(--cr-border);align-items:center;flex-wrap:wrap}.manage-spreads-toolbar select,.manage-spreads-toolbar input{padding:4px 8px;background:var(--cr-glass-thin);border:1px solid var(--cr-border);border-radius:4px;color:var(--cr-text);font-size:12px}.manage-spreads-toolbar select{cursor:pointer}.manage-spreads-toolbar input::placeholder{color:var(--cr-text-dimmed)}.manage-spread-fav-btn{background:none;border:none;cursor:pointer;font-size:16px;padding:2px 4px;opacity:.4;transition:opacity .2s}.manage-spread-fav-btn:hover,.manage-spread-fav-btn.active{opacity:1}.publish-spread-btn{background:transparent;border:1px solid rgba(var(--cr-accent-rgb),.5);color:rgba(var(--cr-accent-rgb),1);padding:4px 12px;border-radius:6px;font-size:12px;cursor:pointer;transition:background .2s,border-color .2s}.publish-spread-btn:hover:not(:disabled){background:rgba(var(--cr-accent-rgb),.1);border-color:rgba(var(--cr-accent-rgb),.8)}.publish-spread-btn:disabled{opacity:.5;cursor:not-allowed;border-color:rgba(var(--cr-accent-rgb),.3)}@media(max-width:768px){.cr-btn,.customize-btn{position:relative}.cr-btn:after,.customize-btn:after{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;z-index:-1}.arcana-half{position:relative}.arcana-half:after{content:"";position:absolute;top:-6px;right:-2px;bottom:-6px;left:-2px;z-index:-1}.deck-type-btn{min-height:44px}.spread-item-wrapper{min-height:36px;border-radius:999px;position:relative}.spread-item-wrapper:after{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;z-index:-1}.spread-item{min-height:auto}.reset-spreads-btn,.card-design-link{min-height:44px}.spread-cache-pill-wrapper{position:relative}.spread-cache-pill-wrapper:after{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;z-index:-1}.spread-cache-pill{min-height:44px}.manage-spread-fav-btn{position:relative;min-width:44px;min-height:44px}.manage-spread-fav-btn:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1}}@media(max-width:480px){.cr-btn:after,.customize-btn:after{top:-6px;right:-6px;bottom:-6px;left:-6px}}@media(max-width:360px){.cr-btn:after,.customize-btn:after{top:-8px;right:-8px;bottom:-8px;left:-8px}}.spread-manage-list{list-style:none;padding:0;margin:0}.spread-manage-info{flex:1}.spread-manage-name{color:var(--cr-text-bright)}.spread-manage-detail{color:var(--cr-text-faint)}.spread-manage-actions{display:flex;gap:6px;align-items:center}.spread-manage-delete-btn{padding:4px 12px;background:rgba(var(--cr-danger-rgb),.3);border:none;border-radius:4px;color:var(--cr-danger);cursor:pointer;font-size:12px}.spread-manage-delete-btn:hover{background:rgba(var(--cr-danger-rgb),.5)}.trash-restore-btn{padding:4px 12px;background:rgba(var(--cr-accent-rgb),.3);border:none;border-radius:4px;color:var(--cr-accent);cursor:pointer;font-size:12px}.trash-restore-btn:hover{background:rgba(var(--cr-accent-rgb),.5)}.trash-badge-system{display:inline-block;padding:1px 6px;background:rgba(var(--cr-accent-rgb),.2);border:1px solid rgba(var(--cr-accent-rgb),.4);border-radius:3px;font-size:10px;color:var(--cr-accent);vertical-align:middle}.trash-capacity-warning{padding:8px 12px;margin-bottom:10px;background:rgba(var(--cr-warning-rgb, 245, 158, 11),.15);border:1px solid rgba(var(--cr-warning-rgb, 245, 158, 11),.3);border-radius:6px;font-size:12px;color:var(--cr-text-faint)}.spread-manage-empty-msg{padding:20px;color:var(--cr-text-faint)}.spread-manage-empty-msg.centered{text-align:center}.publish-toast{position:fixed;bottom:80px;left:50%;transform:translate(-50%);background:rgba(var(--cr-accent-rgb),.95);color:#fff;padding:12px 24px;border-radius:8px;font-size:14px;z-index:var(--z-toast);opacity:0;transition:opacity .3s}.publish-toast.visible{opacity:1}.card-img-fallback{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:10px;text-align:center;font-size:12px;font-weight:700}.card-img-fallback-simple{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:10px}.card-fallback-number{font-size:32px;font-weight:700}.card-fallback-symbol{font-size:14px;margin-top:10px}.card-fallback-name{font-size:12px;margin-top:5px}#ping-container{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:var(--z-sticky)}.ping-element{position:absolute;transform:translate(-50%,-50%);pointer-events:none;z-index:var(--z-sticky)}.ping-enemy-missing{position:relative;width:150px;height:150px}.ping-enemy-missing .ripple-outer{position:absolute;left:50%;top:50%;width:120px;height:120px;border:3px solid rgba(251,191,36,.6);border-radius:50%;transform:translate(-50%,-50%);animation:ripple 1.5s ease-out infinite}.ping-enemy-missing .ripple-inner{position:absolute;left:50%;top:50%;width:140px;height:140px;border:3px solid rgba(251,191,36,.4);border-radius:50%;transform:translate(-50%,-50%);animation:ripple 1.5s ease-out infinite .3s}.ping-enemy-missing .svg-container{position:absolute;left:50%;top:70%;transform:translate(-50%,-50%)}.ping-enemy-missing .question-container{position:absolute;left:50%;top:45%;transform:translate(-50%,-50%);filter:drop-shadow(0 4px 12px rgba(251,191,36,.8))}.ping-enemy-missing .question-shadow{position:absolute;left:2px;top:2px;font-size:72px;font-weight:900;color:#78350f99}.ping-enemy-missing .question-main{position:relative;font-size:72px;font-weight:900;color:transparent;background:linear-gradient(135deg,#fcd34d,#fbbf24,#f59e0b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.ping-enemy-missing .question-highlight{position:absolute;left:-2px;top:-2px;font-size:72px;font-weight:900;color:#fef3c7b3}.ping-generic{position:relative;width:120px;height:120px}.ping-generic .ripple-outer{position:absolute;left:50%;top:50%;width:100px;height:100px;border:3px solid rgba(59,130,246,.6);border-radius:50%;transform:translate(-50%,-50%);animation:ripple 1.5s ease-out infinite}.ping-generic .ripple-inner{position:absolute;left:50%;top:50%;width:120px;height:120px;border:3px solid rgba(59,130,246,.4);border-radius:50%;transform:translate(-50%,-50%);animation:ripple 1.5s ease-out infinite .3s}.ping-generic .diamond-outer{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) rotate(45deg);width:50px;height:50px;background:linear-gradient(135deg,#60a5fa,#3b82f6,#2563eb);box-shadow:0 0 20px #3b82f699,inset -5px -5px 10px #0000004d,inset 5px 5px 10px #fff3;border:3px solid #93c5fd}.ping-generic .diamond-inner{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) rotate(45deg);width:20px;height:20px;background:#1e3a8a;border:2px solid #60a5fa}.ping-layer{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;z-index:var(--z-modal)}.ping-marker{position:absolute;width:64px;height:64px;border-radius:999px;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;font-weight:700;color:var(--cr-text);opacity:0;animation:pingPulse 2.5s ease-out forwards}.ping-marker__label{position:absolute;top:70px;left:50%;transform:translate(-50%);font-size:12px;font-weight:600;text-shadow:var(--cr-text-shadow);white-space:nowrap}.ping-marker--default{background:var(--cr-hint-blue);border:2px solid var(--cr-hint-blue-border)}.ping-marker--info{background:var(--cr-hint-cyan);border:2px solid var(--cr-hint-cyan-border)}.ping-marker--warning{background:var(--cr-hint-amber);border:2px solid var(--cr-hint-amber-border)}.ping-marker--success{background:var(--cr-hint-green);border:2px solid var(--cr-hint-green-border)}.ping-marker--fade{opacity:0}@keyframes pingPulse{0%{opacity:.9;transform:translate(-50%,-50%) scale(.6)}60%{opacity:.8;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(1.3)}}@keyframes ripple{0%{transform:translate(-50%,-50%) scale(.8);opacity:.8}to{transform:translate(-50%,-50%) scale(1.5);opacity:0}}@keyframes ping{75%,to{transform:translate(-50%,-50%) scale(2);opacity:0}}@media(max-width:768px){:root{--cr-mobile-toolbar-h: 48px}.cr-sidebar{display:none!important}.cr-mobile-toolbar{position:fixed;bottom:0;left:0;right:0;height:var(--cr-mobile-toolbar-h);background:var(--cr-surface-medium);backdrop-filter:blur(12px) saturate(1.3);-webkit-backdrop-filter:blur(12px) saturate(1.3);border-top:1px solid var(--cr-border);display:flex;align-items:center;justify-content:space-around;padding:0 4px;padding-bottom:env(safe-area-inset-bottom,0px);z-index:var(--z-toolbar);touch-action:none}.cr-mtb-btn{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:44px;gap:2px;background:transparent;border:none;color:var(--cr-text-muted);font-size:10px;font-weight:500;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:color .15s ease,background .15s ease;position:relative;padding:4px 2px}.cr-mtb-btn:active{opacity:.7}.cr-mtb-btn:focus-visible{outline:2px solid var(--cr-focus-outline);outline-offset:-2px;border-radius:8px}.cr-mtb-btn[aria-expanded=true]{color:var(--cr-text);background:var(--cr-glass-faint);border-radius:8px}.cr-mtb-btn svg{width:18px;height:18px;stroke-width:1.8}.cr-mtb-label{font-size:10px;line-height:1;white-space:nowrap}.cr-mtb-btn--row{flex-direction:row;gap:8px;justify-content:flex-start;padding-left:4px;padding-right:4px}.cr-mtb-btn--row .cr-mtb-label{font-size:11px;white-space:nowrap}.cr-mtb-btn--row svg{flex-shrink:0}.cr-mtb-shortcut{font-size:.72em;color:var(--cr-text-muted);opacity:.55;font-family:monospace;margin-left:auto}@media(pointer:coarse){.cr-mtb-shortcut{display:none}}.cr-mtb-chevron{width:8px;height:8px;position:absolute;top:4px;right:4px;opacity:.4}.cr-mtb-btn--destructive{color:var(--cr-danger)}.cr-mtb-btn--destructive:active{background:rgba(var(--cr-danger-rgb),.15)}.cr-mtb-btn--ai{color:var(--cr-ai-synthesis)}.cr-mtb-btn--ai svg{filter:drop-shadow(0 0 3px rgba(var(--cr-ai-synthesis-rgb),.4))}.cr-mtb-btn--open{color:var(--cr-text);background:var(--cr-glass-faint);border-radius:8px}.cr-mtb-l2{position:fixed;bottom:var(--cr-mobile-toolbar-h);left:0;right:0;background:var(--cr-surface-intense);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-top:1px solid var(--cr-border);border-radius:12px 12px 0 0;padding:12px 16px 8px;z-index:var(--z-toolbar-l2);transform:translateY(100%);transition:transform .25s cubic-bezier(.34,1.56,.64,1);max-height:50vh;overflow-y:auto}.cr-mtb-l2.open{transform:translateY(0)}.cr-mtb-l2-title{font-size:10px;font-weight:600;color:var(--cr-text-dimmed);text-transform:uppercase;letter-spacing:.5px;padding:4px 0 8px}.cr-mtb-l2-btn{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;border:none;background:transparent;color:var(--cr-text);font-size:14px;font-weight:400;cursor:pointer;border-radius:8px;transition:background .12s ease;text-align:left}.cr-mtb-l2-btn:active{background:var(--cr-glass-medium)}.cr-mtb-l2-btn svg{width:18px;height:18px;color:var(--cr-text-muted);flex-shrink:0}.cr-mtb-l2-btn .cr-mtb-l2-label{flex:1}.cr-mtb-l2-btn .cr-mtb-l2-badge{font-size:11px;color:var(--cr-text-dimmed);padding:2px 8px;background:var(--cr-glass-thin);border-radius:99px}.cr-mtb-l2-btn.active{color:var(--cr-accent)}.cr-mtb-l2-btn.active svg{color:var(--cr-accent)}.cr-mtb-l2-divider{height:1px;background:var(--cr-border);margin:6px 0}.cr-mtb-l2-toggle{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:99px;border:1px solid var(--cr-border);background:transparent;color:var(--cr-text-muted);font-size:13px;cursor:pointer;transition:all .15s ease;margin:4px 4px 4px 0}.cr-mtb-l2-toggle.active{background:rgba(var(--cr-accent-rgb),.2);border-color:var(--cr-accent);color:var(--cr-text)}.cr-mtb-l2-toggle:active{transform:scale(.95)}.cr-mtb-l2-toggles{display:flex;flex-wrap:wrap;padding:4px 0 8px}.cr-mtb-custom-deck-btn{display:inline-flex;align-items:center;justify-content:center;padding:8px 14px;min-width:80px;border-radius:99px;border:2px dashed var(--cr-border);background:transparent;color:var(--cr-text-muted);font-size:18px;font-weight:300;cursor:pointer;transition:all .15s ease;margin:4px 4px 4px 0}.cr-mtb-custom-deck-btn:active{background:var(--cr-glass-thin);transform:scale(.95)}.cr-mtb-file-picker-hidden{position:absolute;left:-9999px;width:1px;height:1px;opacity:0;pointer-events:none}.cr-mtb-l2-group{margin-bottom:8px}.cr-mtb-l2-group-label{font-size:10px;font-weight:600;color:var(--cr-text-dimmed);text-transform:uppercase;letter-spacing:.5px;padding:4px 0 6px}.cr-mtb-l2-btn--destructive{color:var(--cr-danger)}.mobile-trash-zone{bottom:calc(var(--cr-mobile-toolbar-h) + 12px)}.main-area{padding-bottom:calc(var(--cr-mobile-toolbar-h) + 8px)}@media(prefers-reduced-motion:reduce){.cr-mtb-l2{transition:none}.cr-mtb-btn:active,.cr-mtb-l2-toggle:active{transform:none}}}@media(max-width:480px){.cr-mtb-btn{padding:4px 1px}.cr-mtb-label{font-size:9px}.cr-mtb-btn svg{width:16px;height:16px}.cr-mtb-l2{padding:10px 12px 6px}.cr-mtb-l2-btn{padding:8px 10px;font-size:13px}.cr-mtb-l2-toggle{padding:6px 12px;font-size:12px}}@media(max-width:360px){.cr-mobile-toolbar{padding:0 2px}.cr-mtb-label{font-size:8px}.cr-mtb-btn svg{width:15px;height:15px}.cr-mtb-l2-btn{padding:7px 8px;font-size:12px}}@media(min-width:769px){.cr-mobile-toolbar,.cr-mtb-l2{display:none}}.remaining-bar{height:5px;background:transparent;border-radius:3px;position:relative}.remaining-bar-fill{height:100%;border-radius:3px;position:relative;overflow:hidden;background:linear-gradient(90deg,silver,#fff 10%,#b0b0b0 22%,#f0f0f0 35%,#a8a8a8 45%,#fff 58%,silver,#f5f5f5 82%,#b8b8b8 92%,#e0e0e0);transition:width .4s cubic-bezier(.4,0,.2,1)}.remaining-bar-fill:before{content:"";position:absolute;top:0;left:0;width:300%;height:100%;background:linear-gradient(90deg,#b4c8ff66,#ffb4dc59,#ffdca04d,#a0dcff66,#dcb4ff59,#b4f0dc4d,#b4c8ff66);animation:iridescent-drift 6s linear infinite;pointer-events:none}@keyframes iridescent-drift{0%{transform:translate(-66.6%)}to{transform:translate(0)}}.remaining-bar-fill:after{content:"";position:absolute;top:0;height:100%;left:-40%;width:40%;background:linear-gradient(100deg,transparent 0%,rgba(255,255,255,.15) 25%,rgba(255,255,255,.5) 50%,rgba(255,255,255,.15) 75%,transparent 100%);animation:shimmer-idle 4s cubic-bezier(.4,0,.6,1) infinite;pointer-events:none}.remaining-bar-fill.animating:after{background:linear-gradient(100deg,transparent 0%,rgba(255,255,255,.4) 25%,rgba(255,255,255,.85) 50%,rgba(255,255,255,.4) 75%,transparent 100%);animation:shimmer-burst .5s cubic-bezier(.4,0,.2,1) forwards}@keyframes shimmer-idle{0%{left:-40%;opacity:0}10%{opacity:1}90%{opacity:1}to{left:110%;opacity:0}}@keyframes shimmer-burst{0%{left:-40%}to{left:110%}}.remaining-bar-num{position:absolute;top:50%;transform:translateY(-55%);font-size:11px;font-weight:600;font-variant-numeric:tabular-nums;pointer-events:none;user-select:none;-webkit-user-select:none;white-space:nowrap;background:linear-gradient(90deg,#d0d0d0,#fff,#c8d8e8,#e0c8d8,#ffe8c8,#c8e0f0,#d8c8e0,#fff,#d0d0d0);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:text-iridescent 4s linear infinite;transition:left .4s cubic-bezier(.4,0,.2,1)}.remaining-bar-num.snap{transition:left .35s cubic-bezier(.25,.46,.45,.94)}@keyframes text-iridescent{0%{background-position:0% 50%}to{background-position:200% 50%}}.remaining-bar-fill.snap-back{transition:width .35s cubic-bezier(.25,.46,.45,.94)}.remaining-bar-fill.shrink{transition:width .4s cubic-bezier(.4,0,.2,1)}@media(prefers-reduced-motion:reduce){.remaining-bar-fill,.remaining-bar-fill.snap-back,.remaining-bar-fill.shrink{transition:none}.remaining-bar-fill:before{animation:none}.remaining-bar-fill:after{animation:none;opacity:0}.remaining-bar-fill.animating:after{animation:none;opacity:0}.remaining-bar-num{animation:none;transition:none}}.ai-reading-panel{position:fixed;right:16px;bottom:60px;width:380px;max-height:60vh;z-index:var(--z-ai-panel);display:none;flex-direction:column;border:1px solid rgba(var(--cr-accent-rgb),.3);border-radius:12px;background:var(--cr-modal-bg);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);box-shadow:0 8px 32px var(--cr-shadow-heavy);overflow:hidden;font-family:var(--font-body);touch-action:none;contain:layout paint;overscroll-behavior:contain}.ai-reading-panel.dragging{will-change:transform}.ai-reading-panel.show{display:flex}.ai-reading-header{display:flex;align-items:center;gap:8px;padding:8px 12px;border-bottom:1px solid rgba(var(--cr-accent-rgb),.2);background:var(--cr-surface);flex-shrink:0;cursor:grab;user-select:none;-webkit-user-select:none;touch-action:none}.ai-reading-header:active{cursor:grabbing}.ai-reading-title{font-size:14px;font-weight:600;color:var(--cr-text);flex:1}.ai-question-counter{font-size:12px;color:var(--cr-text-muted);margin-right:auto}.ai-panel-btn{width:28px;height:28px;border:1px solid var(--cr-border-medium);border-radius:6px;background:var(--cr-glass-thin);color:var(--cr-text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:14px;transition:background .2s,color .2s;flex-shrink:0}.ai-panel-btn:hover{background:var(--cr-glass-medium);color:var(--cr-text)}.ai-share-toast{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);padding:8px 16px;border-radius:8px;background:var(--cr-surface);border:1px solid rgba(var(--cr-accent-rgb),.3);color:var(--cr-text);font-size:13px;z-index:10;animation:ai-toast-fade 2s ease-out forwards;pointer-events:none}@keyframes ai-toast-fade{0%,70%{opacity:1}to{opacity:0}}.ai-reading-display{flex:1;overflow-y:auto;padding:12px;font-size:13px;line-height:1.6;color:var(--cr-text);min-height:80px;touch-action:pan-y;overscroll-behavior-y:contain;overflow-anchor:none}.ai-reading-display::-webkit-scrollbar{width:5px}.ai-reading-display::-webkit-scrollbar-track{background:var(--cr-scrollbar-track);border-radius:3px}.ai-reading-display::-webkit-scrollbar-thumb{background:rgba(var(--cr-accent-rgb),.4);border-radius:3px}.ai-section-label{display:inline-block;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;padding:2px 8px;border-radius:4px;margin-top:12px;margin-bottom:6px}.ai-section-label:first-child{margin-top:0}.ai-section-label[data-section=cards_say]{color:var(--cr-accent);background:rgba(var(--cr-accent-rgb),.1);border-left:3px solid var(--cr-accent)}.ai-section-label[data-section=archive_crossref]{color:var(--cr-ai-crossref);background:rgba(var(--cr-ai-crossref-rgb),.1);border-left:3px solid var(--cr-ai-crossref)}.ai-section-label[data-section=synthesis]{color:var(--cr-ai-synthesis);background:rgba(var(--cr-ai-synthesis-rgb),.1);border-left:3px solid var(--cr-ai-synthesis)}.ai-section-label[data-section=shadow_card]{color:var(--cr-ai-shadow);background:rgba(var(--cr-ai-shadow-rgb),.1);border-left:3px solid var(--cr-ai-shadow)}.ai-section-label[data-section=timing]{color:var(--cr-ai-timing);background:rgba(var(--cr-ai-timing-rgb),.1);border-left:3px solid var(--cr-ai-timing)}.ai-section-content{white-space:pre-wrap;word-wrap:break-word;margin-bottom:12px;color:var(--cr-text-muted);will-change:contents}.ai-streaming-cursor:after{content:"▮";animation:ai-blink .8s step-end infinite;color:var(--cr-accent);margin-left:2px}@keyframes ai-blink{0%,to{opacity:1}50%{opacity:0}}.ai-reading-input{display:flex;align-items:center;gap:8px;padding:8px 12px;border-top:1px solid rgba(var(--cr-accent-rgb),.15);flex-shrink:0}.ai-reading-input input[type=text]{flex:1;padding:8px 12px;border:1px solid var(--cr-border-medium);border-radius:8px;background:var(--cr-glass-thin);color:var(--cr-text);font-size:13px;outline:none;transition:border-color .2s}.ai-reading-input input[type=text]::placeholder{color:var(--cr-text-faint)}.ai-reading-input input[type=text]:focus{border-color:rgba(var(--cr-accent-rgb),.6)}.ai-reading-input input[type=text]:focus-visible{outline:2px solid var(--cr-focus-outline);outline-offset:2px}.ai-panel-btn:focus-visible,.ai-ask-btn:focus-visible,.ai-subq-btn:focus-visible{outline:2px solid var(--cr-focus-outline);outline-offset:2px}.ai-ask-btn{padding:8px 16px;border:none;border-radius:8px;background:var(--cr-accent);color:#fff;font-size:13px;font-weight:600;cursor:pointer;transition:opacity .2s;flex-shrink:0}.ai-ask-btn:hover{opacity:.85}.ai-ask-btn:disabled{opacity:.5;cursor:not-allowed}.ai-subquestions{display:flex;flex-direction:column;gap:6px;padding:8px 12px 12px;border-top:1px solid rgba(var(--cr-accent-rgb),.1);flex-shrink:0}.ai-subq-btn{padding:8px 12px;border:1px solid var(--cr-border-medium);border-radius:8px;background:var(--cr-glass-thin);color:var(--cr-text);font-size:12px;line-height:1.4;text-align:left;cursor:pointer;transition:background .2s,border-color .2s;user-select:none;-webkit-user-select:none}.ai-subq-btn:hover{background:var(--cr-glass-medium);border-color:rgba(var(--cr-accent-rgb),.4)}.ai-subq-btn.ai-subq-skip{border-style:dashed;color:var(--cr-text-faint);text-align:center;font-size:12px}.ai-subq-btn.ai-subq-skip:hover{color:var(--cr-text-muted)}.ai-loading-wrap{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px 0;width:100%}.ai-loading-hint{font-size:11px;line-height:1.4;color:var(--cr-text-muted);opacity:.65;letter-spacing:.01em;text-align:center}.ai-loading-dots{display:inline-flex;gap:4px;justify-content:center}.ai-loading-dots span{width:6px;height:6px;border-radius:50%;background:rgba(var(--cr-accent-rgb),.6);animation:ai-dot-bounce 1.2s ease-in-out infinite}.ai-loading-dots span:nth-child(2){animation-delay:.15s}.ai-loading-dots span:nth-child(3){animation-delay:.3s}@keyframes ai-dot-bounce{0%,80%,to{transform:scale(.6);opacity:.4}40%{transform:scale(1);opacity:1}}.ai-error-msg{padding:12px;color:var(--cr-danger);font-size:13px;text-align:center}.ai-reading-resize-handle{position:absolute;z-index:5;user-select:none;-webkit-user-select:none;touch-action:none}.ai-reading-resize-handle[data-resize-edge=top],.ai-reading-resize-handle[data-resize-edge=bottom]{left:14px;right:14px;height:8px;cursor:ns-resize}.ai-reading-resize-handle[data-resize-edge=top]{top:-4px}.ai-reading-resize-handle[data-resize-edge=bottom]{bottom:-4px}.ai-reading-resize-handle[data-resize-edge=left],.ai-reading-resize-handle[data-resize-edge=right]{top:14px;bottom:14px;width:8px;cursor:ew-resize}.ai-reading-resize-handle[data-resize-edge=left]{left:-4px}.ai-reading-resize-handle[data-resize-edge=right]{right:-4px}.ai-reading-resize-handle--corner{width:18px;height:18px}.ai-reading-resize-handle[data-resize-edge=tl]{top:-4px;left:-4px;cursor:nwse-resize}.ai-reading-resize-handle[data-resize-edge=tr]{top:-4px;right:-4px;cursor:nesw-resize}.ai-reading-resize-handle[data-resize-edge=bl]{bottom:-4px;left:-4px;cursor:nesw-resize}.ai-reading-resize-handle[data-resize-edge=br]{bottom:-4px;right:-4px;cursor:nwse-resize}.ai-reading-resize-handle[data-resize-edge=top]:hover,.ai-reading-resize-handle[data-resize-edge=bottom]:hover,.ai-reading-resize-handle[data-resize-edge=left]:hover,.ai-reading-resize-handle[data-resize-edge=right]:hover{background:rgba(var(--cr-accent-rgb),.18)}.ai-reading-resize-handle--br:after{content:"";position:absolute;right:4px;bottom:4px;width:12px;height:12px;background:linear-gradient(135deg,transparent 0 35%,var(--cr-text-muted, rgba(255,255,255,.55)) 35% 45%,transparent 45% 60%,var(--cr-text-muted, rgba(255,255,255,.55)) 60% 70%,transparent 70% 85%,var(--cr-text-muted, rgba(255,255,255,.55)) 85% 95%,transparent 95%);opacity:.55;transition:opacity .15s ease;pointer-events:none;border-bottom-right-radius:10px}.ai-reading-resize-handle--br:hover:after{opacity:1}.ai-reading-panel.is-resizing{user-select:none;-webkit-user-select:none}.ai-reading-resize-stream-hint{display:none;position:absolute;left:50%;bottom:60px;transform:translate(-50%);padding:4px 10px;border-radius:var(--radius-full, 999px);background:rgba(var(--cr-accent-rgb),.88);color:#fff;font-size:11px;font-weight:500;pointer-events:none;z-index:3;box-shadow:0 2px 8px var(--cr-shadow-medium, rgba(0,0,0,.18));animation:ai-resize-hint-fade .2s ease}.ai-reading-panel.is-resizing[data-ai-state=streaming] .ai-reading-resize-stream-hint,.ai-reading-panel.is-resizing[data-ai-state=loading] .ai-reading-resize-stream-hint{display:block}@keyframes ai-resize-hint-fade{0%{opacity:0;transform:translate(-50%,4px)}to{opacity:1;transform:translate(-50%)}}@media(max-width:768px){.ai-reading-panel.show{width:60%;left:auto;right:16px;bottom:52px;max-height:50vh}.ai-reading-display{font-size:14px}.ai-reading-header{padding:8px 10px}.ai-reading-input{padding:6px 10px}}.ai-user-question{font-weight:600;font-size:14px;color:var(--text-primary, #f3f1ff);line-height:1.5;padding:8px 12px;margin-bottom:12px;border-left:3px solid var(--accent, #9b7bff);background:rgba(var(--accent-rgb, 155, 123, 255),.06);border-radius:0 6px 6px 0;-webkit-user-select:text;user-select:text;white-space:pre-wrap;word-break:break-word}.ai-feedback-widget{margin-top:var(--space-md, 24px);padding:12px var(--space-sm, 16px);border-top:1px solid rgba(var(--cr-accent-rgb),.15);display:flex;flex-direction:column;gap:10px}.ai-feedback-prompt{margin:0;font-size:12px;font-weight:600;color:var(--cr-text-muted);text-transform:uppercase;letter-spacing:.4px}.ai-feedback-btn-row{display:flex;gap:8px}.ai-feedback-btn{flex:1;padding:7px 12px;border:1px solid var(--cr-border-medium);border-radius:8px;background:var(--cr-glass-thin);color:var(--cr-text-muted);font-size:13px;font-family:inherit;cursor:pointer;transition:background .18s,color .18s,border-color .18s,transform .1s;display:flex;align-items:center;justify-content:center;gap:5px;-webkit-tap-highlight-color:transparent}.ai-feedback-btn:hover:not(:disabled){background:var(--cr-glass-medium);color:var(--cr-text);border-color:rgba(var(--cr-accent-rgb),.4)}.ai-feedback-btn:active:not(:disabled){transform:scale(.97)}.ai-feedback-btn--selected{background:rgba(var(--cr-accent-rgb),.15);border-color:var(--cr-accent);color:var(--cr-accent)}.ai-feedback-btn--up.ai-feedback-btn--selected{background:#6ec8822e;border-color:#6ec882;color:#6ec882}.ai-feedback-btn--down.ai-feedback-btn--selected{background:#c86e6e2e;border-color:#c86e6e;color:#c86e6e}.ai-feedback-btn:disabled{cursor:default;opacity:.7}.ai-feedback-comment-wrap{display:flex;flex-direction:column;gap:6px;animation:ai-feedback-reveal .22s ease-out both}@keyframes ai-feedback-reveal{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.ai-feedback-comment-wrap{animation:none}}.ai-feedback-textarea{width:100%;box-sizing:border-box;padding:8px 10px;border:1px solid var(--cr-border-medium);border-radius:8px;background:var(--cr-glass-thin);color:var(--cr-text);font-size:13px;font-family:inherit;line-height:1.5;resize:vertical;min-height:60px;max-height:120px;transition:border-color .18s}.ai-feedback-textarea:focus{outline:none;border-color:rgba(var(--cr-accent-rgb),.6)}.ai-feedback-textarea::placeholder{color:var(--cr-text-muted);opacity:.7}.ai-feedback-char-count{font-size:11px;color:var(--cr-text-muted);text-align:right;-webkit-user-select:none;user-select:none}.ai-feedback-char-count--warn{color:#c86e6e}.ai-feedback-done-btn{align-self:flex-end;padding:5px 16px;border:1px solid rgba(var(--cr-accent-rgb),.4);border-radius:6px;background:rgba(var(--cr-accent-rgb),.1);color:var(--cr-accent);font-size:12px;font-family:inherit;font-weight:600;cursor:pointer;transition:background .18s;-webkit-tap-highlight-color:transparent}.ai-feedback-done-btn:hover{background:rgba(var(--cr-accent-rgb),.2)}.ai-feedback-thanks{margin:0;font-size:12px;font-weight:600;color:#6ec882;text-align:center;animation:ai-feedback-reveal .25s ease-out both}@media(prefers-reduced-motion:reduce){.ai-feedback-thanks{animation:none}}@property --card-rotate{syntax: "<angle>"; inherits: false; initial-value: 0deg;}@property --card-lift{syntax: "<length>"; inherits: false; initial-value: 0px;}@property --card-scale{syntax: "<number>"; inherits: false; initial-value: 1;}@property --slot-glow-size{syntax: "<length>"; inherits: false; initial-value: 0px;}@property --slot-glow-alpha{syntax: "<number>"; inherits: false; initial-value: 0;}.card{transform:rotate(var(--card-rotate)) translateY(var(--card-lift)) scale(var(--card-scale));transition:transform .28s cubic-bezier(.34,1.56,.64,1),box-shadow .3s ease}@media(hover:hover)and (pointer:fine){.card:hover{--card-scale: 1.05;box-shadow:0 15px 40px rgba(var(--cr-accent-rgb),.4);z-index:var(--z-card-hover)}}@media(hover:none){.card:active{--card-scale: .98;transition:transform .1s ease-out,box-shadow .1s ease-out;box-shadow:0 4px 12px var(--cr-shadow-heavy)}}.card.drawing{animation:cr-draw-lift .2s cubic-bezier(.34,1.56,.64,1) forwards}@keyframes cr-draw-lift{0%{--card-lift: 12px;--card-scale: .92}60%{--card-lift: -4px;--card-scale: 1.04}to{--card-lift: 0px;--card-scale: 1}}@keyframes cr-snap-settle{0%{--card-scale: 1.08}60%{--card-scale: .98}to{--card-scale: 1}}.slot,.spread-slot{box-shadow:var(--slot-base-shadow, 0 2px 8px rgba(0, 0, 0, .08)),0 0 var(--slot-glow-size) calc(var(--slot-glow-size) / 2) rgba(var(--cr-accent-rgb),var(--slot-glow-alpha))}.slot.just-filled,.spread-slot.just-filled{animation:cr-slot-glow .4s ease-out forwards}@keyframes cr-slot-glow{0%{--slot-glow-size: 0px;--slot-glow-alpha: 0}30%{--slot-glow-size: 12px;--slot-glow-alpha: .5}to{--slot-glow-size: 16px;--slot-glow-alpha: 0}}.card.shaking{animation:cr-error-shake .36s ease-in-out}@keyframes cr-error-shake{0%,to{transform:rotate(var(--card-rotate)) translate(0) translateY(var(--card-lift)) scale(var(--card-scale))}20%{transform:rotate(var(--card-rotate)) translate(-4px) translateY(var(--card-lift)) scale(var(--card-scale))}40%{transform:rotate(var(--card-rotate)) translate(4px) translateY(var(--card-lift)) scale(var(--card-scale))}60%{transform:rotate(var(--card-rotate)) translate(-3px) translateY(var(--card-lift)) scale(var(--card-scale))}80%{transform:rotate(var(--card-rotate)) translate(3px) translateY(var(--card-lift)) scale(var(--card-scale))}}.spread-slots.all-complete .slot,.spread-slots.all-complete .spread-slot{animation:cr-complete-cascade .35s ease-out forwards}@keyframes cr-complete-cascade{0%{--slot-glow-size: 0px;--slot-glow-alpha: 0}30%{--slot-glow-size: 14px;--slot-glow-alpha: .65}60%{--slot-glow-size: 18px;--slot-glow-alpha: .4}to{--slot-glow-size: 20px;--slot-glow-alpha: 0}}.spread-slots.all-complete .slot:nth-child(1),.spread-slots.all-complete .spread-slot:nth-child(1){animation-delay:0ms}.spread-slots.all-complete .slot:nth-child(2),.spread-slots.all-complete .spread-slot:nth-child(2){animation-delay:80ms}.spread-slots.all-complete .slot:nth-child(3),.spread-slots.all-complete .spread-slot:nth-child(3){animation-delay:.16s}.spread-slots.all-complete .slot:nth-child(4),.spread-slots.all-complete .spread-slot:nth-child(4){animation-delay:.24s}.spread-slots.all-complete .slot:nth-child(5),.spread-slots.all-complete .spread-slot:nth-child(5){animation-delay:.32s}.spread-slots.all-complete .slot:nth-child(6),.spread-slots.all-complete .spread-slot:nth-child(6){animation-delay:.4s}.spread-slots.all-complete .slot:nth-child(7),.spread-slots.all-complete .spread-slot:nth-child(7){animation-delay:.48s}.spread-slots.all-complete .slot:nth-child(8),.spread-slots.all-complete .spread-slot:nth-child(8){animation-delay:.56s}.spread-slots.all-complete .slot:nth-child(9),.spread-slots.all-complete .spread-slot:nth-child(9){animation-delay:.64s}.spread-slots.all-complete .slot:nth-child(10),.spread-slots.all-complete .spread-slot:nth-child(10){animation-delay:.72s}.spread-slots.all-complete .slot:nth-child(11),.spread-slots.all-complete .spread-slot:nth-child(11){animation-delay:.8s}.spread-slots.all-complete .slot:nth-child(12),.spread-slots.all-complete .spread-slot:nth-child(12){animation-delay:.88s}@media(prefers-reduced-motion:reduce){.card{transition:none}.card.drawing,.card.shaking,.slot.just-filled,.spread-slot.just-filled,.spread-slots.all-complete .slot,.spread-slots.all-complete .spread-slot{animation:none}@media(hover:hover)and (pointer:fine){.card:hover{--card-scale: 1;box-shadow:0 8px 20px var(--cr-shadow-heavy)}}@media(hover:none){.card:active{--card-scale: 1;transition:none}}}:root{--z-widget-panel: 480;--widget-btn-w: 88px;--widget-panel-radius: 12px;--widget-panel-expand-dur: .18s;--widget-panel-expand-ease: ease;--widget-trigger-size: 56px}@media(max-width:768px){#widget-panel-host{display:none!important}}#widget-panel-host{position:fixed;top:0;left:0;z-index:var(--z-widget-panel);touch-action:none;user-select:none;-webkit-user-select:none}#widget-panel-host .widget-panel__trigger,#widget-panel-host .widget-panel__grip{cursor:grab}#widget-panel-host.widget-panel--dragging,#widget-panel-host.widget-panel--dragging .widget-panel__trigger,#widget-panel-host.widget-panel--dragging .widget-panel__grip{cursor:grabbing}.widget-panel__trigger{display:flex;align-items:center;justify-content:center;width:var(--widget-trigger-size);height:var(--widget-trigger-size);border-radius:50%;background:var(--cr-surface-heavy);border:1px solid var(--cr-border-medium);color:var(--cr-text);font-size:20px;box-shadow:0 4px 16px var(--cr-shadow-heavy);transition:background var(--transition-base),box-shadow var(--transition-base),transform var(--transition-base);position:relative;z-index:1}.widget-panel__trigger:hover{background:var(--cr-glass-hover);box-shadow:0 6px 20px var(--cr-shadow-heavy)}.widget-panel__trigger:focus-visible{outline:2px solid var(--cr-focus-outline);outline-offset:2px}.widget-panel--expanded .widget-panel__trigger{background:rgba(var(--cr-accent-rgb),.2);border-color:rgba(var(--cr-accent-rgb),.5);box-shadow:0 0 12px rgba(var(--cr-accent-rgb),.3),0 4px 16px var(--cr-shadow-heavy)}.widget-panel__inner{position:absolute;top:0;left:0;width:124px;background:var(--cr-modal-bg);border:1px solid var(--cr-border-medium);border-radius:var(--widget-panel-radius);box-shadow:0 8px 32px var(--cr-shadow-heavy),0 2px 8px var(--cr-shadow);padding:4px;display:none;flex-direction:column;gap:0;transform-origin:top left;animation:widget-panel-open var(--widget-panel-expand-dur) var(--widget-panel-expand-ease) forwards}.widget-panel__inner--visible{display:flex}@keyframes widget-panel-open{0%{opacity:0;transform:scale(.92) translate(-4px,-4px)}to{opacity:1;transform:scale(1) translate(0)}}.widget-panel__grip{display:flex;align-items:center;justify-content:center;padding:4px 0 6px;opacity:.4;transition:opacity var(--transition-fast);font-size:12px;letter-spacing:2px;color:var(--cr-text-muted)}.widget-panel__grip:hover{opacity:.7}.widget-panel__grid{display:grid;grid-template-columns:56px 56px;gap:4px;padding:0}.widget-panel__grid-slot{position:relative;width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;overflow:hidden}.widget-panel__slot--add{background:transparent;border:1.5px dashed var(--cr-border-dashed);color:var(--cr-text-muted);font-size:20px;cursor:pointer;transition:background var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast)}.widget-panel__slot--add:hover{background:var(--cr-glass-thin);border-color:rgba(var(--cr-accent-rgb),.5);color:var(--cr-text)}.widget-panel__slot--add:focus-visible{outline:2px solid var(--cr-focus-outline);outline-offset:2px}.widget-panel__slot--user{background:var(--cr-neutral-bg);border:1px solid var(--cr-border);transition:background var(--transition-fast)}.widget-panel__slot--user:hover{background:var(--cr-glass-thin)}.widget-panel__slot--empty{opacity:0;pointer-events:none}.widget-panel__btn-wrapper{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:100%;border-radius:50%;transition:background var(--transition-fast)}.widget-panel__btn-wrapper:hover{background:var(--cr-glass-thin)}.widget-panel__btn-wrapper--drop-before:before{content:"";position:absolute;top:-2px;left:4px;right:4px;height:2px;background:var(--cr-accent);border-radius:1px}.widget-panel__btn-wrapper--drop-after:after{content:"";position:absolute;bottom:-2px;left:4px;right:4px;height:2px;background:var(--cr-accent);border-radius:1px}.widget-panel__btn-wrapper--dragging{opacity:.5}.widget-panel__btn-drag-handle{display:flex;align-items:center;justify-content:center;width:16px;height:100%;min-height:32px;color:var(--cr-text-dimmed);font-size:10px;cursor:grab;opacity:0;flex-shrink:0;transition:opacity var(--transition-fast);padding:0 2px}.widget-panel__btn-wrapper:hover .widget-panel__btn-drag-handle{opacity:.6}.widget-panel__btn-drag-handle:active{cursor:grabbing;opacity:1}.widget-panel__btn{width:100%;height:100%;border-radius:50%;background:transparent;border:none;color:var(--cr-text);display:flex;align-items:center;justify-content:center;padding:0 4px;overflow:hidden;transition:background var(--transition-fast),box-shadow var(--transition-fast)}.widget-panel__btn:hover{background:var(--cr-neutral-bg-hover);box-shadow:0 0 8px var(--cr-btn-hover-glow)}.widget-panel__btn:focus-visible{outline:2px solid var(--cr-focus-outline);outline-offset:2px}.widget-panel__btn-label{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%;text-align:center}.widget-panel__btn--compact{flex-direction:column;padding:4px 2px 3px;gap:1px;line-height:1}.widget-panel__btn-emoji{font-size:20px;line-height:1;display:block;font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif}.widget-panel__btn-label--tiny{font-size:9px;font-weight:500;letter-spacing:.02em;color:var(--cr-text-muted);line-height:1.1;max-width:100%;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.widget-panel__btn.widget-btn--size-lg .widget-panel__btn-label--tiny{font-size:10px}.widget-panel__btn.widget-btn--size-md .widget-panel__btn-label--tiny{font-size:9px}.widget-panel__btn.widget-btn--size-sm .widget-panel__btn-label--tiny,.widget-panel__btn.widget-btn--size-xs .widget-panel__btn-label--tiny{font-size:8px}.widget-panel__btn-remove{position:absolute;top:-4px;right:-4px;width:18px;height:18px;border-radius:50%;background:var(--cr-surface-intense);border:1px solid var(--cr-border-medium);color:var(--cr-text-muted);font-size:12px;line-height:1;display:flex;align-items:center;justify-content:center;padding:0;opacity:0;transition:opacity var(--transition-fast),background var(--transition-fast);z-index:2}.widget-panel__btn-wrapper:hover .widget-panel__btn-remove{opacity:1}.widget-panel__btn-remove:hover{background:rgba(var(--cr-danger-rgb),.5);border-color:var(--cr-danger);color:#fff}.widget-panel__btn-remove:focus-visible{outline:2px solid var(--cr-focus-outline);outline-offset:1px;opacity:1}.widget-panel__picker{position:absolute;top:0;left:calc(100% + 8px);width:200px;background:var(--cr-modal-bg);border:1px solid var(--cr-border-medium);border-radius:10px;box-shadow:0 8px 24px var(--cr-shadow-heavy);padding:8px;z-index:calc(var(--z-widget-panel) + 10);display:flex;flex-direction:column;gap:2px;max-height:320px;overflow-y:auto;overscroll-behavior:contain}.widget-panel__picker-title{font-size:11px;font-weight:600;color:var(--cr-text-dimmed);text-transform:uppercase;letter-spacing:.06em;padding:4px 8px 6px;border-bottom:1px solid var(--cr-border);margin-bottom:4px}.widget-panel__picker-item{width:100%;display:flex;align-items:center;justify-content:space-between;padding:8px 10px;border-radius:6px;background:transparent;border:none;color:var(--cr-text);font-size:13px;text-align:left;cursor:pointer;transition:background var(--transition-fast)}.widget-panel__picker-item:hover{background:var(--cr-glass-thin)}.widget-panel__picker-item:focus-visible{outline:2px solid var(--cr-focus-outline);outline-offset:1px}.widget-panel__picker-item--added{color:var(--cr-text-dimmed)}.widget-panel__picker-item--added:hover{background:rgba(var(--cr-danger-rgb),.1)}.widget-panel__picker-item--added:hover .widget-panel__picker-marker{color:var(--cr-danger)}.widget-panel__picker-item--added:hover .widget-panel__picker-marker:after{content:" ×";font-weight:700}.widget-panel__picker-item-emoji{font-size:16px;line-height:1;flex-shrink:0;width:22px;text-align:center;font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif}.widget-panel__picker-item-label{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.widget-panel__picker-marker{color:rgba(var(--cr-accent-rgb),.8);font-size:14px;font-weight:600;flex-shrink:0;width:14px;text-align:center;transition:color var(--transition-fast)}.widget-panel__picker-check{color:rgba(var(--cr-accent-rgb),.8);font-size:12px;flex-shrink:0}.widget-panel__picker::-webkit-scrollbar{width:4px}.widget-panel__picker::-webkit-scrollbar-track{background:transparent}.widget-panel__picker::-webkit-scrollbar-thumb{background:var(--cr-scrollbar-track);border-radius:2px}.widget-panel__toast{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);background:rgba(var(--cr-accent-rgb),.9);color:#fff;font-size:12px;font-weight:600;padding:6px 14px;border-radius:20px;white-space:nowrap;opacity:0;transition:opacity .15s ease;pointer-events:none;z-index:calc(var(--z-widget-panel) + 20)}.widget-panel__toast--visible{opacity:1}[data-theme=light] .widget-panel__trigger{box-shadow:0 4px 16px var(--cr-shadow-heavy),0 0 0 1px var(--cr-border)}[data-theme=light] .widget-panel__inner{box-shadow:0 8px 32px var(--cr-shadow-heavy),0 2px 8px var(--cr-shadow),0 0 0 1px var(--cr-border)}[data-theme=light] .widget-panel__picker{box-shadow:0 8px 24px var(--cr-shadow-heavy),0 0 0 1px var(--cr-border)}[data-theme=blue-light] .widget-panel__trigger{box-shadow:0 4px 16px var(--cr-shadow-heavy),0 0 0 1px var(--cr-border)}[data-theme=blue-light] .widget-panel__inner{box-shadow:0 8px 32px var(--cr-shadow-heavy),0 2px 8px var(--cr-shadow),0 0 0 1px var(--cr-border)}@media(prefers-reduced-motion:reduce){.widget-panel__inner{animation:none}.widget-panel__trigger,.widget-panel__btn,.widget-panel__add-btn,.widget-panel__btn-remove,.widget-panel__picker-item{transition:none}}.widget-panel__btn-emoji svg{width:20px;height:20px;display:block;margin:0 auto;color:currentColor}.widget-panel__picker-item-emoji svg{width:16px;height:16px;display:block;margin:0 auto;color:currentColor}