@import "https://fonts.googleapis.com/css2?family=Noto+Sans+Thai:wght@400;500;600;700&family=DM+Sans:wght@400;500;600;700&family=Fraunces:ital,wght@0,500;0,600;1,500&display=swap";button:disabled{opacity:.65}.playing-card:disabled{opacity:1}.playing-card{outline-offset:5px;will-change:transform;touch-action:manipulation;background:0 0;border:0;padding:0}.card-inner{transform-style:preserve-3d;transition:translate .22s,filter .22s;position:absolute;inset:0}.card-front{backface-visibility:hidden;background:#372342;border:2px solid #e4c88e;border-radius:9px;position:absolute;inset:0;overflow:hidden;transform:rotateY(180deg);box-shadow:0 5px 25px #08030f60}.front-art{position:absolute;inset:0}.front-caption{text-align:center;color:#f8eac9;background:linear-gradient(#0000,#201525e8);padding:18px 3px 7px;line-height:1.4;position:absolute;bottom:0;left:0;right:0}.front-caption span{letter-spacing:.1px;font-size:9px;display:block}.front-caption strong{margin-top:3px;font-size:9px;font-weight:400;display:block}.phase-choosing .playing-card:not(:disabled):hover,.phase-choosing .playing-card:not(:disabled):focus-visible{z-index:39!important}.phase-choosing .playing-card:not(:disabled):hover .card-inner,.phase-choosing .playing-card:not(:disabled):focus-visible .card-inner{filter:brightness(1.15)drop-shadow(0 0 12px #edd099);translate:0 -20px}.selected-card .card-inner{translate:0!important}.playing-card:focus-visible{outline:3px solid #f6dba0}.daily-note{color:#a08c9e;margin-top:13px;font-size:11px;line-height:1.8;display:block}.pick-progress{color:#d7bad6;justify-content:center;align-items:center;gap:8px;height:47px;font-size:12px;display:inline-flex}.selection-dot{border:1px solid #aa8eae;border-radius:50%;width:10px;height:10px;display:inline-block}.selection-dot.filled{background:#ebcf9b;border-color:#ebcf9b}.pick-progress>span:last-child{margin-left:5px}.loading-stars{letter-spacing:8px;font-size:19px;animation:2s infinite twinkle}.secondary-table-button{color:#e5ccab;background:#f6d3a00c;border:1px solid #d8b89570;border-radius:30px;align-items:center;gap:8px;padding:12px 24px;font-size:13px;display:inline-flex}.secondary-table-button:hover{background:#f6d3a016}.reading-result{border-top:1px solid var(--line);margin-top:47px;padding-top:30px;scroll-margin-top:25px}.result-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px;display:flex}.result-heading h2{margin:0;font-size:26px;font-weight:500}.result-heading p{color:#8d7c92;margin:8px 0 0;font-size:13px}.result-actions{flex-wrap:wrap;gap:8px;display:flex}.result-actions button{color:#725282;background:#fffdfb;border:1px solid #dcd0e2;border-radius:30px;align-items:center;gap:7px;padding:11px 15px;font-size:12px;display:flex}.result-grid{grid-template-columns:repeat(3,1fr);gap:19px;display:grid}.result-card{background:#fffdfb;border:1px solid #e7dfea;border-radius:15px;overflow:hidden}.result-art{aspect-ratio:2/3;border-radius:8px;max-width:160px;margin:23px auto 0;box-shadow:0 7px 18px #24132d20}.result-copy{padding:23px}.result-position{color:#a1879d;margin-bottom:13px;font-size:12px;display:block}.english-name{color:#61427b;font-family:Fraunces,serif;font-size:21px;display:block}.result-copy h3{margin:6px 0 11px;font-size:19px;font-weight:500}.keywords{color:#ad8b62;margin-bottom:16px;font-size:12px}.result-copy p{color:#7b6c80;margin:0 0 20px;font-size:16px;line-height:1.9}.action-note{color:#826390;background:#f2ecf5;border-radius:9px;align-items:flex-start;gap:8px;padding:13px;font-size:14px;line-height:1.8;display:flex}.action-note svg{flex-shrink:0;margin-top:4px}.result-grid.single{display:block}.single .result-card{grid-template-columns:230px 1fr;align-items:center;gap:36px;padding:23px 30px;display:grid}.single .result-art{width:100%;max-width:230px;margin:0}.single .result-copy{padding:0}.single .english-name{font-size:32px}.single .result-copy h3{font-size:24px}.context-note{color:#b17c96;background:#f4edf0;border-radius:11px;align-items:flex-start;gap:11px;margin-top:22px;padding:19px 20px;display:flex}.context-note svg{flex-shrink:0;margin-top:4px}.context-note p{color:#937d8b;margin:0;font-size:14px;line-height:1.9}.page-subtitle{color:#928198;margin:7px 0 28px;font-size:14px;line-height:1.9}.library-tools{gap:14px;margin-bottom:28px;display:flex}.search-input{border:1px solid var(--line);color:#ab94b0;background:#fffdfb;border-radius:10px;flex:1;align-items:center;gap:9px;padding:12px 15px;display:flex}.search-input input{color:#574060;background:0 0;border:0;outline:none;width:100%;font-size:14px}.search-input:focus-within{outline:2px solid #bc8ece}.library-tools select{width:190px}.library-grid{grid-template-columns:repeat(6,1fr);gap:26px 20px;display:grid}.library-card{transition:translate .2s;display:block}.library-card:hover{translate:0 -5px}.library-art{aspect-ratio:2/3;border-radius:9px;width:100%;margin-bottom:13px;box-shadow:0 4px 12px #281b3220}.library-card>span{color:#8c729a;font-family:Fraunces,serif;font-size:15px}.library-card h2{margin:5px 0;font-size:14px;font-weight:500}.library-card small{color:#ac8c65;font-size:11px}.empty-state{text-align:center;color:#ab93b1;padding:70px 25px}.empty-state>svg{margin-bottom:18px}.empty-state h2{color:#70587c;font-size:22px;font-weight:500}.empty-state p{color:#94809e;font-size:14px;line-height:1.8}.plain-button{color:#6a4780;background:#eee4f4;border:1px solid #b69cc6;border-radius:30px;align-items:center;gap:8px;margin-top:15px;padding:12px 23px;font-size:14px;display:inline-flex}.history-list{gap:18px;display:grid}.history-entry{border:1px solid var(--line);background:#fffdfb;border-radius:13px;grid-template-columns:200px 1fr;gap:30px;padding:25px;display:grid}.history-art-group{justify-content:center;align-items:start;gap:5px;display:flex}.history-art-group>div{aspect-ratio:2/3;background-size:700% 400%;border-radius:6px;width:95px}.history-art-group>div:not(:only-child){width:60px}.history-date{color:#a18aab;font-size:12px}.history-entry h2{margin:10px 0 16px;font-size:20px;font-weight:500}.history-entry details{border-top:1px solid var(--line);padding:13px 0}.history-entry summary{cursor:pointer;color:#765187;font-size:14px}.history-entry summary span{color:#a28ba9;margin-left:5px;font-size:12px}.history-entry details p{color:#8b7696;font-size:16px;line-height:1.9}.history-entry details small{color:#a48460;font-size:14px;line-height:1.8}.toast{color:#f5e1c4;z-index:100;background:#382445;border:1px solid #d4b689;border-radius:12px;align-items:center;gap:10px;width:max-content;max-width:calc(100% - 30px);padding:15px 20px;font-size:14px;display:flex;position:fixed;bottom:23px;left:50%;transform:translate(-50%);box-shadow:0 5px 25px #16091d40}.toast button{color:#c3a6ce;background:0 0;border:0;margin-left:8px;display:flex}.card-detail{grid-template-columns:300px 1fr;align-items:start;gap:65px;padding-top:30px;display:grid}.detail-art{aspect-ratio:2/3;border-radius:15px;box-shadow:0 10px 25px #3c254f25}.detail-copy{padding-top:16px}.detail-copy h1{margin-bottom:18px;font-size:29px}.detail-copy .english-name{font-size:37px}.detail-copy>p{color:#806c8c;font-size:17px;line-height:2}.detail-copy .keywords{font-size:14px}.detail-footer{color:#97829f;margin:35px 0 20px;font-size:14px;line-height:1.9}.back-link{color:#805f96;align-items:center;gap:8px;margin:0 0 22px;font-size:14px;display:inline-flex}.detail-links{justify-content:space-between;gap:15px;margin-top:40px;display:flex}.detail-links a{color:#8c6b9d;font-size:13px}.library,.history-page{min-height:500px}@media (width<=850px){.library-grid{grid-template-columns:repeat(4,1fr)}.result-grid{gap:12px}.result-copy{padding:16px}.single .result-card{grid-template-columns:190px 1fr;gap:25px;padding:25px}.single .result-copy h3{font-size:21px}.single .english-name{font-size:27px}.result-heading{flex-direction:column;align-items:start}.card-detail{grid-template-columns:240px 1fr;gap:32px}}@media (width<=620px){.daily-note{color:#a08d9f;grid-column:1/-1;margin:0;font-size:10px;line-height:1.6}.library-grid{grid-template-columns:repeat(3,1fr);gap:22px 12px}.library-tools{gap:9px}.library-tools select{width:120px;font-size:12px}.search-input{padding:9px 10px}.search-input input{font-size:12px}.library-card>span{font-size:13px}.library-card h2{font-size:12px;line-height:1.6}.library-card small{font-size:10px}.result-grid{grid-template-columns:1fr}.result-card{grid-template-columns:95px 1fr;align-items:start;gap:16px;padding:20px 15px;display:grid}.result-art{width:95px;margin:0}.result-copy{padding:0}.result-copy h3{font-size:16px}.english-name{font-size:19px}.result-position{margin-bottom:9px;font-size:11px}.result-copy p{font-size:15px;line-height:1.9}.keywords{margin-bottom:13px;font-size:11px}.action-note{padding:11px;font-size:12px}.single .result-card{padding:23px;display:block}.single .result-art{max-width:170px;margin:0 auto 25px}.single .english-name{font-size:28px}.single .result-copy h3{font-size:23px}.result-heading h2{font-size:24px}.result-heading p{font-size:12px}.context-note p{font-size:13px}.history-entry{grid-template-columns:1fr;gap:17px;padding:20px}.history-art-group{justify-content:start}.history-date{font-size:11px}.history-entry details p{font-size:15px}.history-entry summary span{margin:5px 0 0;display:block}.toast{padding:12px 14px;font-size:12px}.card-detail{grid-template-columns:1fr;gap:24px;padding-top:5px}.detail-art{width:210px;margin:auto}.detail-copy{padding:0}.detail-copy h1{font-size:26px}.detail-copy>p{font-size:16px}.detail-links a{font-size:12px}.page-subtitle{font-size:13px}.reading-result{margin-top:30px}.result-actions button{font-size:12px}}:root{color:#30273a;font-synthesis:none;--purple:#61427b;--gold:#ecd3a0;--muted:#8e8495;--line:#e9e3e9;background:#faf8f4;font-family:DM Sans,Noto Sans Thai,sans-serif}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}button:disabled{cursor:default}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible{outline-offset:5px;outline:3px solid #bd83cd}a{color:inherit;text-decoration:none}.site-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;max-width:1400px;height:91px;margin:auto;padding:0 6%;display:flex}.brand{color:#372446;align-items:center;gap:10px;display:flex}.brand>span{letter-spacing:-1.5px;font-family:Fraunces,serif;font-size:32px;font-weight:600}.brand-star{color:#ae8958;margin-left:4px;font-size:19px}.site-header nav{gap:27px;display:flex}.site-header nav button{color:#8b8291;background:0 0;border:0;align-items:center;gap:8px;padding:12px 0;font-size:14px;display:flex}.free-tag{color:#7b5d86;border:1px solid #ded1e2;border-radius:30px;padding:8px 13px;font-size:12px}main{max-width:1240px;margin:auto;padding:42px 38px 25px}.intro{justify-content:space-between;align-items:center;margin-bottom:31px;display:flex}.eyebrow{letter-spacing:2.1px;color:#9c7793;align-items:center;gap:8px;margin-bottom:13px;font-size:11px;display:flex}.eyebrow span{background:#ba8aab;border-radius:50%;width:5px;height:5px}h1{letter-spacing:-1.2px;margin:0 0 9px;font-size:clamp(26px,2.6vw,36px);font-weight:500;line-height:1.5}h1>span{color:#9c74ac;font-family:Fraunces,serif;font-size:42px}.intro p{color:#8b8290;margin:0;font-size:14px}.intro-note{color:#ac88a9;align-items:center;gap:13px;font-size:12px;line-height:1.9;display:flex}.intro-note strong{color:#8e8393;font-weight:400}.reading-layout{grid-template-columns:270px 1fr;align-items:start;gap:30px;display:grid}.reading-options{padding-top:18px}.section-kicker{color:#8a7b92;margin-bottom:16px;font-size:12px;display:block}.mode-option{text-align:left;border:1px solid var(--line);background:#fffdfb;border-radius:12px;align-items:center;gap:13px;width:100%;margin-bottom:12px;padding:17px 14px;transition:background .2s,border-color .2s;display:flex}.mode-option.active{background:#f0eaf4;border-color:#bca7cb}.mode-option>svg{color:#886b9d;flex-shrink:0;width:23px}.mode-option strong{font-size:15px;font-weight:500;display:block}.mode-option small{color:#908298;margin-top:5px;font-size:11px;display:block}.radio-mark{border:1px solid #d5cbdc;border-radius:50%;flex-shrink:0;width:14px;height:14px;margin-left:auto}.active .radio-mark{background:#fff;border:4px solid #8e6fa4}.field-label{color:#75697f;margin:28px 0 10px;font-size:13px;display:block}select{border:1px solid var(--line);color:#68586f;background:#fffdfb;border-radius:9px;width:100%;padding:12px;font-size:14px}.soft-note{color:#b58ba1;align-items:flex-start;gap:9px;margin-top:23px;padding:16px 0;display:flex}.soft-note svg{flex-shrink:0;margin-top:5px}.soft-note p{color:#9c8d98;margin:0;font-size:12px;line-height:1.9}.tiny-note{border-top:1px solid var(--line);color:#a293a0;padding-top:18px;font-size:11px;display:block}.tarot-table{color:#f8ead2;isolation:isolate;background:radial-gradient(at 50% 45%,#50335f 0,#2a1b3a 47%,#1b1428 100%);border-radius:20px;min-height:498px;position:relative;overflow:hidden;box-shadow:0 12px 30px #321c4618}.tarot-table:before{content:"";pointer-events:none;z-index:1;border:1px solid #e3bd7528;border-radius:13px;position:absolute;inset:12px}.table-top{z-index:5;justify-content:space-between;align-items:center;padding:27px 31px;display:flex;position:relative}.steps{color:#a996b1;letter-spacing:.5px;align-items:center;gap:14px;font-size:11px;display:flex}.steps i{background:#ab90b546;width:22px;height:1px}.sound-button{color:#c5b1ce;background:#b7a2c10c;border:1px solid #c5aac432;border-radius:50%;place-items:center;width:33px;height:33px;display:grid}.table-caption{text-align:center;z-index:2;padding-top:6px;position:relative}.table-caption>span{letter-spacing:1px;color:#bb9cb9;font-size:11px}.deck-stage{perspective:1200px;z-index:3;max-width:100%;height:237px;margin:0 auto;position:relative}.playing-card{width:126px;height:188px;transform-style:preserve-3d;border-radius:9px;position:absolute;top:27px;left:calc(50% - 63px)}.card-back{backface-visibility:hidden;background:#312442;border:2px solid #dbc18a;border-radius:9px;flex-direction:column;justify-content:space-between;align-items:center;padding:9px;display:flex;position:absolute;inset:0;overflow:hidden;box-shadow:0 4px 12px #0902106b}.card-back:after{content:"";pointer-events:none;border:1px solid #d8ba7d66;border-radius:4px;position:absolute;inset:5px}.back-art{opacity:.83;background-image:url(/art/major-arcana-atlas.webp);background-position:16.6667% 100%;background-size:700% 400%;border-radius:50% 50% 42% 42%;width:89px;height:115px;box-shadow:0 0 19px #e4b87521}.card-back-top,.card-back-bottom{color:#e8c786;font-size:14px;line-height:1}.back-title{letter-spacing:2px;color:#dfc48d;font-size:8px}.table-action{text-align:center;z-index:4;position:relative}.primary-button{color:#38273c;background:#f0d6aa;border:1px solid #f7deb6;border-radius:40px;align-items:center;gap:9px;padding:13px 27px;font-size:14px;font-weight:600;transition:transform .2s,background .2s;display:inline-flex;box-shadow:0 4px 18px #ebc89418}.primary-button:hover{background:#ffe6bd;transform:translateY(-2px)}.table-action>p{color:#9d88a8;margin-top:14px;font-size:10px}.table-bottom{z-index:2;color:#877595;letter-spacing:1.8px;align-items:center;gap:9px;margin-top:20px;padding:0 32px 22px;font-size:8px;display:flex;position:relative}.table-bottom>span:last-child{color:#ceb178;margin-left:auto;font-size:18px}.table-orbit{pointer-events:none;z-index:-1;border:1px solid #cfaf8c15;border-radius:50%;width:440px;height:440px;position:absolute;top:54px;left:calc(50% - 220px)}.orbit-two{width:340px;height:340px;top:102px;left:calc(50% - 170px)}.star{color:#d6b28488;pointer-events:none;animation:4s infinite twinkle;position:absolute}.star-a{font-size:31px;top:32%;left:15%}.star-b{font-size:18px;animation-delay:-2s;top:50%;right:17%}.star-c{font-size:19px;animation-delay:-1s;bottom:20%;left:28%}footer{border-top:1px solid var(--line);color:#9b8b9c;justify-content:space-between;gap:16px;max-width:1240px;margin:0 auto;padding:21px 38px 26px;font-size:11px;display:flex}footer>span{font-family:Fraunces,Noto Sans Thai,serif}footer>span>span{color:#b68a68;margin:0 7px}footer small{font-size:10px}.mobile-break{display:none}@keyframes twinkle{0%,to{opacity:.3;transform:scale(.85)}50%{opacity:.85;transform:scale(1.1)}}@media (width>=1500px){main{padding-top:60px}.tarot-table{min-height:550px}.deck-stage{height:276px}.playing-card{top:42px}}@media (width<=850px){.site-header{height:78px;padding:0 24px}.site-header nav{gap:17px}.free-tag{display:none}main{padding:28px 24px}.intro-note{display:none}.reading-layout{grid-template-columns:220px 1fr;gap:20px}.steps{gap:7px;font-size:10px}.steps i{width:12px}.table-top{padding:25px 23px}.mode-option{gap:8px;padding:15px 10px}.mode-option small{font-size:10px}.tarot-table{min-height:485px}.table-caption h2{font-size:16px}.table-action>p{font-size:9px}footer{padding:20px 24px}}@media (width<=620px){.site-header{height:70px;padding:0 20px}.brand>span{font-size:27px}.brand>svg{width:25px}.site-header nav{gap:16px}.site-header nav button{gap:0;font-size:0}.site-header nav button svg{width:20px;height:20px}main{padding:25px 16px 20px}.intro{margin-bottom:20px}.eyebrow{letter-spacing:1.5px;font-size:9px}h1{letter-spacing:-.8px;font-size:27px}h1>span{font-size:32px}.intro p{font-size:12px}.reading-layout{flex-direction:column;gap:16px;display:flex}.reading-options{grid-template-columns:1fr 1fr;gap:8px;width:100%;padding-top:0;display:grid}.section-kicker{grid-column:1/-1;margin-bottom:2px;font-size:11px}.mode-option{border-radius:10px;gap:8px;margin:0;padding:12px 9px}.mode-option strong{font-size:13px}.mode-option small{font-size:9px}.mode-option>svg{width:19px}.radio-mark{width:12px;height:12px}.field-label{grid-column:1/-1;margin:7px 0 0;font-size:12px}select{grid-column:1/-1;padding:10px;font-size:13px}.soft-note,.tiny-note{display:none}.tarot-table{border-radius:16px;width:100%;min-height:480px}.table-caption{padding:12px 14px 0}.table-caption h2{font-size:16px}.table-top{padding:22px 24px 8px}.steps{gap:10px;font-size:10px}.deck-stage{height:253px}.playing-card{top:38px}.table-bottom{padding:0 25px 20px;font-size:7px}.table-action>p{font-size:9px}.star-a{left:9%}.star-b{right:10%}footer{text-align:center;flex-direction:column;align-items:center;gap:9px;padding:18px 22px}footer small{font-size:9px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.intro p{font-size:16px;line-height:1.8}.table-action>p{font-size:12px;line-height:1.8}.steps,.mode-option small{font-size:12px}.field-label{font-size:14px}.tiny-note,.daily-note,footer small{font-size:12px}.free-tag,.section-kicker{font-size:13px}@media (width<=620px){.intro p{font-size:14px}.steps{gap:6px;font-size:11px}.steps i{width:8px}.table-action>p{font-size:11px}.mode-option small{font-size:11px;line-height:1.6}.mode-option strong{font-size:14px}.field-label{font-size:13px}.daily-note{font-size:12px}.site-header nav button{min-width:40px;min-height:44px}.site-header nav{gap:3px}footer small{font-size:12px;line-height:1.8}}:root{color:#f5eaf8;--purple:#b798df;--gold:#ecd3a0;--muted:#c0a9d1;--line:#c4a2e12a;background:#1d112b}body{color:#f5eaf8;background:radial-gradient(at 12% 0,#633b864d,#0000 50%),radial-gradient(at 95% 65%,#663e7140,#0000 55%),#1d112b;min-height:100svh}.site-header{border-color:var(--line);background:#1b102b70;max-width:none;height:76px;padding:0 clamp(20px,3vw,60px)}.brand{color:#f4e9f9}.brand-star{color:#edce93}.site-header nav button{color:#bca5cf;min-height:44px;font-size:14px}.site-header nav .nav-active{color:#f3d4a0}.free-tag{color:#e4c2ef;border-color:#c6a4de42}main{max-width:1560px;padding:30px clamp(16px,3vw,48px)}.reading-page{max-width:1720px;padding:22px clamp(12px,2.5vw,44px) 28px}.intro{align-items:center;margin-bottom:20px}.intro h1{color:#fbf3fe;margin-bottom:4px;font-size:clamp(24px,2.3vw,34px)}.intro h1>span{color:#d3a9f2;font-size:38px}.intro p{color:#c0a8ce;font-size:14px}.eyebrow{color:#caa4de;letter-spacing:1.8px;margin-bottom:7px;font-size:12px}.eyebrow span{background:#d0aae8}.intro-note{color:#e5bfef;font-size:13px}.intro-note strong{color:#c4a8d3}.reading-layout{display:block}.reading-controls{align-items:center;gap:22px;margin-bottom:16px;display:flex}.mode-switch{gap:10px;display:flex}.mode-option{color:#dac7e8;background:#6f469221;border-color:#c4a2e12e;width:auto;min-width:180px;margin:0;padding:12px 18px}.mode-option.active{color:#ffeffc;background:#9861ba35;border-color:#d2acd58c}.mode-option strong{font-size:15px}.mode-option small{color:#c2a8d2;margin-top:2px;font-size:12px}.mode-option>svg{color:#d2b2e6}.topic-control{align-items:center;gap:12px;margin-left:auto;display:flex}.topic-control>span{color:#cbb1d9;font-size:14px}select{color:#f1dffa;background:#35213f;border-color:#b68dcc55}select option{color:#f1dffa;background:#35213f}.topic-control select{width:auto;min-width:175px;padding:12px 16px;font-size:14px}.reading-free-note{color:#b99ac9;font-size:12px}.daily-note{color:#b59dc5;text-align:center;margin:12px 0 0;padding:0 12px;font-size:12px;line-height:1.8}.immersive-table{background:radial-gradient(at 50% 26%,#75478936,#0000 65%),linear-gradient(145deg,#342042,#231530 75%);border:1px solid #cfa6d43a;border-radius:24px;min-height:calc(100svh - 250px);padding:0 24px 16px;position:relative;overflow:hidden;box-shadow:0 20px 70px #0b061a38,inset 0 1px #f4dbff0a}.immersive-table:before{pointer-events:none;border-color:#e4c89c15;inset:8px}.immersive-table .table-top{padding:17px 7px 5px}.steps{color:#b49ac5;font-size:13px}.steps .current{color:#f5d6a2}.sound-button{color:#d9bee9;background:#ffffff08;width:40px;height:40px}.immersive-table .table-caption{padding:2px 12px 8px}.table-caption>span{color:#cbb0d8;font-size:12px}.table-caption h2{color:#fae3c5;margin:4px 0 0;font-size:22px;font-weight:500}.selected-tray{z-index:4;justify-content:center;align-items:center;gap:26px;min-height:165px;padding:4px 0 10px;display:flex;position:relative}.selected-slot{flex:none;width:98px;height:147px;position:relative}.slot-outline{color:#b99cca;background:#aa6fcc07;border:1px dashed #d8b1e05c;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:9px;display:flex;position:absolute;inset:0}.slot-outline>span{color:#d4b4aa;font-size:26px}.slot-outline small{font-size:12px}.occupied .slot-outline{opacity:0}.chosen-card{perspective:1200px;filter:drop-shadow(0 5px 13px #05020942);border-radius:9px;position:absolute;inset:0}.chosen-card .card-inner{transition:none}.chosen-card .card-front{box-shadow:0 0 25px #deb9822b}.chosen-card .front-caption span,.chosen-card .front-caption strong{font-size:10px}.immersive-table .table-action{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px 20px;min-height:56px;padding:2px 10px 12px;display:flex}.immersive-table .table-action>p{color:#c2a2d3;margin:0;font-size:12px}.pick-progress{color:#e8cfe8;height:auto;min-height:34px;font-size:14px}.selection-dot{width:11px;height:11px}.primary-button{background:#f2d6a3;padding:13px 25px;font-size:16px;box-shadow:0 5px 25px #d7ac7330}.secondary-table-button{font-size:14px}.deck-heading{color:#d6bade;z-index:2;border-top:1px solid #d3abd328;justify-content:space-between;align-items:center;gap:15px;padding:12px 8px;font-size:13px;display:flex;position:relative}.deck-heading>span{flex-wrap:wrap;align-items:center;gap:7px;display:flex}.deck-heading strong{color:#f4d7aa;font-weight:500}.deck-heading>span:last-child{color:#bd9acd;font-size:12px}.deck-remaining{color:#b493c5}.deck-scroll{overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#a778bd #ffffff06;z-index:2;background:radial-gradient(at 50% 65%,#8f58922a,#160d2229 70%);border:1px solid #bd93d124;border-radius:16px;height:clamp(400px,46svh,460px);position:relative;overflow:auto hidden}.deck-scroll::-webkit-scrollbar{width:12px}.deck-scroll::-webkit-scrollbar-track{background:#ffffff04;border-radius:20px}.deck-scroll::-webkit-scrollbar-thumb{background:#9867ae;border:3px solid #2b1a38;border-radius:20px}.available-cards{perspective:1200px;gap:0;height:100%;padding:0;display:flex}.deck-card{color:#f1d6a1;aspect-ratio:2/3;touch-action:pan-x pan-y;width:100%;transform-style:preserve-3d;background:0 0;border:0;border-radius:11px;padding:0;position:relative}.deck-card:disabled{opacity:1;cursor:default}.deck-card .card-inner{transition:translate .25s,filter .25s}.deck-card:not(:disabled):hover .card-inner,.deck-card:not(:disabled):focus-visible .card-inner{filter:brightness(1.18)drop-shadow(0 0 13px #eec88855);translate:0 -8px}.deck-card:focus-visible{outline-offset:5px;outline:3px solid #f3d596}.deck-card .card-back,.chosen-card .card-back,.shuffle-card .card-back{background:linear-gradient(145deg,#473255,#251633);border-color:#dfc492;border-radius:10px;padding:10px}.deck-card .back-art,.chosen-card .back-art,.shuffle-card .back-art{opacity:.96;width:75%;height:65%}.deck-index{z-index:2;color:#e4cc9e;pointer-events:none;background:#281637d9;border:1px solid #c7a36c70;border-radius:50%;place-items:center;width:24px;height:24px;font-size:12px;display:grid;position:absolute;top:8px;left:8px}.picked-card .card-inner{opacity:.17;filter:none;translate:0}.picked-marker{color:#c4a3d2;pointer-events:none;border:1px dashed #af91b94d;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:8px;display:flex;position:absolute;inset:0}.picked-marker span{font-size:12px}.card-flight .card-inner{opacity:1;transition:none;filter:drop-shadow(0 12px 20px #10071d77)!important;translate:0!important}.phase-idle .available-cards,.phase-shuffling .available-cards,.phase-returning .available-cards{visibility:hidden}.phase-idle .deck-scroll,.phase-shuffling .deck-scroll,.phase-returning .deck-scroll{overflow:hidden}.shuffle-scene{flex-direction:column;justify-content:center;align-items:center;display:none;position:absolute;inset:0;overflow:hidden}.phase-idle .shuffle-scene,.phase-shuffling .shuffle-scene,.phase-returning .shuffle-scene{display:flex}.shuffle-stack{perspective:1200px;width:162px;height:243px;transform-style:preserve-3d;z-index:2;margin-top:-18px;position:relative}.shuffle-card{border-radius:10px;position:absolute;inset:0}.shuffle-start{z-index:3;margin-top:32px}.shuffle-halo{border:1px solid #d2a2e021;border-radius:50%;width:365px;height:365px;position:absolute;box-shadow:0 0 80px #b373d515,inset 0 0 80px #b373d50a}.phase-ready .deck-scroll,.phase-revealing .deck-scroll,.phase-done .deck-scroll{opacity:.6}.phase-dealing .deck-scroll{overflow:hidden}.deck-scroll.circular-surface{aspect-ratio:1;scroll-snap-type:none;background:radial-gradient(circle,#9a63b024 0%,#51316122 45%,#0000 72%);border:0;border-radius:50%;width:min(100%,740px);height:auto;margin:0 auto;overflow:visible;container-type:inline-size}.circular-deck{--ring-card-width:88px;--ring-radius:calc(50cqw - 82px);perspective:none;isolation:isolate;display:block;position:absolute;inset:0}.circular-deck .deck-card{width:var(--ring-card-width);transform:translate(-50%, -50%) rotate(var(--ring-angle)) translateY(calc(-1 * var(--ring-radius)));transform-origin:50%;touch-action:manipulation;position:absolute;top:50%;left:50%}.circular-deck .deck-card.active-ring-card,.circular-deck .deck-card:focus-visible{z-index:100!important}.circular-deck .deck-card .card-inner{border-radius:9px;box-shadow:0 2px 7px #10051b66}.circular-deck .active-ring-card:not(:disabled) .card-inner{filter:brightness(1.2)drop-shadow(0 0 8px #e9c08d88);scale:1.07}.circular-deck .deck-index{display:none}.circle-orbit{pointer-events:none;border:1px solid #dbb38933;border-radius:50%;position:absolute;inset:14%;box-shadow:0 0 45px #bf75d016,inset 0 0 45px #bf75d010}.circle-center{z-index:110;flex-direction:column;align-items:center;gap:12px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.circle-preview{filter:drop-shadow(0 5px 18px #09031377);width:124px;height:186px;position:relative}.circle-preview .card-back{background:linear-gradient(145deg,#473255,#251633)}.circle-preview .back-art{width:75%;height:65%}.circle-position{color:#f1d4a2;white-space:nowrap;font-size:17px}.circle-position small{color:#bda1ce;font-size:12px}.circle-controls{align-items:center;gap:8px;display:flex}.circle-controls button{color:#f0d4a5;background:#3a234b;border:1px solid #c7a0dc55;border-radius:50%;place-items:center;width:44px;height:44px;padding:0;display:grid}.circle-controls .circle-pick{color:#38243f;white-space:nowrap;background:#efd2a0;border-radius:24px;width:auto;min-width:100px;padding:0 18px;font-size:14px;font-weight:600}.circle-controls button:focus-visible{outline-offset:3px;outline:2px solid #f3d596}.circle-controls button:disabled{opacity:.45;cursor:default}.phase-idle .circle-center,.phase-shuffling .circle-center,.phase-returning .circle-center{visibility:hidden}@media (width<=620px){.circular-deck{--ring-card-width:clamp(42px, 14cqw, 58px);--ring-radius:calc(50cqw - var(--ring-card-width) * .9)}.circular-deck .deck-card .card-back{border-width:1px;border-radius:5px;padding:4px}.circular-deck .deck-card .card-back:after{inset:2px}.circular-deck .back-title{letter-spacing:.4px;font-size:4px}.circular-deck .card-back-top,.circular-deck .card-back-bottom{font-size:7px}.circle-center{gap:5px}.circle-preview{width:50px;height:75px}.circle-preview .card-back{border-width:1px;border-radius:5px;padding:3px}.circle-preview .back-title{letter-spacing:.5px;font-size:4px}.circle-preview .card-back-top,.circle-preview .card-back-bottom{font-size:7px}.circle-position{font-size:13px}.circle-controls{gap:4px}.circle-controls button{width:32px;height:34px}.circle-controls .circle-pick{min-width:64px;padding:0 7px;font-size:12px}.circular-deck .picked-marker{border-radius:5px}}.seo-guide{border-top:1px solid var(--line);max-width:980px;margin:18px auto 40px;padding:28px clamp(20px,4vw,40px)}.seo-guide h2{color:#f3d7b0;font-size:clamp(21px,3vw,28px);font-weight:500}.seo-guide p{color:#d3bedf;font-size:15px;line-height:1.9}.guide-questions details{border-bottom:1px solid var(--line);padding:17px 0}.guide-questions summary{color:#edd8f4;cursor:pointer;font-size:16px}.guide-questions p{margin-bottom:0}.guide-link{border:1px solid #c298dc66;border-radius:24px;margin-top:24px;padding:12px 18px;font-size:14px;text-decoration:none;display:inline-block}.breadcrumbs{color:#baa0c9;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:22px;font-size:13px;display:flex}.breadcrumbs a,footer a{color:#e2bfed;text-decoration:none}img.library-art,img.detail-art{object-fit:cover;width:100%;height:auto}.reading-result{border-color:var(--line)}.result-heading h2,.library h1,.history-page h1,.detail-copy h1{color:#f8ecfc}.result-heading p,.page-subtitle{color:#c1a9d2}.result-actions button,.result-card,.history-entry,.search-input{color:#ead5f5;background:#362040;border-color:#bd95cf38}.result-copy p,.detail-copy>p,.history-entry details p{color:#d4c0df}.english-name,.library-card>span,.detail-copy .english-name{color:#edcea6}.result-position,.library-card h2,.history-date,.history-entry summary,.history-entry summary span{color:#d9b9e7}.keywords,.library-card small,.history-entry details small{color:#e4c493}.action-note,.context-note{color:#e6c6f3;background:#aa75be1c}.context-note p,.detail-footer{color:#c9b1d7}.search-input input{color:#f4e7fc}.search-input input::placeholder{color:#b69ac6}.empty-state h2,.empty-state{color:#dfc2ec}.empty-state p{color:#bca2cc}.plain-button{color:#f1d6fc;background:#8d54aa30;border-color:#c298dc66}.back-link,.detail-links a{color:#dcbae9}footer{border-color:var(--line);color:#bd9bcb;max-width:none;padding:21px clamp(20px,3vw,60px);font-size:12px}footer small{color:#ae91bc}@media (width<=1000px){.reading-controls{flex-wrap:wrap;gap:14px}.reading-free-note{display:none}.mode-option{min-width:160px;padding:11px 15px}.topic-control{gap:8px}.topic-control>span{font-size:13px}.topic-control select{min-width:140px}}@media (width<=620px){.site-header{height:64px;padding:0 14px}.site-header nav{gap:0}.site-header nav button{width:40px;font-size:0}.reading-page{padding:18px 8px 22px}.intro{margin-bottom:14px;padding:0 8px}.intro h1{font-size:24px;line-height:1.5}.intro h1>span{font-size:29px}.intro p{font-size:13px;line-height:1.7}.intro .eyebrow{letter-spacing:1px;font-size:10px}.reading-controls{gap:10px;margin-bottom:13px;padding:0 8px}.mode-switch{gap:8px;width:100%}.mode-option{flex:1;gap:9px;min-width:0;padding:10px 12px}.mode-option strong{font-size:14px}.mode-option small{font-size:12px}.topic-control{justify-content:space-between;width:100%;margin:0}.topic-control select{width:53%;min-width:0;padding:9px 12px;font-size:14px}.immersive-table{border-radius:18px;min-height:0;padding:0 10px 12px}.immersive-table:before{inset:5px}.immersive-table .table-top{padding:13px 5px 4px}.steps{gap:6px;font-size:12px}.steps i{width:8px}.sound-button{width:36px;height:36px}.table-caption h2{font-size:19px;line-height:1.6}.table-caption>span{font-size:12px}.selected-tray{gap:15px;min-height:132px;padding:3px 0 8px}.selected-slot{width:76px;height:114px}.chosen-card .card-back{padding:8px}.chosen-card .back-title{letter-spacing:1px;font-size:6px}.chosen-card .front-caption strong,.chosen-card .front-caption span{font-size:8px}.immersive-table .table-action{gap:4px;min-height:58px;padding:0 6px 9px}.immersive-table .table-action>p{width:100%;font-size:12px;line-height:1.7}.pick-progress{font-size:14px}.primary-button{padding:11px 20px;font-size:15px}.deck-heading{gap:6px;padding:11px 4px;font-size:12px}.deck-heading>span{gap:4px}.deck-heading>span:last-child{font-size:12px}.deck-heading>span:last-child svg,.deck-remaining{display:none}.deck-scroll{border-radius:12px;height:310px}.deck-card .card-back{padding:8px}.deck-card .back-title{letter-spacing:1px;font-size:7px}.deck-card .card-back-top,.deck-card .card-back-bottom{font-size:12px}.deck-index{width:21px;height:21px;font-size:12px;top:5px;left:5px}.shuffle-stack{width:146px;height:219px}.shuffle-halo{width:280px;height:280px}footer{padding:18px 20px;font-size:12px;line-height:1.8}}@media (prefers-reduced-motion:reduce){.deck-card .card-inner{transition:none}.deck-card:not(:disabled):hover .card-inner{translate:0}}