: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 20% 10%, #edf2ff, #f8fafc 40%, #eef2ff 100%);--color-surface-primary: #ffffff;--color-surface-soft: #f4f6fb;--color-surface-muted: #fafbfd;--color-border-primary: #d7dce5;--color-border-subtle: #e5e7eb;--color-border-strong: #cfd6e3;--color-text-primary: #111827;--color-text-strong: #1f2937;--color-text-body: #374151;--color-text-secondary: #475569;--color-text-tertiary: #4b5563;--color-text-muted: #6b7280;--color-text-ink: #0f172a;--color-warning-text: #b45309;--color-warning-border: #f59e0b;--color-warning-surface: #fffbeb;--color-info-border: #bfdbfe;--color-info-surface: #eff6ff;--color-info-text-strong: #1e3a8a;--color-accent-teal: #0f766e;--color-accent-teal-soft: #ecfeff;--color-accent-blue: #1d4ed8;--color-focus-ring: #99f6e4;--color-mobile-active: #92400e;--color-overlay: rgba(15, 23, 42, .35);--shadow-panel: rgba(17, 24, 39, .08);--shadow-toast: rgba(15, 118, 110, .3);--shadow-drawer: rgba(17, 24, 39, .14)}:root[data-theme=dark]{color-scheme:dark;--background-app: radial-gradient(circle at 20% 10%, #1d2336, #111827 48%, #0f172a 100%);--color-surface-primary: #111827;--color-surface-soft: #1f2937;--color-surface-muted: #182333;--color-border-primary: #334155;--color-border-subtle: #273449;--color-border-strong: #3f4f67;--color-text-primary: #f8fafc;--color-text-strong: #e2e8f0;--color-text-body: #cbd5e1;--color-text-secondary: #94a3b8;--color-text-tertiary: #9ca3af;--color-text-muted: #94a3b8;--color-text-ink: #f8fafc;--color-warning-text: #fbbf24;--color-warning-border: #d97706;--color-warning-surface: #3c2a12;--color-info-border: #2563eb;--color-info-surface: #14243f;--color-info-text-strong: #bfdbfe;--color-accent-teal: #0d9488;--color-accent-teal-soft: #163439;--color-accent-blue: #3b82f6;--color-focus-ring: #2dd4bf;--color-mobile-active: #b45309;--color-overlay: rgba(2, 6, 23, .6);--shadow-panel: rgba(2, 6, 23, .4);--shadow-toast: rgba(13, 148, 136, .35);--shadow-drawer: rgba(2, 6, 23, .55)}*{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{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}.app-content{width:100%;display:grid;place-items:center}body.mobile-overlay-open{overflow:hidden}.card-panel{width:min(920px,100%);background:var(--color-surface-primary);border:1px solid var(--color-border-primary);border-radius:20px;padding:1rem;box-shadow:0 12px 28px var(--shadow-panel)}.top-bar{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.25rem .25rem .9rem}.app-mark{display:inline-flex;align-items:center;gap:.55rem;min-width:0;color:var(--color-text-strong);font-size:.92rem;font-weight:750}.app-mark-symbol{width:2rem;height:2rem;display:grid;place-items:center;border:1px solid var(--color-border-primary);border-radius:999px;background:var(--color-surface-muted);color:var(--color-accent-teal);font-size:.72rem;letter-spacing:0}.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-subtle);border-radius:999px;background:var(--color-surface-primary);color:var(--color-text-secondary);font-size:1rem;line-height:1}.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-text-secondary);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)}.hero-card{width:clamp(150px,32dvh,270px);display:grid;place-items:center}.hero-stage{display:grid;place-items:center}.hero-frame{position:relative;display:grid;place-items:center}.card-art-slot{width:100%;height:100%;aspect-ratio:2 / 3;position:relative;overflow:hidden;border:1px solid var(--color-border-primary);border-radius:14px;background:linear-gradient(135deg,var(--color-surface-soft),var(--color-surface-muted)),var(--color-surface-muted);box-shadow:0 16px 34px var(--shadow-panel)}.hero-card.reversed .card-art-slot{transform:rotate(180deg)}.card-back-pattern{position:absolute;inset:.7rem;border:1px solid var(--color-border-strong);border-radius:10px;background: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-teal);border-radius:999px;opacity:.5}.card-back-pattern:after{inset:35%;border-color:var(--color-mobile-active);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:var(--color-surface-primary);color:var(--color-text-secondary);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:var(--color-warning-surface)}.hero-favorite{position:absolute;top:.55rem;right:.55rem;z-index:1;background:color-mix(in srgb,var(--color-surface-primary) 88%,transparent);box-shadow:0 8px 20px var(--shadow-panel)}.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-subtle);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-primary);color:var(--color-text-secondary);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-teal)}.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:var(--color-info-surface);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-accent-blue);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:var(--color-surface-primary);color:var(--color-text-strong);padding:.5rem .35rem}.spread-position.active{border-color:var(--color-accent-teal);background:var(--color-accent-teal-soft);box-shadow:0 0 0 2px var(--color-focus-ring)}.spread-thumbnail{width:min(54px,15vw);aspect-ratio:2 / 3;position:relative;overflow:hidden;border:1px solid var(--color-border-strong);border-radius:7px;background:var(--color-surface-muted)}.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;background:var(--color-surface-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(--color-text-strong);color:var(--color-surface-primary)}.meaning-box{width:min(620px,100%);min-height:6.1rem;border:1px solid var(--color-border-primary);border-radius:12px;padding:.82rem .9rem;background:var(--color-surface-muted);overflow-y:auto}.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:0;border-radius:999px;background:var(--color-text-strong);color:var(--color-surface-primary);min-height:52px;padding:.75rem 1.2rem;font-size:1rem;font-weight:800}.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-primary);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-primary);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-teal)}.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-teal)}.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:var(--color-surface-primary);color:var(--color-text-strong);border-radius:8px;padding:.75rem .7rem;min-height:48px}.result-card.active{border-color:var(--color-accent-teal);background:var(--color-accent-teal-soft)}.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-primary);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:var(--color-surface-primary);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:var(--color-surface-primary);box-shadow:0 18px 38px var(--shadow-drawer);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-primary);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:var(--color-surface-muted);color:var(--color-text-strong);padding:.75rem .85rem;font-weight:750;text-align:left}.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:var(--color-surface-primary);box-shadow:0 18px 38px var(--shadow-drawer);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-primary);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:var(--color-accent-teal);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)*1.5));max-width:calc(100vw - 1.44rem);aspect-ratio:2 / 3}.reading-surface.spread-reading .hero-frame{height:min(100%,calc((100vw - 1.44rem)*1.22))}.hero-card,.reading-surface.spread-reading .hero-card{width:100%;height:100%}.card-art-slot{border-radius:12px;box-shadow:0 10px 24px var(--shadow-panel)}.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(30px,10.5vw,42px)}.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.38))}.reading-surface.spread-reading .hero-frame{height:min(100%,calc((100vw - 1.44rem)*1.05))}.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}}