@import "https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;500;600&family=Noto+Serif+JP:wght@400;500;600&display=swap";:root{color:#e8e3d8;font-synthesis:none;--gold:#c9a96b;--dim:#8e97a2;--panel:#0a141fdb;--line:#c9a96b40;background:#050b13;font-family:Noto Serif JP,serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 70% 25%,#173347 0,#091725 38%,#050b13 72%);min-width:320px;min-height:100vh;margin:0}body:before{content:"";z-index:-1;background:linear-gradient(90deg,#03080ef2,#03080e8a 58%,#03080e47),linear-gradient(#0000 65%,#050b13 100%);position:fixed;inset:0}.app{min-height:100vh;position:relative}.noise{pointer-events:none;opacity:.18;z-index:20;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.11'/%3E%3C/svg%3E");position:fixed;inset:0}button,input,textarea{font:inherit}button{color:inherit;cursor:pointer;background:0 0;border:0}button:disabled{cursor:default}header{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:10;background:#040a11b3;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;height:84px;padding:0 5vw;display:flex;position:relative}.brand{align-items:center;gap:13px;display:flex}.brand>span{border:1px solid var(--gold);color:var(--gold);place-items:center;width:42px;height:42px;font-size:23px;display:grid}.brand b{letter-spacing:2px;font-family:Cormorant Garamond;font-size:18px}.brand i{color:var(--gold)}nav{gap:32px;display:flex}nav button{color:#bfc3c6;letter-spacing:.08em;font-size:13px}nav button:hover{color:var(--gold)}.demo{color:var(--gold);letter-spacing:1px;border:1px solid #c9a96b;padding:8px 12px;font:12px sans-serif}main{width:min(1160px,90vw);min-height:calc(100vh - 134px);margin:auto;padding:64px 0 80px}main.wide{width:min(1440px,94vw)}footer{letter-spacing:.18em;color:#6f7882;border-top:1px solid #ffffff14;justify-content:space-between;align-items:center;height:50px;padding:0 5vw;font-size:10px;display:flex}.hero{flex-direction:column;justify-content:center;align-items:flex-start;min-height:650px;display:flex}.kicker{color:var(--gold);letter-spacing:.32em;text-transform:uppercase;font-family:Cormorant Garamond;font-size:12px}.hero h1{letter-spacing:.03em;margin:32px 0 36px;font-family:Cormorant Garamond;font-size:clamp(64px,8vw,116px);font-weight:500;line-height:.72}.hero h1 em{color:#0000;-webkit-text-stroke:1px var(--gold);font-style:normal}.hero>p:not(.kicker){letter-spacing:.12em;font-size:17px;line-height:2.1}.seal{border:1px solid var(--gold);text-align:center;width:120px;height:120px;color:var(--gold);border-radius:50%;place-content:center;font-size:37px;animation:4s infinite breathe;display:grid;position:absolute;top:34%;left:51%;box-shadow:0 0 80px #c9a96b2e}.seal small{letter-spacing:3px;font:8px sans-serif}.version{color:#65707b;letter-spacing:2px;margin-top:32px;font:10px sans-serif}.primary{color:#09101a;letter-spacing:.08em;background:linear-gradient(100deg,#a98244,#d6bb80);min-width:230px;padding:17px 28px;box-shadow:0 10px 35px #b8914e26}.primary b{float:right;font-size:20px}.primary:disabled{opacity:.4}.panel{background:var(--panel);border:1px solid var(--line);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);width:min(820px,100%);margin:auto;padding:46px 54px;box-shadow:0 25px 100px #0008}.panel h2,.home-title h2,.page-head h2,.select-page h2,.center-stage h2{font-size:34px;font-weight:500;line-height:1.55}.muted{color:var(--dim);line-height:1.9}.step{letter-spacing:.24em;color:var(--gold);align-items:center;gap:14px;font:11px sans-serif;display:flex}.step b{border-right:1px solid var(--gold);padding-right:14px;font-size:16px}.tuning{grid-template-columns:210px 1fr;column-gap:48px;display:grid}.tuning>:not(.energy){grid-column:2}.energy{border:1px solid var(--gold);border-radius:50%;grid-row:1/10;place-items:center;width:180px;height:180px;display:grid;position:relative;box-shadow:0 0 70px #a98a4a22;grid-column:1!important}.energy:before,.energy:after{content:"";border:1px solid #c9a96b55;border-radius:50%;animation:18s linear infinite spin;position:absolute;inset:12px}.energy:after{border-style:dashed;animation-direction:reverse;inset:-18px}.energy span{color:var(--gold);text-shadow:0 0 30px var(--gold);font-size:54px}.working .energy{animation:2s infinite breathe}.working{align-items:center;min-height:390px}label{color:#b5b7b8;margin:18px 0;font-size:12px;display:block}input,textarea{color:#f3eee4;background:#07101a;border:1px solid #ffffff1f;outline:none;width:100%;margin-top:8px;padding:13px 15px;display:block}textarea{resize:vertical;min-height:110px}input:focus,textarea:focus{border-color:var(--gold)}.home-title{margin-bottom:42px}.menu-grid{grid-template-columns:repeat(6,1fr);gap:16px;display:grid}.menu{text-align:left;background:#071019c7;border:1px solid #ffffff1a;grid-column:span 2;min-height:290px;padding:32px;transition:all .3s;position:relative}.menu:hover{border-color:var(--gold);background:#0e1b27eb;transform:translateY(-4px)}.menu.featured{background:linear-gradient(145deg,#97723952,#071019cc);border-color:#b28e50}.menu small{color:var(--gold);letter-spacing:.2em;margin:30px 0 10px;font:10px sans-serif;display:block}.menu h3{font-size:21px}.menu p{color:var(--dim);font-size:13px}.menu>b{color:var(--gold);position:absolute;bottom:25px;right:28px}.menu.slim{grid-column:span 3;min-height:150px;padding-left:100px}.menu.slim .icon{position:absolute;left:30px}.menu.slim h3{margin-top:8px}.icon{border:1px solid var(--gold);width:48px;height:48px;color:var(--gold);border-radius:50%;place-items:center;display:grid}.question{width:min(850px,100%)}.question textarea{min-height:140px}.category-grid{grid-template-columns:repeat(3,1fr);gap:8px;margin:24px 0;display:grid}.category-grid button,.filters button{color:#9ea5aa;border:1px solid #ffffff1a;padding:12px}.category-grid button.active,.filters button.active{border-color:var(--gold);color:var(--gold);background:#c9a96b10}.row{align-items:center;gap:20px;display:flex}.split{justify-content:space-between}.toggle{align-items:center;gap:10px;margin:0;display:flex}.toggle input{display:none}.toggle span{background:#303a43;border-radius:20px;width:38px;height:21px;position:relative}.toggle span:after{content:"";background:#9aa2a9;border-radius:50%;width:15px;height:15px;transition:all .2s;position:absolute;top:3px;left:3px}.toggle input:checked+span{background:#a4824a}.toggle input:checked+span:after{background:#fff;left:20px}.center-stage{text-align:center;padding-top:70px}.shuffle-stack{justify-content:center;align-items:center;height:300px;display:flex}.shuffle-stack .card{animation:1.5s ease-in-out infinite shuffle;position:absolute}.shuffle-stack .card:nth-child(2){animation-delay:-.25s}.shuffle-stack .card:nth-child(3){animation-delay:-.5s}.shuffle-stack .card:nth-child(4){animation-delay:-.75s}.link{color:var(--gold);letter-spacing:.2em;border-bottom:1px solid var(--gold);padding:8px;font:11px sans-serif}.select-page{text-align:center}.deck{flex-wrap:wrap;justify-content:center;gap:0;margin-top:38px;display:flex}.deck .card{margin-left:-22px;transition:all .3s}.deck .card:first-child{margin-left:0}.deck .card:hover{z-index:3;transform:translateY(-28px)}.card{aspect-ratio:2/3;background:radial-gradient(circle at 50% 36%,#173b50,#09141f 47%,#050a10);border:1px solid #b99554;flex-direction:column;justify-content:center;align-items:center;width:210px;padding:20px;display:flex;position:relative;overflow:hidden;box-shadow:0 20px 50px #0009}.card:before{content:"";border:1px solid #c9a96b66;position:absolute;inset:8px}.card.small{width:104px;padding:8px}.card.back{color:var(--gold);background:radial-gradient(circle,#18384a,#07111d 55%)}.card.back:after{content:"龍";aspect-ratio:1;border:1px solid #c9a96b88;border-radius:50%;place-items:center;width:55%;font-size:30px;display:grid;box-shadow:0 0 25px #b58b4266}.card.chosen{filter:brightness(1.6);pointer-events:none;transform:translateY(-28px)}.dragon-mark{color:#c9a96b33;font-size:56px;position:absolute}.card.small .dragon-mark{font-size:28px}.card-name{color:#e9d8b5;margin-top:55px;font-size:24px}.card.small .card-name{margin-top:30px;font-size:13px}.card-en{letter-spacing:.16em;color:var(--gold);text-transform:uppercase;margin-top:7px;font:9px Cormorant Garamond}.card-key{color:#8e9ba5;margin-top:20px;font-size:9px}.card-no{letter-spacing:.18em;color:#a78a57;font:8px sans-serif;position:absolute;top:24px}.corners{color:#c9a96b88;font-size:7px;position:absolute;top:12px;left:14px}.corners.bottom{inset:auto 14px 12px auto}.reading-layout{grid-template-columns:minmax(0,1fr) 340px;gap:28px;display:grid}.reading-main{min-width:0}.question-quote{text-align:center;color:#aab1b6;margin:20px}.result-cards{justify-content:center;gap:24px;margin:40px 0 60px;display:flex}.result-cards.count-5{gap:12px}.count-5 .card{width:165px}.result-card{text-align:center}.position{height:34px;color:var(--gold);max-width:210px;font-size:9px;display:block}.result-card h3{margin-bottom:4px}.en{color:var(--gold);letter-spacing:.15em;font:10px sans-serif}.message,.synthesis{background:#08111be6;border:1px solid #ffffff1a;margin-bottom:20px;padding:42px}.message .lead,.synthesis>p{font-size:19px;line-height:2}.message-grid{grid-template-columns:repeat(3,1fr);gap:20px;margin-top:30px;display:grid}.message-grid>div{border-top:1px solid var(--line)}.message-grid h4{color:var(--gold)}.message-grid p{color:#b8bdc0;font-size:13px;line-height:1.8}.synthesis{border-color:var(--gold)}.synthesis li{color:#bbc0c2;margin:13px 0}.actions{gap:10px;display:flex}.actions>button:not(.primary){border:1px solid #ffffff26;padding:15px 20px}aside{color:#18202a;background:#e8e3d8;height:max-content;padding:25px;position:sticky;top:105px}aside textarea,aside input{color:#17202a;background:#faf8f2;border-color:#c8c0b2}aside h3{letter-spacing:.12em;font-family:Cormorant Garamond}.aside-head{border-bottom:1px solid #bdb4a5;justify-content:space-between;align-items:start;display:flex}.aside-head small,.guide small{color:#8a7046;letter-spacing:.14em;font:9px sans-serif}.aside-head button{color:#5f513f;border:1px solid #9c8b70;padding:7px;font-size:10px}.guide{border-bottom:1px solid #c8c0b2;padding:18px 0}.guide p{font-size:13px;line-height:1.7}.session-fab{color:#0a1118;letter-spacing:.12em;z-index:10;background:#a9864d;padding:12px 17px;font:10px sans-serif;position:fixed;bottom:25px;right:25px}.page-head{text-align:center;margin-bottom:42px}.page-head .step{justify-content:center}.page-head>input{max-width:560px;margin:20px auto}.filters{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.history-list{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.history-list>button,.empty{background:var(--panel);text-align:left;border:1px solid #ffffff1a;padding:27px}.history-list time{color:var(--gold);font:10px sans-serif}.history-list p{color:#949ca2}.history-list span{color:var(--gold);font-size:11px}.history-cards{gap:12px;margin:25px 0;display:flex}.back-link{color:var(--gold)}.library{grid-template-columns:repeat(6,1fr);gap:26px 14px;display:grid}.library>div{text-align:center}.library .card{width:100%}.library h3{margin-bottom:4px}.library p{color:#929aa0;font-size:10px}.admin-layout{grid-template-columns:330px 1fr;gap:24px;display:grid}.card-list{background:#07101a;border:1px solid #ffffff1a;height:680px;overflow:auto}.card-list button{text-align:left;border-bottom:1px solid #ffffff0f;grid-template-columns:35px 1fr auto;align-items:center;width:100%;padding:12px;font-size:13px;display:grid}.card-list button.active{color:var(--gold);background:#c9a96b1a}.card-list small{color:#aeb4b8;padding:4px;font:7px sans-serif}.card-list small.original{color:#080d14;background:#b28e50}.editor{background:var(--panel);border:1px solid var(--line);padding:30px}.editor .row{justify-content:space-between}.editor details{color:var(--gold);margin-top:25px}.editor pre{white-space:pre-wrap;color:#98a0a5;background:#050a10;padding:15px}.future{border:1px dashed var(--line);color:#989fa5;padding:12px;font-size:12px}@keyframes breathe{50%{transform:scale(1.04);box-shadow:0 0 100px #c9a96b55}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shuffle{0%,to{transform:translate(-80px)rotate(-8deg)}50%{transform:translate(80px)rotate(8deg)}}@media (width<=1000px){.reading-layout{grid-template-columns:1fr}.reading-layout aside{position:relative;top:0}.library{grid-template-columns:repeat(4,1fr)}.result-cards{flex-wrap:wrap}.tuning{display:block}.energy{margin:0 auto 40px}.menu-grid{grid-template-columns:1fr 1fr}.menu,.menu.slim{grid-column:auto}.admin-layout{grid-template-columns:260px 1fr}}@media (width<=700px){header{padding:0 18px}nav{gap:8px}nav button{font-size:10px}.brand b{display:none}main{padding-top:36px}.hero h1{font-size:58px}.seal{display:none}.menu-grid,.history-list,.message-grid,.admin-layout{grid-template-columns:1fr}.menu{min-height:200px}.category-grid{grid-template-columns:1fr 1fr}.tuning,.panel{padding:28px}.result-cards .card{width:140px}.library{grid-template-columns:repeat(2,1fr)}.card-list{height:250px}.actions{flex-direction:column}footer span:last-child{display:none}}.font-standard{--body-size:18px;--control-size:18px}.font-large{--body-size:21px;--control-size:21px}.font-xlarge{--body-size:24px;--control-size:24px}.app{font-size:var(--body-size,21px);color:#f4f0e8;line-height:1.8}.app p,.app li{font-size:var(--body-size,21px);line-height:1.8}.app .muted{font-size:max(18px, calc(var(--body-size,21px) - 2px));color:#c4c9cc}.app button,.app input,.app textarea,.app label{font-size:var(--control-size,21px);line-height:1.65}.app h1{font-size:44px;line-height:1.35}.app h2,.page-head h2,.home-title h2,.select-page h2,.center-stage h2{font-size:40px;line-height:1.45}.app h3{font-size:26px}.app h4{font-size:23px}.app .kicker,.app .step,.app small,.app .card-no,.app .card-en,.app .en,.app .position,.app time{letter-spacing:.08em;font-size:18px;line-height:1.55}.app nav button{font-size:18px}.app .brand b{font-size:20px}.app .menu small{margin-top:26px;font-size:18px}.app .menu h3{font-size:28px}.app .menu p{font-size:19px}.app .menu{min-height:340px}.app .menu.slim{min-height:190px}.app .category-grid button,.app .filters button{font-size:19px}.app input,.app textarea{padding:16px 18px}.app .primary{min-width:280px;padding:18px 28px;font-size:21px}.app .card-name{text-shadow:0 2px 10px #000;font-size:34px}.app .card.small .card-name,.app .card-key{font-size:18px}.card img{object-fit:cover;z-index:0;width:100%;height:100%;position:absolute;inset:0}.card img~span{z-index:1}.card img:after{content:"";background:linear-gradient(#0000,#000);position:absolute;inset:0}.card:not(.back):after{content:"";z-index:0;background:linear-gradient(#0000,#01070cf2);position:absolute;inset:38% 0 0}.category-water{background:radial-gradient(circle at 50% 35%,#19728a,#071827 60%)}.category-sky{background:radial-gradient(circle at 50% 30%,#453d77,#081321 62%)}.category-earth{background:radial-gradient(circle at 50% 35%,#34664d,#07140f 65%)}.category-spiritual{background:radial-gradient(circle at 50% 35%,#7a477e,#110c1d 65%)}.reading-flow{max-width:1040px;margin:auto}.reading-flow .reading-main{max-width:900px;margin:auto}.single-reading{text-align:center;border:1px solid var(--line);background:#060f18eb;margin-top:30px;padding:45px 7%}.reading-progress{color:var(--gold);margin-bottom:12px;font-family:Cormorant Garamond;font-size:48px;line-height:1.2}.single-reading>.card{width:min(380px,70vw);margin:28px auto 35px}.single-reading>.card .card-name{font-size:40px}.single-reading>h1{margin:12px 0 0;font-size:44px}.core-message{text-align:left;max-width:720px;margin:40px auto}.core-message h2,.detail-sections h2{color:var(--gold);margin-top:36px;font-size:26px}.important{color:#fff;font-size:30px!important;line-height:1.8!important}.detail-button{margin:18px auto 35px}.detail-sections{text-align:left;max-width:720px;margin:0 auto}.detail-sections section{border-bottom:1px solid #ffffff24;padding:5px 0 24px}.next-dragon{border:1px solid var(--gold);width:100%;max-width:720px;color:var(--gold);margin:45px auto 0;padding:20px;display:block;font-size:22px!important}.final-synthesis{text-align:center;padding:55px}.dragon-path{color:var(--gold);margin:30px auto;font-size:25px!important;line-height:2!important}.final-synthesis ol{text-align:left;max-width:700px;margin:auto}.extra-dragon{text-align:center;background:#08121cf0;border:1px solid #ffffff24;margin:28px 0;padding:50px}.extra-dragon p{margin:22px 0 32px}.extra-dragon button:disabled{opacity:.55}.session-tools{margin-top:28px}.session-guide-toggle{border:1px solid var(--gold);color:var(--gold);margin:0 auto;padding:16px 24px;display:block}.session-tools aside{max-width:780px;font-size:var(--body-size);margin:20px auto;position:static}.session-tools aside h3{font-size:28px}.session-tools aside small{font-size:18px}.session-tools .guide p{font-size:var(--body-size);line-height:1.8}.actions{justify-content:center;margin-top:30px}.actions>button:not(.primary){padding:18px 24px;font-size:20px}.settings{max-width:900px}.size-options{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.size-options button{text-align:left;border:1px solid #ffffff29;padding:24px}.size-options button.active{border:2px solid var(--gold);background:#c9a96b18}.size-options b,.size-options span{display:block}.size-options b{font-size:26px}.size-options span{color:var(--gold)}.size-options p{font-size:18px}.history-list>button,.empty{padding:34px}.history-list span,.back-link,.library p{font-size:18px}.library h3{font-size:25px}@media (width<=900px){.app nav{gap:12px}.app nav button{font-size:16px}.size-options{grid-template-columns:1fr}.single-reading,.final-synthesis{padding:32px 22px}}.welcome-modal{z-index:40;background:#02070ddd;place-items:center;padding:30px;display:grid;position:fixed;inset:0}.welcome-modal>div{border:1px solid var(--gold);text-align:center;background:#091522;max-width:760px;padding:55px;box-shadow:0 0 100px #000}.welcome-modal .actions button:not(.primary){border:1px solid #fff5;padding:18px 28px}.about{border-left:4px solid var(--gold);background:#08131ddd;max-width:850px;margin:28px 0;padding:8px 28px}.about h3{color:var(--gold);margin:0}.home-tools{justify-content:space-between;align-items:center;gap:20px;margin:30px 0;display:flex}.home-tools>button{border:1px solid var(--gold);color:var(--gold);padding:15px 24px}.start-card{text-align:left;border:2px solid var(--gold);background:linear-gradient(120deg,#76572d77,#07121eea);grid-template-columns:90px 1fr 1fr;gap:8px 28px;width:100%;padding:45px;display:grid;position:relative}.start-card .recommend{background:var(--gold);color:#07101a;padding:10px 18px;position:absolute;top:0;right:0}.start-card .icon{grid-row:1/7}.start-card small,.reading-choice small{color:var(--gold)}.start-card h3{margin:0;font-size:38px}.start-card p{margin:0}.start-card h4,.start-card ul{grid-column:3}.start-card h4{color:var(--gold);margin:0}.start-card ul{margin:0}.start-card>b{text-align:right;color:var(--gold);grid-column:2/4;font-size:24px}.secondary-readings{grid-template-columns:1fr 1fr;gap:20px;margin-top:25px;display:grid}.reading-choice{text-align:left;background:#07121eea;border:1px solid #ffffff2b;padding:35px}.reading-choice:hover{border-color:var(--gold)}.reading-choice h4{color:var(--gold)}.utility{margin-top:25px}.guide-page{max-width:900px;margin:auto}.guide-progress{text-align:right;color:var(--gold);margin:20px 0;font-size:24px}.guide-page article{border:1px solid var(--line);background:#08131eee;min-height:430px;padding:60px;position:relative}.guide-page article>span{color:#c9a96b20;font:110px Cormorant Garamond;position:absolute;top:15px;right:45px}.guide-copy{max-width:700px;font-size:26px;line-height:1.9}.guide-copy strong{color:var(--gold);margin-top:30px;display:block}.guide-nav{justify-content:space-between;margin-top:25px;display:flex}.guide-nav>button:not(.primary){border:1px solid #fff4;padding:17px 28px}.guide-nav button:disabled{opacity:.3}.first-impression{border:1px solid var(--gold);background:#0b1a27;max-width:720px;margin:40px auto;padding:35px}.first-impression h2{color:var(--gold)}.first-impression textarea{min-height:140px;margin:25px 0}.flow-progress{z-index:12;border:1px solid var(--gold);background:#07111df5;grid-template-columns:1fr auto;align-items:center;margin-bottom:24px;padding:15px 20px;display:grid;position:sticky;top:8px;box-shadow:0 10px 35px #000}.flow-progress>small{color:#cdd1d3;grid-column:1/3}.flow-progress>div{align-items:center;gap:20px;display:flex}.flow-progress b{color:var(--gold);font-size:26px}.flow-progress span{font-size:24px}.flow-progress nav{gap:8px}.flow-progress nav button{border:1px solid #fff4;padding:9px 15px}.flow-progress nav button:disabled{opacity:.3}.aside-head p{line-height:1.6;font-size:18px!important}.guide-question{text-align:left;color:#18202a;border-bottom:1px solid #c8c0b2;width:100%;padding:20px 4px;display:block}.guide-question b{color:#6e5733;border:1px solid #8a7046;padding:6px 10px;display:inline-block}.guide-question.used{opacity:.45;background:#d3cec3}.session-summary{color:#15202a;background:#f0ece2;margin:28px 0;padding:50px}.session-summary h1{text-align:center}.session-summary dl{border-top:1px solid #bcb4a5;grid-template-columns:230px 1fr;display:grid}.session-summary dt,.session-summary dd{border-bottom:1px solid #c9c1b3;margin:0;padding:18px}.session-summary dt{color:#705a36;font-weight:600}.session-summary textarea{color:#15202a;background:#fff;border-color:#b7ad9d}.session-summary .primary{margin:35px auto 0;display:block}@media (width<=800px){.start-card{display:block}.start-card>*{margin:15px 0!important}.secondary-readings{grid-template-columns:1fr}.home-tools{flex-direction:column;align-items:flex-start}.flow-progress{grid-template-columns:1fr;position:relative}.flow-progress>small{grid-column:auto}.flow-progress nav{margin-top:10px}.session-summary dl{grid-template-columns:1fr}.welcome-modal>div,.guide-page article{padding:30px}}.card.card-ui{background:#07111a;border:2px solid #b99554;grid-template-rows:12% 55% 33%;padding:0;display:grid;overflow:hidden}.card.card-ui:before{z-index:4;pointer-events:none;inset:7px}.card.card-ui:after{display:none}.card-ui-header{letter-spacing:.18em;color:#d3b677;z-index:2;background:#09131d;place-items:center;font-family:Cormorant Garamond;display:grid;font-size:16px!important}.card-art{z-index:1;background:radial-gradient(circle at 50% 35%,#2a5263,#07111a 72%);display:block;position:relative;overflow:hidden}.card-art img{object-fit:cover;z-index:1;width:100%;height:100%;position:absolute;inset:0}.art-placeholder{color:#d2b474;background:radial-gradient(circle at 50% 40%,#315a68,#0a1822 72%);flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.category-sky .art-placeholder{background:radial-gradient(circle at 50% 40%,#4b4772,#101726 72%)}.category-earth .art-placeholder{background:radial-gradient(circle at 50% 40%,#41634b,#0d1813 72%)}.category-spiritual .art-placeholder{background:radial-gradient(circle at 50% 40%,#67466f,#16101e 72%)}.art-placeholder b{text-shadow:0 0 28px #e1c17a;font-size:72px;font-weight:400}.art-placeholder small{letter-spacing:.12em;text-align:center;margin-top:10px;font:14px Cormorant Garamond!important}.card-ui-footer{z-index:2;background:#09131d;flex-direction:column;justify-content:center;align-items:center;padding:5px 12px;display:flex}.card-ui-footer .card-number{color:#d3b677;font:18px/1 Cormorant Garamond}.card-ui-footer .card-name{color:#f2e9d7;margin:3px 0 0;font-size:30px;line-height:1.2;position:static}.card-ui-footer .card-en{color:#d3b677;margin:2px 0;line-height:1.3;font-size:13px!important}.card-ui-footer .card-key{color:#d5d7d7;margin:4px 0 0;line-height:1.3;font-size:15px!important}.card.card-ui.small{grid-template-rows:12% 53% 35%;padding:0}.card.card-ui.small .card-ui-header{font-size:7px!important}.card.card-ui.small .art-placeholder b{font-size:32px}.card.card-ui.small .art-placeholder small{display:none}.card.card-ui.small .card-number{font-size:10px}.card.card-ui.small .card-name{margin:1px 0;font-size:16px}.card.card-ui.small .card-en{font-size:7px!important}.card.card-ui.small .card-key{margin-top:1px;font-size:8px!important}.single-reading>.card.card-ui .card-name{font-size:34px}.image-admin{max-width:1000px;margin-top:45px}.image-admin select{color:#f3eee4;background:#07101a;border:1px solid #fff3;width:100%;margin-top:8px;padding:15px;display:block}.image-admin-grid{grid-template-columns:260px 1fr;align-items:start;gap:35px;margin-top:30px;display:grid}.image-admin-grid .card{width:260px}@media (width<=700px){.image-admin-grid{grid-template-columns:1fr}.image-admin-grid .card{margin:auto}.card-ui-footer .card-name{font-size:25px}}.card.card-ui{grid-template-columns:100%;place-items:stretch stretch}.card.card-ui .card-art{justify-self:stretch;width:100%;min-width:0;max-width:100%;height:100%}.auth-screen{color:#f4f0e8;background:radial-gradient(circle at 70% 25%,#173347 0,#091725 38%,#050b13 72%);place-items:center;min-height:100vh;padding:35px;font:21px/1.8 Noto Serif JP,serif;display:grid}.auth-panel{background:#060f18f2;border:1px solid #c9a96b;width:min(620px,100%);padding:48px;box-shadow:0 30px 100px #000}.auth-panel h1{font-size:40px}.auth-panel label{font-size:19px}.auth-panel input,.account-admin input,.account-admin select{color:#fff;background:#07101a;border:1px solid #fff3;width:100%;margin-top:8px;padding:15px;font:19px inherit;display:block}.auth-link{color:#c9a96b;margin:22px auto 0;text-decoration:underline;display:block}.auth-error{border:1px solid #f76;padding:12px;color:#ffb3a9!important}.user-menu{align-items:center;gap:12px;font-size:16px;display:flex}.user-menu button{border:1px solid #fff4;padding:7px 10px;font-size:15px!important}.import-button{color:#c9a96b;border:1px solid #c9a96b;margin-top:15px;padding:14px 18px}.account-admin{margin-bottom:40px}.account-admin select{font-size:19px}.account-admin option{background:#07101a}@media (width<=900px){.user-menu>span:first-child{display:none}.auth-panel{padding:28px}}