:root{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.5;font-weight:400;color:var(--color-text-primary);background:var(--background-app);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color-scheme:light;--background-app: radial-gradient(circle at 15% 8%, rgba(177, 137, 75, .22), transparent 28%), radial-gradient(circle at 88% 12%, rgba(95, 54, 139, .16), transparent 30%), linear-gradient(145deg, #e9d5a8 0%, #fff3d8 45%, #ecdcb9 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: #fff4dc;--color-surface-soft: #ecdcb9;--color-surface-muted: #f8e9c8;--color-surface-panel: rgba(255, 244, 220, .95);--color-surface-glass: rgba(255, 244, 220, .8);--color-border-primary: rgba(143, 115, 58, .38);--color-border-subtle: rgba(86, 49, 105, .16);--color-border-strong: rgba(143, 115, 58, .58);--color-text-primary: #241333;--color-text-strong: #352044;--color-text-body: #4a3655;--color-text-secondary: #5b4566;--color-text-tertiary: #6f5a75;--color-text-muted: #7b6a7d;--color-text-ink: #170c22;--color-accent-gold: #8f733a;--color-accent-gold-strong: #60451a;--color-accent-gold-soft: #ead5a0;--color-accent-plum: #5a2f78;--color-accent-plum-soft: #f0e4f6;--color-warning-text: #6f470f;--color-warning-border: #b99653;--color-warning-surface: #f0dcae;--color-info-border: rgba(90, 47, 120, .32);--color-info-surface: #f0e4f6;--color-info-text-strong: #4a2466;--color-accent-teal: var(--color-accent-plum);--color-accent-teal-soft: var(--color-accent-plum-soft);--color-accent-blue: #5a2f78;--color-focus-ring: rgba(143, 115, 58, .34);--color-mobile-active: #8a5b12;--color-overlay: rgba(23, 12, 34, .42);--shadow-panel: rgba(75, 48, 23, .13);--shadow-card: rgba(108, 72, 28, .16);--shadow-card-ring: rgba(143, 115, 58, .1);--shadow-toast: rgba(122, 79, 19, .32);--shadow-drawer: rgba(31, 18, 40, .22);--shadow-gold-glow: rgba(143, 115, 58, .14)}:root[data-theme=dark]{color-scheme:dark;--background-app: radial-gradient(circle at 18% 8%, rgba(201, 160, 80, .18), transparent 26%), radial-gradient(circle at 78% 0%, rgba(104, 55, 154, .34), transparent 34%), radial-gradient(circle at 50% 100%, rgba(59, 28, 82, .34), transparent 38%), linear-gradient(145deg, #090512 0%, #160923 48%, #241236 100%);--background-stars: radial-gradient(circle, rgba(255, 244, 220, .32) 0 1px, transparent 1.5px), radial-gradient(circle, rgba(201, 160, 80, .24) 0 1px, transparent 1.5px);--color-surface-primary: #241331;--color-surface-soft: #2f1a40;--color-surface-muted: #1a0e27;--color-surface-panel: rgba(31, 16, 44, .94);--color-surface-glass: rgba(36, 19, 49, .78);--color-border-primary: rgba(201, 160, 80, .36);--color-border-subtle: rgba(255, 244, 220, .13);--color-border-strong: rgba(201, 160, 80, .58);--color-text-primary: #fff4dc;--color-text-strong: #f6e8c9;--color-text-body: #e6d7bf;--color-text-secondary: #ccb996;--color-text-tertiary: #bda98c;--color-text-muted: #b6a789;--color-text-ink: #fff8e8;--color-accent-gold: #b99653;--color-accent-gold-strong: #e5c985;--color-accent-gold-soft: #3b2a18;--color-accent-plum: #b989df;--color-accent-plum-soft: #352044;--color-warning-text: #f0d28a;--color-warning-border: #c9a050;--color-warning-surface: #3b2a18;--color-info-border: rgba(185, 137, 223, .42);--color-info-surface: #251431;--color-info-text-strong: #ead9f8;--color-accent-teal: var(--color-accent-gold);--color-accent-teal-soft: rgba(201, 160, 80, .14);--color-accent-blue: #d9b76d;--color-focus-ring: rgba(240, 210, 138, .38);--color-mobile-active: #f0d28a;--color-overlay: rgba(5, 3, 10, .68);--shadow-panel: rgba(4, 2, 8, .46);--shadow-card: rgba(4, 2, 8, .5);--shadow-card-ring: rgba(201, 160, 80, .08);--shadow-toast: rgba(201, 160, 80, .28);--shadow-drawer: rgba(4, 2, 8, .68);--shadow-gold-glow: rgba(201, 160, 80, .14)}*{box-sizing:border-box}body{margin:0;min-width:320px;color:var(--color-text-primary);background:var(--background-app)}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:center;padding:1.25rem 1rem calc(1.5rem + env(safe-area-inset-bottom));width:100%;box-sizing:border-box;position:relative;isolation:isolate}.app-shell:before,.app-shell:after{content:"";position:fixed;inset:0;z-index:-2;pointer-events:none}.app-shell:before{background:var(--background-stars);background-size:54px 54px,92px 92px;background-position:0 0,18px 28px;opacity:.26}.app-shell:after{z-index:-1;background: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%)}.app-content{width:100%;display:grid;place-items:center;position:relative;z-index:1}body.mobile-overlay-open{overflow:hidden}.card-panel{width:min(920px,100%);background:linear-gradient(180deg,var(--color-surface-glass),var(--color-surface-panel)),var(--color-surface-primary);border:1px solid var(--color-border-primary);border-radius:20px;padding:1rem;box-shadow:0 18px 46px var(--shadow-panel),inset 0 1px color-mix(in srgb,var(--color-accent-gold) 16%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.top-bar{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.25rem .25rem .9rem;border-bottom:1px solid color-mix(in srgb,var(--color-border-primary) 58%,transparent);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(--color-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(--color-surface-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(--color-border-primary);border-radius:999px;background:linear-gradient(180deg,var(--color-surface-primary),var(--color-surface-muted));color:var(--color-text-strong);font-size:1rem;line-height:1;box-shadow:0 5px 13px color-mix(in srgb,var(--shadow-panel) 64%,transparent)}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:radial-gradient(circle at 50% 50%,color-mix(in srgb,var(--color-accent-gold) 9%,transparent),transparent 58%),linear-gradient(135deg,transparent 18%,color-mix(in srgb,var(--color-accent-plum) 6%,transparent),transparent 76%);opacity:.58}.card-art-slot{width:100%;height:100%;aspect-ratio:var(--rws-card-aspect-ratio);position:relative;overflow:hidden;border:1px solid var(--color-border-strong);border-radius:14px;background:linear-gradient(135deg,var(--color-surface-soft),var(--color-surface-muted)),var(--color-surface-muted);box-shadow:0 10px 24px var(--shadow-card),0 0 0 2px var(--shadow-card-ring)}.card-art-slot:after{content:"";position:absolute;inset:.34rem;z-index:2;border:1px solid color-mix(in srgb,var(--color-accent-gold) 34%,transparent);border-radius:10px;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(--color-border-strong);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(--color-border-primary);background:linear-gradient(180deg,var(--color-surface-primary),var(--color-surface-muted));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:color-mix(in srgb,var(--color-surface-primary) 86%,transparent);box-shadow:0 7px 16px var(--shadow-card);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.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(--color-border-primary);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(--color-border-primary);border-radius:8px;background:var(--color-surface-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(--color-border-strong);border-radius:8px;padding:.55rem .85rem;background:var(--color-surface-primary);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;display:grid;justify-items:center;gap:.25rem;text-align:center;border:1px solid var(--color-border-primary);border-radius:12px;background:linear-gradient(180deg,var(--color-surface-primary),var(--color-surface-muted));color:var(--color-text-strong);padding:.5rem .35rem}.spread-position.active{border-color:var(--color-accent-gold);background:radial-gradient(circle at 50% 0%,color-mix(in srgb,var(--color-accent-gold) 12%,transparent),transparent 62%),var(--color-accent-teal-soft);box-shadow:0 0 0 2px var(--color-focus-ring)}.spread-thumbnail{width:min(48px,13vw);aspect-ratio:var(--rws-card-aspect-ratio);position:relative;overflow:hidden;border:1px solid var(--color-border-strong);border-radius:7px;background:var(--color-surface-muted);box-shadow:0 4px 9px color-mix(in srgb,var(--shadow-card) 70%,transparent)}.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(--color-border-subtle);background:color-mix(in srgb,var(--color-surface-soft) 86%,transparent)}.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:linear-gradient(135deg,var(--color-accent-gold-strong),var(--color-accent-gold));color:var(--color-surface-primary);box-shadow:0 4px 10px color-mix(in srgb,var(--shadow-gold-glow) 70%,transparent)}.meaning-box{width:min(620px,100%);min-height:6.1rem;border:1px solid var(--color-border-primary);border-radius:12px;padding:.82rem .9rem;background:linear-gradient(180deg,var(--color-surface-muted),var(--color-surface-primary));overflow-y:auto;box-shadow:inset 0 1px color-mix(in srgb,var(--color-accent-gold) 12%,transparent)}.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 color-mix(in srgb,var(--color-accent-gold-strong) 62%,transparent);border-radius:999px;background:linear-gradient(135deg,var(--color-accent-gold-strong),var(--color-accent-gold) 58%,var(--color-accent-gold-strong));color:var(--color-surface-primary);min-height:52px;padding:.75rem 1.2rem;font-size:1rem;font-weight:800;box-shadow:0 8px 20px var(--shadow-gold-glow),inset 0 1px color-mix(in srgb,#ffffff 18%,transparent)}.search-section{margin-top:1.25rem;border-top:1px solid var(--color-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{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.search-close{border:1px solid var(--color-border-strong);background:var(--color-surface-muted);color:var(--color-text-strong);border-radius:8px;min-height:40px;padding:.5rem .8rem;font-weight:600}.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(--color-border-strong);border-radius:10px;background:var(--color-surface-muted);color:var(--color-text-strong);padding:.75rem .8rem;font-size:.95rem;min-height:44px;box-sizing:border-box}.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;color:var(--color-text-muted);font-size:.9rem}.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(--color-border-primary);background:linear-gradient(180deg,var(--color-surface-primary),var(--color-surface-muted));color:var(--color-text-strong);border-radius:8px;padding:.75rem .7rem;min-height:48px}.result-card.active{border-color:var(--color-accent-gold);background:linear-gradient(180deg,var(--color-accent-teal-soft),var(--color-surface-muted))}.star-tag{color:var(--color-warning-text)}.history-section{margin-top:1.25rem;border-top:1px solid var(--color-border-subtle);padding-top:1rem}.history-section h2{margin:0 0 .7rem;font-size:1rem}.history-header{display:flex;justify-content:space-between;align-items:center;gap:.75rem}.history-close{border:1px solid var(--color-border-strong);background:var(--color-surface-muted);color:var(--color-text-strong);border-radius:8px;min-height:40px;padding:.5rem .8rem;font-weight:600}.history-empty{margin:0;color:var(--color-text-muted)}.history-list{list-style:none;margin:0;padding:0;display:grid;gap:.45rem}.history-item{width:100%;text-align:left;border:1px solid var(--color-border-primary);border-radius:8px;background:linear-gradient(180deg,var(--color-surface-primary),var(--color-surface-muted));padding:.75rem;min-height:54px}.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(--color-overlay);padding:0}.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(--color-border-primary);border-radius:16px;background:linear-gradient(180deg,var(--color-surface-glass),var(--color-surface-panel)),var(--color-surface-primary);box-shadow:0 22px 54px var(--shadow-drawer),inset 0 1px color-mix(in srgb,var(--color-accent-gold) 18%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:1rem}.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{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.draw-sheet-header h2{margin:0;color:var(--color-text-primary);font-size:1rem}.sheet-close{border:1px solid var(--color-border-strong);background:var(--color-surface-muted);color:var(--color-text-strong);border-radius:8px;min-height:40px;padding:.5rem .8rem;font-weight:600}.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(--color-border-primary);border-radius:12px;background:linear-gradient(180deg,var(--color-surface-primary),var(--color-surface-muted));color:var(--color-text-strong);padding:.75rem .85rem;font-weight:750;text-align:left;box-shadow:inset 0 1px color-mix(in srgb,var(--color-accent-gold) 12%,transparent)}.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(--color-overlay);padding:0}.settings-sheet{position:relative;width:min(380px,100%);border:1px solid var(--color-border-primary);border-radius:16px;background:linear-gradient(180deg,var(--color-surface-glass),var(--color-surface-panel)),var(--color-surface-primary);box-shadow:0 22px 54px var(--shadow-drawer),inset 0 1px color-mix(in srgb,var(--color-accent-gold) 18%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:1rem}.settings-sheet-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.settings-sheet-header h2{margin:0;color:var(--color-text-primary);font-size:1rem}.settings-sheet-close{border:1px solid var(--color-border-strong);background:var(--color-surface-muted);color:var(--color-text-strong);border-radius:8px;min-height:40px;padding:.5rem .8rem;font-weight:600}.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}.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:linear-gradient(135deg,var(--color-accent-gold-strong),var(--color-accent-gold));color:var(--color-surface-primary);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:0;overflow:hidden}.app-content{display:block;height:100%;min-height:0}.card-panel{width:100%;display:flex;flex-direction:column;height:100svh;min-height:0;padding:.68rem .72rem;padding-bottom:calc(.72rem + env(safe-area-inset-bottom));border-left:0;border-right:0;border-radius: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:0 8px 18px var(--shadow-card),0 0 0 2px var(--shadow-card-ring)}.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(--color-border-primary)}.mobile-modal-root .search-section input{font-size:16px}.results-grid{grid-template-columns:1fr}.history-section{margin:0;border-top:1px solid var(--color-border-primary)}.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,.card-panel{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}}