:root{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.5;font-weight:400;color:var(--color-text-primary);background:var(--surface-host-background);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color-scheme:light;--background-app: linear-gradient(145deg, #d8c9ad 0%, #eee4cf 48%, #d5c3a3 100%);--background-stars: radial-gradient(circle, rgba(104, 62, 138, .22) 0 1px, transparent 1.5px), radial-gradient(circle, rgba(143, 115, 58, .18) 0 1px, transparent 1.5px);--color-surface-primary: #fffaf0;--color-surface-soft: #ead9b8;--color-surface-muted: #f7edd9;--color-surface-panel: rgba(255, 250, 240, .96);--color-surface-glass: rgba(252, 245, 230, .9);--color-border-primary: rgba(151, 108, 43, .4);--color-border-subtle: rgba(69, 31, 78, .14);--color-border-strong: rgba(151, 108, 43, .66);--color-text-primary: #321638;--color-text-strong: #3d2244;--color-text-body: #503a54;--color-text-secondary: #624b65;--color-text-tertiary: #735f75;--color-text-muted: #796a78;--color-text-ink: #241028;--color-accent-gold: #a9792f;--color-accent-gold-strong: #79531e;--color-accent-gold-soft: #efdcae;--color-accent-plum: #59275f;--color-accent-plum-soft: #f2e8f1;--color-accent-decorative: #477c7a;--color-accent-decorative-soft: rgba(71, 124, 122, .12);--color-accent-selection-soft: #ecd29a;--color-warning-text: #f7df9f;--color-warning-border: #9b6d28;--color-warning-surface: #54235b;--color-info-border: rgba(90, 47, 120, .32);--color-info-surface: #f0e4f6;--color-info-text-strong: #4a2466;--color-accent-blue: #5a2f78;--color-focus-ring: rgba(121, 83, 30, .38);--color-mobile-active: #8a5b12;--color-overlay: rgba(23, 12, 34, .42);--shadow-panel: rgba(76, 49, 21, .16);--shadow-card: rgba(92, 58, 20, .2);--shadow-card-ring: rgba(151, 108, 43, .14);--shadow-toast: rgba(122, 79, 19, .32);--shadow-drawer: rgba(31, 18, 40, .22);--shadow-gold-glow: rgba(169, 121, 47, .2);--manuscript-line-strong: rgba(151, 108, 43, .62);--manuscript-line: rgba(151, 108, 43, .4);--manuscript-line-soft: rgba(151, 108, 43, .2);--manuscript-ink-line: rgba(69, 31, 78, .16);--manuscript-point: rgba(121, 83, 30, .78);--surface-host-background: #fbf4e4;--surface-stage-background: var(--surface-host-background);--surface-app-background: linear-gradient( 90deg, rgba(151, 108, 43, .055), transparent 9%, transparent 91%, rgba(151, 108, 43, .055) ), linear-gradient(180deg, rgba(255, 255, 255, .44), transparent 28%), #fbf4e4;--surface-app-atmosphere: radial-gradient(circle at 7% 8%, rgba(169, 121, 47, .08), transparent 16%), radial-gradient(circle at 94% 92%, rgba(89, 39, 95, .045), transparent 18%), repeating-linear-gradient( 14deg, transparent 0 8px, rgba(89, 62, 30, .018) 8px 9px, transparent 9px 22px );--surface-app-atmosphere-opacity: .72;--surface-app-linework: linear-gradient(90deg, var(--manuscript-line-strong), transparent) top left / 4.5rem 1px no-repeat, linear-gradient(180deg, var(--manuscript-line), transparent) top left / 1px 4.5rem no-repeat, linear-gradient(270deg, var(--manuscript-line-strong), transparent) top right / 4.5rem 1px no-repeat, linear-gradient(180deg, var(--manuscript-line), transparent) top right / 1px 4.5rem no-repeat, linear-gradient(90deg, var(--manuscript-line), transparent) bottom left / 3.6rem 1px no-repeat, linear-gradient(0deg, var(--manuscript-line-soft), transparent) bottom left / 1px 3.6rem no-repeat, linear-gradient(270deg, var(--manuscript-line), transparent) bottom right / 3.6rem 1px no-repeat, linear-gradient(0deg, var(--manuscript-line-soft), transparent) bottom right / 1px 3.6rem no-repeat, linear-gradient(var(--manuscript-line-strong), var(--manuscript-line-strong)) top .08rem center / 1px .68rem no-repeat, linear-gradient(90deg, var(--manuscript-line), var(--manuscript-line-strong), var(--manuscript-line)) top .4rem center / .68rem 1px no-repeat, radial-gradient(circle, var(--manuscript-point) 0 1px, transparent 1.6px) top .12rem center / .62rem .62rem no-repeat, linear-gradient(45deg, transparent 45%, var(--manuscript-line) 46% 54%, transparent 55%) top .16rem left .16rem / .62rem .62rem no-repeat, linear-gradient(-45deg, transparent 45%, var(--manuscript-line) 46% 54%, transparent 55%) top .16rem right .16rem / .62rem .62rem no-repeat, linear-gradient(-45deg, transparent 45%, var(--manuscript-line-soft) 46% 54%, transparent 55%) bottom .16rem left .16rem / .62rem .62rem no-repeat, linear-gradient(45deg, transparent 45%, var(--manuscript-line-soft) 46% 54%, transparent 55%) bottom .16rem right .16rem / .62rem .62rem no-repeat;--surface-app-linework-opacity: .9;--surface-base-background: var(--surface-stage-background);--surface-base-atmosphere: radial-gradient(circle at 50% 22%, var(--shadow-gold-glow), transparent 26%), radial-gradient(ellipse at 50% 88%, rgba(90, 47, 120, .1), transparent 38%);--surface-base-overlay: var(--surface-secondary-backdrop);--surface-raised-background: linear-gradient(180deg, rgba(255, 252, 245, .98), rgba(244, 232, 207, .98));--surface-raised-background-reversed: linear-gradient(180deg, rgba(248, 238, 217, .97), rgba(255, 251, 243, .98));--surface-raised-background-soft: rgba(241, 225, 193, .72);--surface-raised-background-solid: var(--color-surface-primary);--surface-raised-background-muted: var(--color-surface-muted);--surface-raised-background-panel: linear-gradient(180deg, var(--color-surface-glass), var(--color-surface-panel)), var(--color-surface-primary);--surface-raised-border: var(--color-border-primary);--surface-raised-border-subtle: var(--color-border-subtle);--surface-raised-border-strong: var(--color-border-strong);--surface-raised-divider: color-mix(in srgb, var(--color-border-primary) 58%, transparent);--surface-raised-shadow: 0 18px 44px var(--shadow-panel), inset 0 1px 0 rgba(255, 255, 255, .72);--surface-raised-shadow-compact: 0 4px 10px color-mix(in srgb, var(--shadow-panel) 58%, transparent), inset 0 1px 0 rgba(255, 255, 255, .66);--surface-raised-shadow-sheet: 0 22px 54px var(--shadow-drawer), inset 0 1px 0 color-mix(in srgb, var(--color-accent-gold) 18%, transparent);--surface-raised-inset-highlight: inset 0 1px 0 rgba(255, 255, 255, .74), inset 0 0 0 1px rgba(151, 108, 43, .05);--surface-secondary-panel-background: linear-gradient(180deg, rgba(255, 252, 244, .98), rgba(247, 237, 216, .98)), #fffaf0;--surface-secondary-header-background: linear-gradient(90deg, transparent, rgba(169, 121, 47, .07), transparent);--surface-secondary-control-background: linear-gradient(180deg, rgba(255, 250, 240, .98), rgba(239, 222, 190, .96));--surface-secondary-input-background: linear-gradient(180deg, rgba(255, 252, 245, .98), rgba(248, 239, 220, .98));--surface-secondary-item-background: linear-gradient(180deg, rgba(255, 251, 242, .96), rgba(246, 234, 210, .95));--surface-secondary-empty-background: linear-gradient(180deg, rgba(248, 238, 217, .72), rgba(255, 250, 240, .7));--surface-secondary-divider: var(--manuscript-line);--surface-secondary-corner-linework: linear-gradient(90deg, var(--manuscript-line-strong), transparent) top left / 2.2rem 1px no-repeat, linear-gradient(180deg, var(--manuscript-line), transparent) top left / 1px 2.2rem no-repeat, linear-gradient(270deg, var(--manuscript-line-strong), transparent) top right / 2.2rem 1px no-repeat, linear-gradient(180deg, var(--manuscript-line), transparent) top right / 1px 2.2rem no-repeat;--surface-secondary-backdrop: radial-gradient(circle at 50% 18%, rgba(169, 121, 47, .14), transparent 34%), rgba(36, 16, 40, .38);--surface-spread-thumbnail-background: linear-gradient(145deg, rgba(242, 223, 184, .92), rgba(255, 249, 235, .94));--surface-spread-thumbnail-border: var(--manuscript-line-strong);--surface-spread-thumbnail-shadow: 0 4px 9px rgba(91, 57, 19, .16), inset 0 0 0 1px rgba(255, 255, 255, .52);--surface-hero-background: linear-gradient(145deg, #f2dfb8, #fff9eb 48%, #e6c991);--surface-hero-border: rgba(136, 91, 25, .78);--surface-hero-inner-border: rgba(183, 133, 50, .56);--surface-hero-shadow: 0 12px 26px var(--shadow-card), 0 0 0 1px rgba(121, 83, 30, .24), 0 0 0 4px rgba(236, 210, 157, .32);--surface-hero-shadow-compact: 0 9px 20px var(--shadow-card), 0 0 0 1px rgba(121, 83, 30, .22), 0 0 0 3px rgba(236, 210, 157, .28);--surface-hero-thumbnail-shadow: 0 4px 9px color-mix(in srgb, var(--shadow-card) 70%, transparent);--surface-hero-aura: radial-gradient(circle at 50% 50%, rgba(190, 139, 53, .2), transparent 60%);--surface-hero-aura-opacity: .72;--surface-hero-badge-background: linear-gradient(160deg, rgba(255, 252, 244, .98), rgba(241, 225, 193, .98));--surface-hero-badge-shadow: 0 7px 16px var(--shadow-card), inset 0 1px 0 rgba(255, 255, 255, .74);--surface-selected-background: linear-gradient(145deg, #c4913d, #e2bd6b 52%, #b47c2b);--surface-selected-background-soft: radial-gradient( circle at 50% 0%, color-mix(in srgb, var(--color-accent-gold) 12%, transparent), transparent 62% ), var(--color-accent-selection-soft);--surface-selected-background-list: linear-gradient( 180deg, var(--color-accent-selection-soft), var(--color-surface-muted) );--surface-selected-border: var(--color-accent-gold);--surface-selected-text: #321638;--surface-selected-shadow: 0 4px 10px rgba(91, 57, 19, .2), inset 0 1px 0 rgba(255, 248, 223, .54);--surface-selected-ring: 0 0 0 2px var(--color-focus-ring);--surface-primary-background: radial-gradient(circle at 10% 50%, rgba(255, 248, 220, .72) 0 .7px, transparent 1.5px), radial-gradient(circle at 90% 50%, rgba(255, 248, 220, .72) 0 .7px, transparent 1.5px), linear-gradient(90deg, transparent, rgba(255, 248, 220, .42), transparent) 7% 50% / 2.2rem 1px no-repeat, linear-gradient(270deg, transparent, rgba(255, 248, 220, .42), transparent) 93% 50% / 2.2rem 1px no-repeat, linear-gradient(110deg, #9d6b26, #dfb85f 46%, #bd8430 72%, #8a5b20);--surface-primary-border: color-mix(in srgb, var(--color-accent-gold-strong) 62%, transparent);--surface-primary-text: #2e1434;--surface-primary-shadow: 0 8px 18px rgba(121, 83, 30, .24), 0 0 0 1px rgba(121, 83, 30, .12), inset 0 1px 0 rgba(255, 248, 220, .52), inset 0 -1px 0 rgba(91, 57, 19, .28);--surface-decorative-background: var(--background-stars);--surface-decorative-background-size: 54px 54px, 92px 92px;--surface-decorative-background-position: 0 0, 18px 28px;--surface-decorative-background-repeat: repeat;--surface-decorative-opacity: .26;--surface-decorative-accent: var(--color-accent-decorative);--surface-decorative-accent-soft: var(--color-accent-decorative-soft);--surface-decorative-texture: none;--surface-decorative-linework: none}:root[data-theme=dark]{color-scheme:dark;--font-ritual-display: Georgia, "Times New Roman", serif;--font-ritual-label: Georgia, "Times New Roman", serif;--font-ritual-control: Georgia, "Times New Roman", serif;--surface-host-background: #04030a;--surface-stage-background: var(--surface-host-background);--background-app: radial-gradient(ellipse at 50% -8%, rgba(93, 48, 139, .28), transparent 38%), radial-gradient(circle at 12% 22%, rgba(185, 138, 63, .08), transparent 22%), radial-gradient(circle at 88% 72%, rgba(80, 39, 119, .18), transparent 30%), linear-gradient(145deg, #04030b 0%, #0c0617 48%, #160a23 100%);--background-stars: radial-gradient(circle at 9% 14%, rgba(236, 215, 165, .5) 0 .7px, transparent 1.4px), radial-gradient(circle at 86% 18%, rgba(185, 138, 63, .48) 0 .8px, transparent 1.5px), radial-gradient(circle at 13% 76%, rgba(99, 181, 183, .32) 0 .7px, transparent 1.4px), radial-gradient(circle at 91% 68%, rgba(219, 190, 119, .42) 0 .7px, transparent 1.4px), radial-gradient(circle at 74% 91%, rgba(157, 104, 201, .38) 0 .8px, transparent 1.5px);--color-surface-primary: #1a0d29;--color-surface-soft: #29143c;--color-surface-muted: #100819;--color-surface-panel: rgba(15, 7, 25, .96);--color-surface-glass: rgba(24, 11, 37, .88);--color-border-primary: rgba(185, 138, 63, .4);--color-border-subtle: rgba(229, 201, 133, .14);--color-border-strong: rgba(229, 201, 133, .68);--color-text-primary: #fff0cf;--color-text-strong: #f3dfb9;--color-text-body: #dbc9ae;--color-text-secondary: #c9b28e;--color-text-tertiary: #baa484;--color-text-muted: #ae9a80;--color-text-ink: #fff7e5;--color-accent-gold: #b98a3f;--color-accent-gold-strong: #e9c874;--color-accent-gold-soft: #342310;--color-accent-plum: #ad78d6;--color-accent-plum-soft: #2c183d;--color-accent-decorative: #63afb2;--color-accent-decorative-soft: rgba(99, 175, 178, .13);--color-accent-selection-soft: rgba(185, 138, 63, .14);--color-warning-text: #f0cc75;--color-warning-border: #c89b4a;--color-warning-surface: #342310;--color-info-border: rgba(185, 137, 223, .42);--color-info-surface: #1d0f2d;--color-info-text-strong: #ead9f8;--color-accent-blue: #d8b45e;--color-focus-ring: rgba(233, 200, 116, .42);--color-mobile-active: #f0cc75;--color-overlay: rgba(3, 2, 8, .76);--shadow-panel: rgba(2, 1, 7, .62);--shadow-card: rgba(2, 1, 7, .64);--shadow-card-ring: rgba(229, 201, 133, .16);--shadow-toast: rgba(185, 138, 63, .3);--shadow-drawer: rgba(2, 1, 7, .76);--shadow-gold-glow: rgba(185, 138, 63, .2);--ritual-line-gold-strong: rgba(233, 200, 116, .48);--ritual-line-gold: rgba(233, 200, 116, .32);--ritual-line-gold-soft: rgba(233, 200, 116, .18);--ritual-line-teal: rgba(99, 175, 178, .22);--ritual-line-teal-soft: rgba(99, 175, 178, .14);--ritual-point-gold: rgba(244, 218, 151, .68);--ritual-point-teal: rgba(119, 202, 203, .38);--surface-app-background: linear-gradient( 90deg, rgba(70, 33, 101, .2), transparent 11%, transparent 89%, rgba(70, 33, 101, .2) ), radial-gradient(ellipse at 50% 25%, rgba(77, 36, 112, .24), transparent 42%), radial-gradient(ellipse at 50% 80%, rgba(40, 17, 60, .18), transparent 46%), linear-gradient(180deg, #180b26 0%, #0b0514 58%, #12071c 100%);--surface-app-atmosphere: radial-gradient(ellipse at 50% 35%, rgba(185, 138, 63, .14), transparent 24%), radial-gradient(ellipse at 50% 47%, rgba(91, 43, 137, .27), transparent 48%), radial-gradient(ellipse at 50% 84%, rgba(67, 30, 96, .18), transparent 36%), radial-gradient(ellipse at 5% 48%, rgba(79, 36, 116, .13), transparent 24%), radial-gradient(ellipse at 95% 56%, rgba(79, 36, 116, .13), transparent 24%), radial-gradient(circle at 8% 14%, rgba(236, 215, 165, .52) 0 .7px, transparent 1.4px), radial-gradient(circle at 91% 19%, rgba(185, 138, 63, .48) 0 .8px, transparent 1.5px), radial-gradient(circle at 10% 69%, rgba(99, 175, 178, .3) 0 .7px, transparent 1.4px), radial-gradient(circle at 92% 73%, rgba(219, 190, 119, .4) 0 .7px, transparent 1.4px), radial-gradient(circle at 77% 91%, rgba(157, 104, 201, .34) 0 .8px, transparent 1.5px), linear-gradient( 90deg, rgba(49, 22, 73, .24), transparent 13%, transparent 87%, rgba(49, 22, 73, .24) );--surface-app-atmosphere-opacity: .92;--surface-base-atmosphere: none;--surface-raised-background: linear-gradient(180deg, rgba(34, 17, 49, .96), rgba(17, 8, 27, .98));--surface-raised-background-reversed: linear-gradient(180deg, rgba(14, 7, 23, .97), rgba(25, 12, 37, .96));--surface-raised-background-soft: rgba(12, 6, 21, .7);--surface-raised-background-solid: #170b24;--surface-raised-background-muted: #12091c;--surface-raised-background-panel: linear-gradient(180deg, rgba(24, 11, 37, .94), rgba(10, 5, 18, .97)), #100719;--surface-raised-divider: rgba(185, 138, 63, .42);--surface-raised-shadow: 0 22px 58px var(--shadow-panel), inset 0 1px 0 rgba(229, 201, 133, .13);--surface-raised-shadow-compact: 0 6px 16px rgba(2, 1, 7, .5), inset 0 1px 0 rgba(229, 201, 133, .1);--surface-raised-shadow-sheet: 0 24px 60px var(--shadow-drawer), inset 0 1px 0 rgba(229, 201, 133, .14);--surface-raised-inset-highlight: inset 0 1px 0 rgba(229, 201, 133, .15), inset 0 0 24px rgba(74, 34, 105, .08);--surface-secondary-panel-background: linear-gradient(180deg, rgba(24, 11, 37, .97), rgba(10, 5, 18, .98)), #100719;--surface-secondary-header-background: linear-gradient(90deg, transparent, rgba(185, 138, 63, .09), transparent);--surface-secondary-control-background: linear-gradient(180deg, rgba(34, 17, 49, .96), rgba(14, 7, 23, .98));--surface-secondary-input-background: linear-gradient(180deg, rgba(12, 6, 21, .98), rgba(22, 10, 34, .96));--surface-secondary-item-background: linear-gradient(180deg, rgba(24, 11, 37, .92), rgba(13, 6, 22, .96));--surface-secondary-empty-background: linear-gradient(180deg, rgba(31, 14, 46, .78), rgba(12, 6, 21, .72));--surface-secondary-divider: var(--ritual-line-gold);--surface-secondary-corner-linework: linear-gradient(90deg, var(--ritual-line-gold-strong), transparent) top left / 2.3rem 1px no-repeat, linear-gradient(180deg, var(--ritual-line-teal), transparent) top left / 1px 2.3rem no-repeat, linear-gradient(270deg, var(--ritual-line-gold-strong), transparent) top right / 2.3rem 1px no-repeat, linear-gradient(180deg, var(--ritual-line-teal), transparent) top right / 1px 2.3rem no-repeat;--surface-secondary-backdrop: radial-gradient(circle at 50% 16%, rgba(185, 138, 63, .12), transparent 32%), rgba(3, 2, 8, .78);--surface-spread-thumbnail-background: linear-gradient(145deg, rgba(41, 24, 58, .92), rgba(16, 8, 23, .96));--surface-spread-thumbnail-border: rgba(233, 200, 116, .52);--surface-spread-thumbnail-shadow: 0 5px 12px rgba(2, 1, 7, .54), 0 0 0 1px rgba(185, 138, 63, .1), inset 0 0 0 1px rgba(255, 241, 199, .08);--surface-hero-background: linear-gradient(145deg, #29183a, #100817 62%), #100817;--surface-hero-border: rgba(233, 200, 116, .82);--surface-hero-inner-border: rgba(247, 220, 154, .58);--surface-hero-shadow: 0 15px 34px rgba(2, 1, 7, .72), 0 0 0 1px rgba(247, 220, 154, .42), 0 0 0 4px rgba(185, 138, 63, .07), 0 0 20px rgba(185, 138, 63, .22), 0 0 32px rgba(91, 43, 137, .13);--surface-hero-shadow-compact: 0 11px 26px rgba(2, 1, 7, .7), 0 0 0 1px rgba(247, 220, 154, .38), 0 0 0 3px rgba(185, 138, 63, .065), 0 0 17px rgba(185, 138, 63, .2), 0 0 25px rgba(91, 43, 137, .11);--surface-hero-thumbnail-shadow: 0 5px 12px rgba(2, 1, 7, .58), 0 0 0 1px rgba(185, 138, 63, .12);--surface-hero-aura: radial-gradient(circle at 50% 48%, rgba(233, 200, 116, .22), transparent 45%), radial-gradient(ellipse at 50% 50%, rgba(94, 45, 139, .28), transparent 70%);--surface-hero-aura-opacity: .94;--surface-hero-badge-background: linear-gradient(160deg, rgba(46, 22, 65, .97), rgba(18, 8, 28, .98));--surface-hero-badge-shadow: 0 8px 18px rgba(2, 1, 7, .62), 0 0 0 1px rgba(233, 200, 116, .24), inset 0 1px 0 rgba(255, 241, 199, .1);--surface-selected-background: linear-gradient(135deg, #8a6025, #dfbd68 52%, #a97530);--surface-selected-background-soft: linear-gradient(180deg, rgba(185, 138, 63, .18), rgba(23, 10, 34, .94));--surface-selected-background-list: linear-gradient(180deg, rgba(185, 138, 63, .17), rgba(17, 8, 27, .98));--surface-selected-text: #190c24;--surface-selected-shadow: 0 6px 16px rgba(2, 1, 7, .46), 0 0 0 1px rgba(233, 200, 116, .14), inset 0 1px 0 rgba(255, 241, 199, .28);--surface-selected-ring: 0 0 0 2px rgba(233, 200, 116, .22);--surface-primary-background: radial-gradient(circle at 12% 50%, rgba(255, 243, 204, .54) 0 .7px, transparent 1.4px), radial-gradient(circle at 88% 50%, rgba(255, 243, 204, .54) 0 .7px, transparent 1.4px), linear-gradient(90deg, transparent, rgba(255, 243, 204, .22), transparent) 7% 50% / 2.2rem 1px no-repeat, linear-gradient(270deg, transparent, rgba(255, 243, 204, .22), transparent) 93% 50% / 2.2rem 1px no-repeat, linear-gradient(110deg, #875d22, #dfbd68 45%, #b47f34 70%, #80561f);--surface-primary-border: rgba(240, 207, 123, .68);--surface-primary-text: #190c24;--surface-primary-shadow: 0 10px 24px rgba(185, 138, 63, .2), 0 0 0 1px rgba(233, 200, 116, .24), 0 0 18px rgba(185, 138, 63, .08), inset 0 1px 0 rgba(255, 244, 211, .34), inset 0 -1px 0 rgba(95, 57, 16, .38);--surface-decorative-background-size: 100% 100%, 100% 100%, 100% 100%, 100% 100%, 100% 100%;--surface-decorative-background-position: center;--surface-decorative-background-repeat: no-repeat;--surface-decorative-opacity: .72;--surface-decorative-linework: linear-gradient(90deg, var(--ritual-line-gold-strong), transparent) top left / 5rem 1px no-repeat, linear-gradient(180deg, var(--ritual-line-teal), transparent) top left / 1px 5rem no-repeat, linear-gradient(270deg, var(--ritual-line-gold-strong), transparent) top right / 5rem 1px no-repeat, linear-gradient(180deg, var(--ritual-line-teal), transparent) top right / 1px 5rem no-repeat, linear-gradient(90deg, var(--ritual-line-gold), transparent) bottom left / 4rem 1px no-repeat, linear-gradient(0deg, var(--ritual-line-teal-soft), transparent) bottom left / 1px 4rem no-repeat, linear-gradient(270deg, var(--ritual-line-gold), transparent) bottom right / 4rem 1px no-repeat, linear-gradient(0deg, var(--ritual-line-teal-soft), transparent) bottom right / 1px 4rem no-repeat, linear-gradient(var(--ritual-line-gold-strong), var(--ritual-line-gold-strong)) top .1rem center / 1px .72rem no-repeat, linear-gradient(90deg, var(--ritual-line-teal), var(--ritual-line-gold-strong), var(--ritual-line-teal)) top .43rem center / .72rem 1px no-repeat, radial-gradient(circle, var(--ritual-point-gold) 0 1px, transparent 1.6px) top .15rem center / .65rem .65rem no-repeat, linear-gradient(var(--ritual-line-gold), var(--ritual-line-gold)) bottom .1rem center / 1px .62rem no-repeat, linear-gradient(90deg, var(--ritual-line-teal-soft), var(--ritual-line-gold), var(--ritual-line-teal-soft)) bottom .38rem center / .62rem 1px no-repeat, linear-gradient(var(--ritual-line-gold-soft), var(--ritual-line-gold-soft)) left .08rem center / .55rem 1px no-repeat, radial-gradient(circle, var(--ritual-point-teal) 0 .8px, transparent 1.5px) left .16rem center / .5rem .5rem no-repeat, linear-gradient(var(--ritual-line-gold-soft), var(--ritual-line-gold-soft)) right .08rem center / .55rem 1px no-repeat, radial-gradient(circle, var(--ritual-point-teal) 0 .8px, transparent 1.5px) right .16rem center / .5rem .5rem no-repeat, linear-gradient(45deg, transparent 45%, var(--ritual-line-gold) 46% 54%, transparent 55%) top .18rem left .18rem / .7rem .7rem no-repeat, linear-gradient(-45deg, transparent 45%, var(--ritual-line-gold) 46% 54%, transparent 55%) top .18rem right .18rem / .7rem .7rem no-repeat, linear-gradient(-45deg, transparent 45%, var(--ritual-line-gold-soft) 46% 54%, transparent 55%) bottom .18rem left .18rem / .7rem .7rem no-repeat, linear-gradient(45deg, transparent 45%, var(--ritual-line-gold-soft) 46% 54%, transparent 55%) bottom .18rem right .18rem / .7rem .7rem no-repeat;--surface-app-linework: var(--surface-decorative-linework);--surface-app-linework-opacity: .9}*{box-sizing:border-box}body{margin:0;min-width:320px;color:var(--color-text-primary);background:var(--surface-host-background)}button{font:inherit;cursor:pointer}.app-shell{--rws-card-aspect-ratio: 500 / 863;--rws-card-height-ratio: 1.726;min-height:100vh;display:grid;place-items:start center;padding:clamp(1rem,2vw,1.5rem) clamp(.75rem,3vw,2rem) calc(1.5rem + env(safe-area-inset-bottom));width:100%;box-sizing:border-box;position:relative;isolation:isolate;background:var(--surface-app-background)}.app-shell:before,.app-shell:after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none}.app-shell:before{background:var(--surface-app-atmosphere);opacity:var(--surface-app-atmosphere-opacity)}.app-shell:after{background:var(--surface-app-linework);opacity:var(--surface-app-linework-opacity)}.app-content{width:100%;max-width:1080px;display:grid;place-items:center;position:relative;z-index:1}body.mobile-overlay-open{overflow:hidden}.card-panel{width:100%;position:relative}.top-bar{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.25rem .25rem .9rem;border-bottom:1px solid var(--surface-raised-divider);margin-bottom:.4rem}.app-mark{display:inline-flex;align-items:center;gap:.55rem;min-width:0;color:var(--color-text-strong);font-size:.92rem;font-weight:750;letter-spacing:.01em}.app-mark-symbol{width:2rem;height:2rem;display:grid;place-items:center;border:1px solid var(--surface-raised-border-strong);border-radius:999px;background:radial-gradient(circle at 50% 35%,color-mix(in srgb,var(--color-accent-gold) 18%,transparent),transparent 58%),var(--surface-raised-background-muted);color:var(--color-accent-gold-strong);font-size:.72rem;letter-spacing:0;box-shadow:0 0 0 3px color-mix(in srgb,var(--color-accent-gold) 10%,transparent)}.top-actions{display:inline-flex;align-items:center;gap:.35rem}.icon-button{width:2.5rem;height:2.5rem;display:grid;place-items:center;border:1px solid var(--surface-raised-border);border-radius:999px;background:var(--surface-raised-background);color:var(--color-text-strong);font-size:1rem;line-height:1;box-shadow:var(--surface-raised-shadow-compact)}button:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}.icon-button.subdued{opacity:.72}.history-icon{width:1.12rem;height:1.12rem;position:relative;display:block;border:2px solid currentColor;border-radius:999px}.history-icon:before,.history-icon:after{content:"";position:absolute;left:50%;top:50%;width:2px;background:currentColor;border-radius:999px;transform-origin:50% 0}.history-icon:before{height:.36rem;transform:translate(-50%,-2px) rotate(0)}.history-icon:after{height:.31rem;transform:translate(-50%,-2px) rotate(110deg)}.reading-surface{display:grid;justify-items:center;gap:.72rem;padding:.2rem .4rem .4rem}.eyebrow{margin:0;color:var(--color-accent-gold-strong);font-size:.8rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.context-block{width:min(520px,100%);display:grid;gap:.04rem;margin-bottom:0;text-align:center}.context-caption{margin:0;color:var(--color-text-muted);font-size:.76rem;line-height:1.18}h1{margin:0;font-size:clamp(1.55rem,3vw,2.25rem);line-height:1.2;color:var(--color-text-primary);text-shadow:0 1px 0 color-mix(in srgb,var(--color-accent-gold) 16%,transparent)}.hero-card{width:clamp(145px,28dvh,235px);display:grid;place-items:center}.hero-stage{display:grid;place-items:center}.hero-frame{position:relative;display:grid;place-items:center;isolation:isolate}.hero-frame:before{content:"";position:absolute;inset:-.42rem;z-index:-1;border-radius:18px;background:var(--surface-hero-aura);opacity:var(--surface-hero-aura-opacity)}:root:not([data-theme=dark]) .hero-frame:after{content:"";position:absolute;inset:-.3rem;z-index:-1;border:1px solid var(--manuscript-line-strong);border-radius:17px;background:linear-gradient(90deg,var(--manuscript-line-strong),transparent) top left / 1.75rem 1px no-repeat,linear-gradient(180deg,var(--manuscript-line),transparent) top left / 1px 1.75rem no-repeat,linear-gradient(270deg,var(--manuscript-line-strong),transparent) top right / 1.75rem 1px no-repeat,linear-gradient(180deg,var(--manuscript-line),transparent) top right / 1px 1.75rem no-repeat,linear-gradient(90deg,var(--manuscript-line),transparent) bottom left / 1.4rem 1px no-repeat,linear-gradient(0deg,var(--manuscript-line-soft),transparent) bottom left / 1px 1.4rem no-repeat,linear-gradient(270deg,var(--manuscript-line),transparent) bottom right / 1.4rem 1px no-repeat,linear-gradient(0deg,var(--manuscript-line-soft),transparent) bottom right / 1px 1.4rem no-repeat,radial-gradient(circle,var(--manuscript-point) 0 1px,transparent 1.7px) top .1rem center / .55rem .55rem no-repeat,radial-gradient(circle,var(--manuscript-line-strong) 0 .8px,transparent 1.5px) bottom .1rem center / .5rem .5rem no-repeat;box-shadow:0 0 0 3px #edd3a040,inset 0 0 0 1px #ffffff80;pointer-events:none}:root[data-theme=dark] .hero-frame:after{content:"";position:absolute;inset:-.28rem;z-index:-1;border:1px solid var(--ritual-line-gold-strong);border-radius:17px;background:linear-gradient(90deg,var(--ritual-line-gold-strong),transparent) top left / 1.7rem 1px no-repeat,linear-gradient(180deg,var(--ritual-line-teal),transparent) top left / 1px 1.7rem no-repeat,linear-gradient(270deg,var(--ritual-line-gold-strong),transparent) top right / 1.7rem 1px no-repeat,linear-gradient(180deg,var(--ritual-line-teal),transparent) top right / 1px 1.7rem no-repeat,linear-gradient(90deg,var(--ritual-line-gold),transparent) bottom left / 1.35rem 1px no-repeat,linear-gradient(0deg,var(--ritual-line-teal-soft),transparent) bottom left / 1px 1.35rem no-repeat,linear-gradient(270deg,var(--ritual-line-gold),transparent) bottom right / 1.35rem 1px no-repeat,linear-gradient(0deg,var(--ritual-line-teal-soft),transparent) bottom right / 1px 1.35rem no-repeat,radial-gradient(circle,var(--ritual-point-gold) 0 1px,transparent 1.7px) top .12rem center / .55rem .55rem no-repeat,radial-gradient(circle,var(--ritual-line-gold-strong) 0 .8px,transparent 1.5px) bottom .12rem center / .5rem .5rem no-repeat;box-shadow:0 0 0 1px #572a7d61,0 0 0 3px #b98a3f0e,0 0 14px #b98a3f1a,inset 0 0 0 1px #fff1c71c;pointer-events:none}.card-art-slot{width:100%;height:100%;aspect-ratio:var(--rws-card-aspect-ratio);position:relative;overflow:hidden;border:1px solid var(--surface-hero-border);border-radius:14px;background:var(--surface-hero-background);box-shadow:var(--surface-hero-shadow)}.card-art-slot:after{content:"";position:absolute;inset:.34rem;z-index:2;border:1px solid var(--surface-hero-inner-border);border-radius:10px;pointer-events:none}:root:not([data-theme=dark]) .card-art-slot:before{content:"";position:absolute;inset:.14rem;z-index:2;border:1px solid rgba(255,249,228,.72);border-radius:12px;box-shadow:inset 0 0 0 1px #79531e24;pointer-events:none}:root[data-theme=dark] .card-art-slot:before{content:"";position:absolute;inset:.14rem;z-index:2;border:1px solid rgba(255,236,184,.3);border-radius:12px;box-shadow:inset 0 0 0 1px #55287638,0 0 0 1px #b98a3f0e;pointer-events:none}.hero-card.reversed .card-art-slot{transform:rotate(180deg)}.card-image{display:block;position:absolute;inset:0;z-index:1;width:100%;height:100%;object-fit:cover;object-position:center}.card-back-pattern{position:absolute;inset:.7rem;z-index:0;border:1px solid var(--surface-hero-border);border-radius:10px;background:radial-gradient(circle at 50% 50%,color-mix(in srgb,var(--color-accent-gold) 18%,transparent),transparent 34%),linear-gradient(45deg,transparent 46%,var(--color-border-subtle) 47%,var(--color-border-subtle) 53%,transparent 54%),linear-gradient(-45deg,transparent 46%,var(--color-border-subtle) 47%,var(--color-border-subtle) 53%,transparent 54%);opacity:.78}.card-back-pattern:before,.card-back-pattern:after{content:"";position:absolute;inset:18%;border:1px solid var(--color-accent-gold);border-radius:999px;opacity:.5}.card-back-pattern:after{inset:35%;border-color:var(--color-accent-plum);border-radius:8px}.card-heading{width:min(560px,100%);display:grid;justify-items:center;text-align:center}.orientation-pill{margin:.25rem 0 0;color:var(--color-text-muted);font-size:.82rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.favorite-button{border:1px solid var(--surface-raised-border);background:var(--surface-raised-background);color:var(--color-accent-gold-strong);border-radius:10px;width:2.8rem;height:2.8rem;display:grid;place-items:center;font-size:1.3rem;line-height:1}.favorite-button.active{color:var(--color-warning-text);border-color:var(--color-warning-border);background:radial-gradient(circle at 50% 35%,color-mix(in srgb,var(--color-accent-gold) 24%,transparent),transparent 62%),var(--color-warning-surface)}.hero-favorite{position:absolute;top:.55rem;right:.55rem;z-index:2;background:var(--surface-hero-badge-background);box-shadow:var(--surface-hero-badge-shadow);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}:root:not([data-theme=dark]) .top-bar{position:relative;border-bottom-color:transparent;background:linear-gradient(90deg,transparent,rgba(169,121,47,.035) 22%,rgba(169,121,47,.035) 78%,transparent)}:root:not([data-theme=dark]) .top-bar:before{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,transparent,var(--manuscript-line-strong) 9%,var(--manuscript-line) 44%,transparent 48% 52%,var(--manuscript-line) 56%,var(--manuscript-line-strong) 91%,transparent);pointer-events:none}:root:not([data-theme=dark]) .top-bar:after{content:"";position:absolute;left:50%;bottom:-.16rem;width:.34rem;height:.34rem;border:1px solid var(--manuscript-line-strong);background:#fbf4e4;transform:translate(-50%) rotate(45deg);pointer-events:none}:root:not([data-theme=dark]) .app-mark{color:var(--color-accent-plum);font-family:Georgia,Times New Roman,serif;font-weight:700;letter-spacing:.015em}:root:not([data-theme=dark]) .app-mark-symbol{border-color:var(--manuscript-line-strong);background:radial-gradient(circle at 50% 35%,rgba(255,255,255,.72),transparent 42%),linear-gradient(160deg,#fffaf0,#ebd7ad);color:var(--color-accent-plum);box-shadow:0 0 0 3px #a9792f1a,0 4px 10px #5b39131f,inset 0 0 0 1px #ffffffad}:root:not([data-theme=dark]) .icon-button{border-color:var(--manuscript-line);background:radial-gradient(circle at 50% 28%,rgba(255,255,255,.72),transparent 52%),var(--surface-raised-background);color:var(--color-accent-plum);box-shadow:var(--surface-raised-shadow-compact),0 0 0 2px #a9792f12,inset 0 0 0 1px #ffffff8f}:root:not([data-theme=dark]) .eyebrow{position:relative;justify-self:center;padding-inline:1.5rem;color:var(--color-accent-plum);font-family:Georgia,Times New Roman,serif;font-weight:700;letter-spacing:.105em}:root:not([data-theme=dark]) .eyebrow:before,:root:not([data-theme=dark]) .eyebrow:after{content:"";position:absolute;top:50%;width:1rem;height:1px;background:radial-gradient(circle,var(--manuscript-point) 0 1px,transparent 1.7px) center / .42rem .42rem no-repeat,linear-gradient(90deg,transparent,var(--manuscript-line-strong))}:root:not([data-theme=dark]) .eyebrow:before{left:0}:root:not([data-theme=dark]) .eyebrow:after{right:0;transform:scaleX(-1)}:root:not([data-theme=dark]) h1{color:var(--color-accent-plum);font-family:Georgia,Times New Roman,serif;font-weight:700;text-shadow:0 1px 0 rgba(255,255,255,.72)}:root:not([data-theme=dark]) .orientation-pill{position:relative;min-width:7.5rem;padding-inline:1rem;color:var(--color-accent-plum);letter-spacing:.13em}:root:not([data-theme=dark]) .orientation-pill:before,:root:not([data-theme=dark]) .orientation-pill:after{content:"";position:absolute;top:50%;width:.65rem;height:1px;background:linear-gradient(90deg,transparent,var(--manuscript-line))}:root:not([data-theme=dark]) .orientation-pill:before{left:0}:root:not([data-theme=dark]) .orientation-pill:after{right:0;transform:scaleX(-1)}:root:not([data-theme=dark]) .favorite-button{border-color:var(--manuscript-line-strong);color:var(--color-accent-plum);box-shadow:inset 0 0 0 1px #ffffff94}:root:not([data-theme=dark]) .favorite-button.active{border-color:var(--color-warning-border);background:radial-gradient(circle at 50% 30%,rgba(255,231,166,.17),transparent 58%),var(--color-warning-surface);color:var(--color-warning-text);box-shadow:0 6px 14px #451f4e2e,inset 0 0 0 1px #ffe59d24}:root:not([data-theme=dark]) .orientation-toggle{border-color:var(--manuscript-line);background:linear-gradient(var(--manuscript-line-soft),var(--manuscript-line-soft)) center / 1px 44% no-repeat,radial-gradient(circle,var(--manuscript-line-strong) 0 .7px,transparent 1.4px) center / .42rem .42rem no-repeat,var(--surface-raised-background-soft);box-shadow:inset 0 1px #ffffff9e,0 4px 12px #5b39131a}:root:not([data-theme=dark]) .orientation-toggle .active{box-shadow:var(--surface-selected-shadow),inset 0 0 0 1px #fff7da47}:root:not([data-theme=dark]) .meaning-box{border-color:var(--manuscript-line-strong);background:linear-gradient(90deg,var(--manuscript-line),transparent) top left / 2.4rem 1px no-repeat,linear-gradient(180deg,var(--manuscript-line-soft),transparent) top left / 1px 2rem no-repeat,linear-gradient(270deg,var(--manuscript-line-soft),transparent) bottom right / 2rem 1px no-repeat,linear-gradient(0deg,var(--manuscript-line-soft),transparent) bottom right / 1px 1.7rem no-repeat,radial-gradient(circle,var(--manuscript-line-strong) 0 .7px,transparent 1.4px) top .28rem right .35rem / .45rem .45rem no-repeat,var(--surface-raised-background-reversed);box-shadow:var(--surface-raised-inset-highlight),0 6px 14px #5b39131a}:root:not([data-theme=dark]) .meaning-box h2{display:flex;align-items:center;gap:.45rem;color:var(--color-accent-plum);font-family:Georgia,Times New Roman,serif}:root:not([data-theme=dark]) .meaning-box h2:after{content:"";width:2.2rem;height:1px;background:linear-gradient(90deg,var(--manuscript-line),var(--manuscript-ink-line),transparent)}:root:not([data-theme=dark]) .draw-trigger{color:var(--surface-primary-text);font-family:Georgia,Times New Roman,serif;font-size:1.08rem;text-shadow:0 1px 0 rgba(255,246,214,.28);box-shadow:var(--surface-primary-shadow),inset 0 0 0 1px #5b391329}:root[data-theme=dark] .top-bar{position:relative;border-bottom-color:transparent;background:transparent;box-shadow:none}:root[data-theme=dark] .top-bar>.app-mark,:root[data-theme=dark] .top-bar>.top-actions{align-self:center}:root[data-theme=dark] .top-bar:before{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,transparent,var(--ritual-line-gold-strong) 9%,var(--ritual-line-gold) 44%,transparent 48% 52%,var(--ritual-line-gold) 56%,var(--ritual-line-gold-strong) 91%,transparent);pointer-events:none}:root[data-theme=dark] .top-bar:after{content:"";position:absolute;left:50%;bottom:-.11rem;width:.24rem;height:.24rem;border:1px solid var(--ritual-line-gold);background:#13091d;transform:translate(-50%) rotate(45deg);box-shadow:none;pointer-events:none}:root[data-theme=dark] .app-mark{color:var(--color-accent-gold-strong);font-family:var(--font-ritual-display);font-weight:700;line-height:1;letter-spacing:.015em;text-shadow:0 1px 0 rgba(65,36,9,.8),0 1px 12px rgba(185,138,63,.14)}:root[data-theme=dark] .app-mark>span:last-child{display:block;transform:translateY(-.025em)}:root[data-theme=dark] .app-mark-symbol{flex:0 0 auto;font-family:var(--font-ritual-label);font-weight:700;line-height:1;letter-spacing:.015em;background:radial-gradient(circle at 50% 34%,rgba(233,200,116,.16),transparent 56%),linear-gradient(160deg,#2a143bfa,#0e0717fa);box-shadow:0 0 0 3px #b98a3f1a,0 5px 12px #02010761,inset 0 1px #fff1c724,inset 0 0 0 1px #63afb20e}:root[data-theme=dark] .icon-button{border-color:var(--ritual-line-gold-strong);background:radial-gradient(circle at 50% 28%,rgba(233,200,116,.08),transparent 58%),var(--surface-raised-background);color:var(--color-accent-gold-strong);box-shadow:var(--surface-raised-shadow-compact),0 0 0 2px #b98a3f14,inset 0 0 0 1px #e9c8741c,inset 0 -6px 14px #471f6814}:root[data-theme=dark] .eyebrow{position:relative;justify-self:center;padding-inline:1.55rem;font-family:var(--font-ritual-label);font-weight:700;letter-spacing:.105em;text-shadow:0 1px 0 rgba(58,31,8,.82),0 1px 10px rgba(185,138,63,.13)}:root[data-theme=dark] .eyebrow:before,:root[data-theme=dark] .eyebrow:after{content:"";position:absolute;top:50%;width:1.08rem;height:1px;background:radial-gradient(circle,var(--ritual-point-teal) 0 .8px,transparent 1.5px) center / .42rem .42rem no-repeat,linear-gradient(90deg,transparent,var(--ritual-line-teal) 36%,var(--ritual-line-gold-strong) 100%);opacity:.84}:root[data-theme=dark] .eyebrow:before{left:0}:root[data-theme=dark] .eyebrow:after{right:0;transform:scaleX(-1)}:root[data-theme=dark] h1{color:var(--color-accent-gold-strong);font-family:var(--font-ritual-display);font-weight:700;letter-spacing:.005em;text-shadow:0 1px 0 rgba(81,47,12,.75),0 2px 14px rgba(185,138,63,.13)}:root[data-theme=dark] .orientation-pill{position:relative;min-width:7.5rem;padding-inline:1rem;color:#c9ad75;font-family:var(--font-ritual-label);font-weight:700;letter-spacing:.13em;text-shadow:0 1px 0 rgba(3,2,8,.72)}:root[data-theme=dark] .orientation-pill:before,:root[data-theme=dark] .orientation-pill:after{content:"";position:absolute;top:50%;width:.65rem;height:1px;background:radial-gradient(circle,var(--ritual-point-teal) 0 .7px,transparent 1.4px) center / .36rem .36rem no-repeat,linear-gradient(90deg,transparent,var(--ritual-line-gold))}:root[data-theme=dark] .orientation-pill:before{left:0}:root[data-theme=dark] .orientation-pill:after{right:0;transform:scaleX(-1)}:root[data-theme=dark] .favorite-button{border-color:var(--ritual-line-gold-strong);box-shadow:inset 0 0 0 1px #e9c87414,0 0 0 2px #b98a3f0e}:root[data-theme=dark] .favorite-button.active{color:#f3cf76;border-color:#e9c874b3;background:radial-gradient(circle at 50% 30%,rgba(233,200,116,.16),transparent 58%),linear-gradient(160deg,#391b4efa,#170a23fa);box-shadow:0 7px 16px #0201077a,0 0 0 1px #e9c8741f,inset 0 1px #fff1c71f}:root[data-theme=dark] .orientation-toggle{border-color:var(--ritual-line-gold);background:linear-gradient(var(--ritual-line-gold-soft),var(--ritual-line-gold-soft)) center / 1px 44% no-repeat,radial-gradient(circle,var(--ritual-line-teal) 0 .7px,transparent 1.4px) center / .42rem .42rem no-repeat,var(--surface-raised-background-soft);box-shadow:inset 0 1px #e9c8741a,inset 0 0 0 1px #63afb209,0 6px 17px #02010742}:root[data-theme=dark] .orientation-toggle button:not(.active){color:#cdbb9d}:root[data-theme=dark] .orientation-toggle button{font-family:var(--font-ritual-control);font-weight:700;letter-spacing:.012em;text-shadow:0 1px 0 rgba(3,2,8,.52)}:root[data-theme=dark] .orientation-toggle .active{text-shadow:0 1px 0 rgba(255,244,211,.16);box-shadow:var(--surface-selected-shadow),inset 0 0 0 1px #fff0c233}:root[data-theme=dark] .meaning-box{border-color:var(--ritual-line-gold-strong);background:linear-gradient(90deg,var(--ritual-line-gold),transparent) top left / 2.4rem 1px no-repeat,linear-gradient(180deg,var(--ritual-line-teal-soft),transparent) top left / 1px 2rem no-repeat,linear-gradient(270deg,var(--ritual-line-gold-soft),transparent) bottom right / 2rem 1px no-repeat,linear-gradient(0deg,var(--ritual-line-teal-soft),transparent) bottom right / 1px 1.7rem no-repeat,radial-gradient(circle,var(--ritual-line-gold-strong) 0 .7px,transparent 1.4px) top .28rem right .35rem / .45rem .45rem no-repeat,radial-gradient(circle,var(--ritual-point-teal) 0 .65px,transparent 1.35px) bottom .3rem left .35rem / .42rem .42rem no-repeat,var(--surface-raised-background-reversed);box-shadow:var(--surface-raised-inset-highlight),0 8px 20px #0201073d,inset 0 0 0 1px #e9c87409}:root[data-theme=dark] .meaning-box h2{display:flex;align-items:center;gap:.45rem;color:var(--color-accent-gold-strong);font-family:var(--font-ritual-label);font-weight:700;letter-spacing:.012em;text-shadow:0 1px 0 rgba(3,2,8,.7)}:root[data-theme=dark] .meaning-box h2:after{content:"";width:2.2rem;height:1px;background:linear-gradient(90deg,var(--ritual-line-gold),var(--ritual-line-teal-soft),transparent)}:root[data-theme=dark] .draw-trigger{font-family:var(--font-ritual-control);font-weight:700;letter-spacing:.012em;text-shadow:0 1px 0 rgba(255,244,211,.18);box-shadow:var(--surface-primary-shadow),inset 0 0 0 1px #603a1147,inset 0 0 18px #fff1c70e}.reading-detail{width:min(620px,100%);display:grid;justify-items:center;gap:.72rem}.settings-row{display:inline-flex;align-items:center;gap:.45rem;margin:1rem 0 0;padding:.2rem .35rem;border:1px solid var(--surface-raised-border);border-radius:10px;background:transparent}.settings-field{display:inline-flex;align-items:center;gap:.45rem}.settings-row label{font-size:.8rem;font-weight:500;color:var(--color-text-muted);margin:0;white-space:nowrap}.settings-row select{border:1px solid var(--surface-raised-border);border-radius:8px;background:var(--surface-raised-background-muted);color:var(--color-text-strong);padding:.35rem .55rem;min-height:34px;font-size:.82rem;min-width:110px}.settings-row select:focus{outline:2px solid var(--color-focus-ring);border-color:var(--color-accent-gold)}.settings-row-desktop{display:none}.settings-row-mobile{display:inline-flex}.shared-banner{margin:0 0 1rem;padding:.6rem .75rem;border-radius:10px;border:1px solid var(--color-info-border);background:linear-gradient(180deg,var(--color-info-surface),var(--color-surface-muted));color:var(--color-info-text-strong);display:flex;align-items:center;justify-content:space-between;gap:.6rem;flex-wrap:wrap}.shared-back-button{border:1px solid var(--surface-raised-border-strong);border-radius:8px;padding:.55rem .85rem;background:var(--surface-raised-background-solid);color:var(--color-accent-blue);font-weight:600;min-height:44px}.spread-overview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;width:min(520px,100%);margin:0}.spread-position{min-width:0;min-height:0;position:relative;overflow:hidden;display:grid;justify-items:center;gap:.25rem;text-align:center;border:1px solid var(--surface-raised-border);border-radius:12px;background:var(--surface-secondary-item-background);color:var(--color-text-strong);padding:.5rem .35rem;box-shadow:var(--surface-raised-inset-highlight)}.spread-position:before{content:"";position:absolute;inset:.18rem;border-radius:9px;background:linear-gradient(90deg,var(--surface-secondary-divider),transparent) top left / 1.2rem 1px no-repeat,linear-gradient(180deg,var(--surface-secondary-divider),transparent) top left / 1px 1.2rem no-repeat;opacity:.42;pointer-events:none}.spread-position.active{border-color:var(--surface-selected-border);background:var(--surface-selected-background-soft);box-shadow:var(--surface-selected-ring),var(--surface-raised-inset-highlight)}.spread-thumbnail{width:min(48px,13vw);aspect-ratio:var(--rws-card-aspect-ratio);position:relative;overflow:hidden;border:1px solid var(--surface-spread-thumbnail-border);border-radius:7px;background:var(--surface-spread-thumbnail-background);box-shadow:var(--surface-spread-thumbnail-shadow)}.spread-thumbnail:after{content:"";position:absolute;inset:.16rem;z-index:2;border:1px solid color-mix(in srgb,var(--surface-spread-thumbnail-border) 54%,transparent);border-radius:5px;pointer-events:none}.spread-thumbnail.reversed{transform:rotate(180deg)}.spread-position-label,.spread-orientation{color:var(--color-text-muted);font-size:.72rem;font-weight:700;line-height:1.15;text-transform:uppercase}.spread-card-name{display:none}.orientation-toggle{display:inline-flex;gap:.5rem;margin-bottom:0;padding:.25rem;border-radius:10px;border:1px solid var(--surface-raised-border-subtle);background:var(--surface-raised-background-soft)}.orientation-toggle button{border:0;padding:.55rem .9rem;border-radius:8px;background:transparent;color:var(--color-text-body);min-height:40px;font-weight:600}.orientation-toggle .active{background:var(--surface-selected-background);color:var(--surface-selected-text);box-shadow:var(--surface-selected-shadow)}.meaning-box{width:min(620px,100%);min-height:6.1rem;border:1px solid var(--surface-raised-border);border-radius:12px;padding:.82rem .9rem;background:var(--surface-raised-background-reversed);overflow-y:auto;box-shadow:var(--surface-raised-inset-highlight)}.meaning-box h2{margin:0 0 .28rem;font-size:.94rem;color:var(--color-text-primary)}.meaning-box p{margin:0;color:var(--color-text-strong);line-height:1.42}.primary-draw-row{display:grid;place-items:center;padding:.9rem .25rem .2rem}.draw-trigger{width:min(320px,100%);border:1px solid var(--surface-primary-border);border-radius:999px;background:var(--surface-primary-background);color:var(--surface-primary-text);min-height:52px;padding:.75rem 1.2rem;font-size:1rem;font-weight:800;box-shadow:var(--surface-primary-shadow)}.search-section{margin-top:1.25rem;border-top:1px solid var(--surface-raised-border-subtle);padding-top:1rem}.panel-shell{display:flex;flex-direction:column;min-height:0}.panel-scroll-area{min-height:0;padding-bottom:.25rem}.search-header{position:relative;display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.55rem;padding-bottom:.65rem;background:var(--surface-secondary-header-background)}.search-close{border:1px solid var(--surface-raised-border-strong);background:var(--surface-secondary-control-background);color:var(--color-text-strong);border-radius:8px;min-height:40px;padding:.5rem .8rem;font-weight:600;box-shadow:var(--surface-raised-shadow-compact)}.search-header label{display:block;font-size:.9rem;font-weight:600;color:var(--color-text-strong);margin:0}.search-section input{width:100%;border:1px solid var(--surface-raised-border-strong);border-radius:10px;background:var(--surface-secondary-input-background);color:var(--color-text-strong);padding:.75rem .8rem;font-size:.95rem;min-height:44px;box-sizing:border-box;box-shadow:var(--surface-raised-inset-highlight)}.search-section input::placeholder{color:var(--color-text-muted)}.search-section input:focus{outline:2px solid var(--color-focus-ring);border-color:var(--color-accent-gold)}.results-summary{margin:.55rem 0 .6rem;color:var(--color-text-tertiary);font-size:.9rem}.favorites-filter{margin-top:.65rem;display:inline-flex;align-items:center;gap:.45rem;color:var(--color-text-strong);font-size:.9rem;font-weight:600}.favorites-filter input{width:1rem;height:1rem;margin:0;accent-color:var(--color-accent-gold)}.results-empty{margin:.7rem 0 0;border:1px solid var(--surface-raised-border-subtle);border-radius:10px;background:var(--surface-secondary-empty-background);color:var(--color-text-muted);font-size:.9rem;padding:.8rem .85rem}.results-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:.5rem;max-height:none;overflow:visible;padding-right:.2rem}.result-card{display:flex;align-items:center;justify-content:space-between;gap:.4rem;text-align:left;border:1px solid var(--surface-raised-border);background:var(--surface-secondary-item-background);color:var(--color-text-strong);border-radius:8px;padding:.75rem .7rem;min-height:48px;box-shadow:var(--surface-raised-inset-highlight)}.result-card.active{border-color:var(--surface-selected-border);background:var(--surface-selected-background-list);box-shadow:var(--surface-selected-ring),var(--surface-raised-inset-highlight)}.star-tag{color:var(--color-warning-text)}.history-section{margin-top:1.25rem;border-top:1px solid var(--surface-raised-border-subtle);padding-top:1rem}.history-section h2{margin:0 0 .7rem;font-size:1rem}.history-header{position:relative;display:flex;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.55rem;padding-bottom:.65rem;background:var(--surface-secondary-header-background)}.history-close{border:1px solid var(--surface-raised-border-strong);background:var(--surface-secondary-control-background);color:var(--color-text-strong);border-radius:8px;min-height:40px;padding:.5rem .8rem;font-weight:600;box-shadow:var(--surface-raised-shadow-compact)}.history-empty{margin:0;border:1px solid var(--surface-raised-border-subtle);border-radius:10px;background:var(--surface-secondary-empty-background);color:var(--color-text-muted);padding:.8rem .85rem}.history-list{list-style:none;margin:0;padding:0;display:grid;gap:.45rem}.history-item{width:100%;text-align:left;border:1px solid var(--surface-raised-border);border-radius:8px;background:var(--surface-secondary-item-background);padding:.75rem;min-height:54px;box-shadow:var(--surface-raised-inset-highlight)}.history-main{display:block;color:var(--color-text-strong);font-size:.93rem}.history-meta{display:block;margin-top:.15rem;color:var(--color-text-muted);font-size:.79rem}.mobile-picker-trigger,.mobile-spread-trigger,.mobile-history-trigger,.mobile-inline-actions,.mobile-mode-toggle,.mobile-secondary-actions,.mobile-daily-navigation{display:none}.mobile-lower-controls{display:block}.mobile-picker-backdrop{display:block;position:fixed;inset:0;z-index:1;border:0;background:var(--surface-base-overlay);padding:0;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.mobile-modal-root{position:fixed;inset:0;z-index:80;display:block}.mobile-modal-root .mobile-modal-panel{position:fixed;right:max(1rem,env(safe-area-inset-right));bottom:max(1rem,env(safe-area-inset-bottom));z-index:2;width:min(460px,calc(100vw - 2rem));max-height:min(70vh,620px);overflow:hidden;border:1px solid var(--surface-raised-border);border-radius:16px;background:var(--surface-secondary-panel-background);box-shadow:var(--surface-raised-shadow-sheet);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:1rem;isolation:isolate}.mobile-modal-root .mobile-modal-panel:before{content:"";position:absolute;inset:.42rem;z-index:0;border-radius:12px;background:var(--surface-secondary-corner-linework);opacity:.76;pointer-events:none}.mobile-modal-root .mobile-modal-panel>*{position:relative;z-index:1}.mobile-modal-root .mobile-panel-body{display:flex;flex-direction:column;min-height:0;max-height:inherit}.mobile-modal-root .mobile-panel-list{min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;touch-action:pan-y}.mobile-modal-root .panel-scroll-area{max-height:390px;overflow-y:auto;-webkit-overflow-scrolling:touch;touch-action:pan-y}.draw-sheet{display:grid;gap:.9rem}.draw-sheet-header{position:relative;display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding-bottom:.65rem;background:var(--surface-secondary-header-background)}.draw-sheet-header h2{margin:0;color:var(--color-text-primary);font-size:1rem}.draw-sheet-header:after,.search-header:after,.history-header:after,.settings-sheet-header:after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,transparent,var(--surface-secondary-divider),transparent);pointer-events:none}.sheet-close{border:1px solid var(--surface-raised-border-strong);background:var(--surface-secondary-control-background);color:var(--color-text-strong);border-radius:8px;min-height:40px;padding:.5rem .8rem;font-weight:600;box-shadow:var(--surface-raised-shadow-compact)}.draw-options{display:grid;gap:.5rem}.draw-options button{width:100%;min-height:52px;display:flex;align-items:center;justify-content:space-between;border:1px solid var(--surface-raised-border);border-radius:12px;background:var(--surface-secondary-item-background);color:var(--color-text-strong);padding:.75rem .85rem;font-weight:750;text-align:left;box-shadow:var(--surface-raised-inset-highlight)}.settings-sheet-root{position:fixed;inset:0;z-index:90;display:grid;place-items:center;padding:1rem}.settings-sheet-backdrop{position:absolute;inset:0;border:0;background:var(--surface-base-overlay);padding:0;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.settings-sheet{position:relative;width:min(380px,100%);border:1px solid var(--surface-raised-border);border-radius:16px;background:var(--surface-secondary-panel-background);box-shadow:var(--surface-raised-shadow-sheet);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:1rem;isolation:isolate;overflow:hidden}.settings-sheet:before{content:"";position:absolute;inset:.42rem;z-index:0;border-radius:12px;background:var(--surface-secondary-corner-linework);opacity:.76;pointer-events:none}.settings-sheet>*{position:relative;z-index:1}.settings-sheet-header{position:relative;display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding-bottom:.65rem;background:var(--surface-secondary-header-background)}.settings-sheet-header h2{margin:0;color:var(--color-text-primary);font-size:1rem}.settings-sheet-close{border:1px solid var(--surface-raised-border-strong);background:var(--surface-secondary-control-background);color:var(--color-text-strong);border-radius:8px;min-height:40px;padding:.5rem .8rem;font-weight:600;box-shadow:var(--surface-raised-shadow-compact)}.settings-sheet-body{display:grid;gap:.9rem;padding-top:1rem}.settings-sheet .settings-row{display:grid;gap:.75rem;margin:0;padding:0;border:0}.settings-sheet .settings-field{justify-content:space-between;gap:.8rem}.settings-sheet .settings-row select{min-width:140px;background:var(--surface-secondary-input-background);box-shadow:var(--surface-raised-inset-highlight)}.settings-version{margin:.35rem 0 0;color:var(--color-text-muted);font-size:.74rem;letter-spacing:.06em;opacity:.68;text-align:center}.copied-msg{position:fixed;right:1rem;bottom:1rem;z-index:45;border-radius:10px;background:var(--surface-selected-background);color:var(--surface-selected-text);padding:.55rem .8rem;font-size:.88rem;font-weight:700;box-shadow:0 8px 22px var(--shadow-toast)}@media(max-width:720px){html,body,#root{height:100%;overflow:hidden}.mobile-modal-root{position:fixed;inset:0;z-index:80;display:block;pointer-events:none}.mobile-modal-root .mobile-picker-backdrop{position:absolute;inset:0;z-index:1;display:block;pointer-events:auto}.mobile-modal-root .mobile-modal-panel{pointer-events:auto;left:0;right:0;bottom:var(--keyboard-offset, 0px);width:100%;height:min(calc(var(--visual-viewport-height, 100vh) - .75rem),76vh);max-height:min(calc(var(--visual-viewport-height, 100vh) - .75rem),76vh);display:flex;flex-direction:column;min-height:0;overflow:hidden;border-radius:16px 16px 0 0;padding:.85rem .85rem calc(.9rem + env(safe-area-inset-bottom))}.mobile-modal-root .draw-sheet.mobile-modal-panel{height:auto;max-height:min(calc(var(--visual-viewport-height, 100vh) - .75rem),420px)}.mobile-modal-root .mobile-modal-panel .mobile-panel-body{display:flex;flex-direction:column;flex:1 1 auto;min-height:0;height:100%;overflow:hidden}.mobile-modal-root .mobile-modal-panel .mobile-panel-controls{flex:0 0 auto}.mobile-modal-root .mobile-modal-panel .search-header,.mobile-modal-root .mobile-modal-panel .history-header{margin-bottom:.4rem}.mobile-modal-panel.history-section .history-header h2{margin-bottom:0}.mobile-modal-root .mobile-modal-panel .mobile-panel-list{flex:1 1 auto;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;touch-action:pan-y}.mobile-modal-root .mobile-modal-panel .mobile-panel-list .panel-scroll-area{max-height:none;overflow:visible}.app-shell{place-items:start center;height:100svh;min-height:100svh;padding:.68rem .72rem calc(.72rem + env(safe-area-inset-bottom));overflow:hidden}.app-content{display:block;height:100%;min-height:0}.card-panel{width:100%;display:flex;flex-direction:column;height:100%;min-height:0;overflow:hidden}h1{font-size:clamp(1.18rem,6.2vw,1.7rem)}.top-bar{flex:0 0 auto;padding:0 0 .45rem}.app-mark{font-size:.86rem}.app-mark-symbol{width:1.8rem;height:1.8rem;font-size:.66rem}.icon-button{width:2.25rem;height:2.25rem}.reading-surface{flex:1 1 auto;min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:clamp(.34rem,1.15dvh,.58rem);align-content:stretch;padding:0}.reading-surface.spread-reading{grid-template-rows:auto auto minmax(0,1fr) auto}.hero-stage{min-height:0;width:100%;align-self:stretch;display:flex;align-items:center;justify-content:center}.hero-frame{height:min(100%,calc((100vw - 1.44rem) * var(--rws-card-height-ratio)));max-width:calc(100vw - 1.44rem);aspect-ratio:var(--rws-card-aspect-ratio)}.reading-surface.spread-reading .hero-frame{height:min(100%,calc((100vw - 1.44rem)*1.36))}.hero-card,.reading-surface.spread-reading .hero-card{width:100%;height:100%}.card-art-slot{border-radius:12px;box-shadow:var(--surface-hero-shadow-compact)}.card-heading{width:100%}.favorite-button{width:2.45rem;height:2.45rem;border-radius:9px;font-size:1.15rem}.hero-favorite{top:.4rem;right:.4rem}.eyebrow{font-size:.72rem;letter-spacing:.08em}.context-block{margin-bottom:0}.context-caption{font-size:.7rem}.orientation-pill{margin-top:.12rem;font-size:.68rem}.reading-detail{width:100%;align-self:end;gap:clamp(.32rem,1dvh,.52rem)}.orientation-toggle{width:100%;padding:.18rem;gap:.35rem}.orientation-toggle button{flex:1;min-height:36px;padding:.42rem .7rem}.spread-overview{gap:.32rem}.spread-position{padding:.34rem .22rem;border-radius:9px;gap:.18rem}.spread-thumbnail{width:clamp(28px,9.2vw,36px)}.spread-position-label{font-size:.62rem}.spread-card-name{display:none}.meaning-box{min-height:5.25rem;padding:.64rem .72rem;border-radius:10px}.reading-surface.spread-reading .meaning-box{height:5.25rem;max-height:5.25rem}.meaning-box h2{margin-bottom:.18rem;font-size:.82rem}.meaning-box p{font-size:.88rem;line-height:1.3}.primary-draw-row{flex:0 0 auto;margin-top:auto;padding:.48rem 0 0}.draw-trigger{min-height:46px}.search-section{margin:0;border-top:1px solid var(--surface-raised-border)}.mobile-modal-root .search-section input{font-size:16px}.results-grid{grid-template-columns:1fr}.history-section{margin:0;border-top:1px solid var(--surface-raised-border)}.mobile-modal-panel.history-section .history-close{align-self:flex-start}.history-list{padding-bottom:.25rem}.settings-sheet-root{align-items:end;padding:0}.settings-sheet{width:100%;border-radius:16px 16px 0 0;padding:.95rem .95rem calc(1rem + env(safe-area-inset-bottom))}.settings-row-mobile{margin:0;align-self:flex-start;padding:0;border:0;background:transparent;opacity:.88;flex-wrap:wrap}.copied-msg{right:.75rem;bottom:calc(.75rem + env(safe-area-inset-bottom));z-index:70}.history-item{padding:.85rem .75rem}@supports (height: 100dvh){.app-shell{height:100dvh;min-height:100dvh}.mobile-modal-root .mobile-modal-panel{height:min(calc(var(--visual-viewport-height, 100dvh) - .75rem),76dvh);max-height:min(calc(var(--visual-viewport-height, 100dvh) - .75rem),76dvh)}.mobile-modal-root .draw-sheet.mobile-modal-panel{height:auto;max-height:min(calc(var(--visual-viewport-height, 100dvh) - .75rem),420px)}}@media(max-height:700px){.hero-frame{height:min(100%,calc((100vw - 1.44rem)*1.48))}.reading-surface.spread-reading .hero-frame{height:min(100%,calc((100vw - 1.44rem)*1.08))}.reading-surface{gap:.34rem}.meaning-box p{font-size:.84rem;line-height:1.25}.meaning-box,.reading-surface.spread-reading .meaning-box{min-height:4.9rem;height:4.9rem;max-height:4.9rem}}}@media(min-width:721px){.desktop-inline-panel.search-section .panel-scroll-area{flex:1 1 auto;overflow-y:auto;-webkit-overflow-scrolling:touch;touch-action:pan-y;max-height:230px}.desktop-inline-panel.history-section .panel-scroll-area{flex:1 1 auto;overflow-y:auto;-webkit-overflow-scrolling:touch;touch-action:pan-y;max-height:280px}.settings-row-desktop{display:inline-flex;margin:0}.actions-theme-slot{display:flex}.settings-row-mobile{display:none}}