@charset "UTF-8";
:root{--bg:#19131e;--panel:#241c2a;--panel2:#2e2233;--gold:#d7b87e;--gold-dim:#9e855f;--text:#f3eadf;--muted:#b0a4b5;--line:rgba(211,181,129,.18);--serif:Georgia,'Batang','바탕',serif;--sans:'Segoe UI','Malgun Gothic',sans-serif;color-scheme:dark}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--sans);font-size:14px;line-height:1.7}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default;opacity:.48}a{color:inherit;text-decoration:none}button{color:inherit}img{max-width:100%;display:block}button,input,select,textarea{outline-offset:5px}:focus-visible{outline:2px solid var(--gold)}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:400}button{border:0}::selection{background:#6b476e}header{height:92px;border-bottom:1px solid var(--line);position:relative;z-index:4;background:rgba(25,19,30,.95)}.header-inner{max-width:1376px;margin:auto;padding:0 56px;height:100%;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:12px}.brand-mark{width:36px;height:36px;color:var(--gold)}.brand-name{font-family:var(--serif);font-size:23px;letter-spacing:1px}.brand-en{display:block;font:9px var(--sans);letter-spacing:3.2px;color:var(--gold-dim);margin-top:1px}.nav{display:flex;gap:38px;margin-left:50px}.nav button{background:none;color:var(--muted);position:relative;padding:34px 0 30px;font-size:13px}.nav button.active{color:var(--gold)}.nav button.active:after{content:'';height:2px;width:14px;position:absolute;background:var(--gold);bottom:20px;left:calc(50% - 7px)}.header-actions{display:flex;gap:18px;align-items:center}.small-button{padding:8px 18px;background:none;border:1px solid var(--line);border-radius:4px;font-size:12px}.text-button{background:none;color:var(--muted);padding:8px;font-size:12px}.icon{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.icon-button{display:flex;align-items:center;justify-content:center;background:none;padding:8px;color:var(--muted)}
.hero{min-height:555px;position:relative;overflow:hidden;isolation:isolate;background:#221a25}.hero:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(25,19,30,.78),rgba(25,19,30,.6) 40%,rgba(25,19,30,.38)),url('/assets/salon.png') center 58%/cover;z-index:-2}.hero:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,var(--bg),transparent 28%);z-index:-1}.hero-inner{max-width:1264px;margin:auto;display:grid;grid-template-columns:1fr 1fr;align-items:center;padding:76px 0 62px;gap:30px}.eyebrow{font-size:10px;letter-spacing:3px;color:var(--gold);display:flex;align-items:center;gap:10px}.eyebrow:before{content:'';width:25px;height:1px;background:var(--gold-dim)}.hero h1{font-family:var(--serif);font-size:47px;line-height:1.55;letter-spacing:-1.6px;margin:21px 0 22px;word-break:keep-all}.hero h1 em{font-style:normal;color:var(--gold)}.hero-copy>p{color:#c5b9c8;line-height:1.95;font-size:14px;word-break:keep-all}.hero-buttons{display:flex;align-items:center;gap:20px;margin-top:29px}.button{background:var(--gold);border:1px solid var(--gold);color:#261c23;padding:13px 24px;border-radius:3px;display:inline-flex;align-items:center;justify-content:center;gap:15px;font-size:13px;font-weight:600;transition:background .2s,transform .2s}.button:hover{background:#e4c992;transform:translateY(-1px)}.button.secondary{color:var(--text);background:transparent;border-color:var(--line);font-weight:400}.button.secondary:hover{background:var(--panel2)}.hero-link{display:flex;gap:8px;align-items:center;background:none;color:#d2c5d5;font-size:12px}.hero-meta{display:flex;align-items:center;gap:18px;margin-top:24px;color:#a696aa;font-size:11px}.hero-meta span{display:flex;align-items:center;gap:6px}.hero-meta .icon{width:14px;height:14px;color:var(--gold-dim)}.hero-art{height:405px;position:relative;display:flex;align-items:center;justify-content:center}.orbit{position:absolute;width:365px;height:365px;border:1px solid rgba(210,180,129,.21);border-radius:50%;top:17px;left:calc(50% - 182px)}.orbit:before{content:'';position:absolute;inset:19px;border:1px dashed rgba(210,180,129,.11);border-radius:50%}.orbit:after{content:'✦';position:absolute;top:8px;right:53px;font-size:24px;color:var(--gold)}.hero-card{position:absolute;width:158px;height:270px;background:#ddcbb1;border:5px solid #e4d4bc;border-radius:4px;box-shadow:0 16px 40px #0009;overflow:hidden;transition:transform .6s}.hero-card img{height:100%;width:100%;object-fit:fill}.hero-card.left{transform:translate(-116px,10px) rotate(-17deg);z-index:1}.hero-card.right{transform:translate(112px,11px) rotate(17deg);z-index:2}.hero-card.center{transform:translateY(-12px) rotate(-2deg);z-index:3}.hero-art:hover .left{transform:translate(-132px,2px) rotate(-20deg)}.hero-art:hover .right{transform:translate(130px,2px) rotate(20deg)}.hero-art .spark{position:absolute;color:var(--gold);font-size:20px;left:10%;top:22px}.hero-art .spark.second{top:330px;left:auto;right:12%;font-size:12px}.art-caption{position:absolute;bottom:10px;font-size:9px;letter-spacing:3px;color:#a78e69}.room-label{position:absolute;top:20px;right:45px;display:flex;align-items:center;gap:7px;color:#bca8a3;font-size:9px;letter-spacing:1.8px}.room-label:before{content:'';width:4px;height:4px;border-radius:50%;background:var(--gold)}
.section{max-width:1264px;margin:auto;padding:35px 0 46px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:22px}.section-heading h2{font-family:var(--serif);font-size:23px;letter-spacing:-.5px}.section-heading p{color:var(--muted);font-size:12px;margin-top:7px}.tiny-label{color:var(--gold-dim);letter-spacing:2px;font-size:9px}.topic-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.topic-card{border:1px solid var(--line);background:linear-gradient(135deg,#2b2030,#201924);border-radius:5px;padding:23px;text-align:left;display:flex;align-items:center;gap:18px;transition:border-color .2s,transform .2s}.topic-card:hover{border-color:var(--gold-dim);transform:translateY(-3px)}.topic-icon{border:1px solid var(--line);width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:50%;color:var(--gold)}.topic-card strong{font-weight:500;font-size:15px;display:block}.topic-card small{font-size:11px;color:var(--muted);display:block;margin-top:5px}.topic-arrow{margin-left:auto;color:var(--gold-dim);font-size:17px}.welcome-strip{display:grid;grid-template-columns:1fr 1fr;gap:26px;margin-top:31px;padding-top:29px;border-top:1px solid var(--line)}.welcome-note{display:flex;gap:16px;align-items:flex-start}.welcome-note>.icon{color:var(--gold-dim);width:25px;height:25px;margin-top:3px}.welcome-note h3{font-size:13px;margin-bottom:4px}.welcome-note p{font-size:11px;color:var(--muted);line-height:1.85}.step-strip{display:flex;align-items:center;justify-content:space-between;gap:12px}.step{display:flex;gap:10px;align-items:center}.step span{font-family:var(--serif);font-size:23px;color:var(--gold-dim)}.step p{font-size:11px}.step small{display:block;color:var(--muted);font-size:10px}.step-separator{color:var(--gold-dim);font-size:12px}footer{border-top:1px solid var(--line);padding:22px 56px;display:flex;gap:20px;align-items:center;justify-content:space-between;max-width:1376px;margin:auto;color:#897d91;font-size:10px}footer a:hover{color:var(--gold)}.footer-brand{font-family:var(--serif);font-size:15px;color:#a195a8}.footer-links{display:flex;gap:20px;align-items:center}
.page{max-width:1264px;margin:0 auto;padding:40px 0 60px;min-height:calc(100vh - 165px)}.page-title{margin-bottom:32px;display:flex;align-items:flex-end;justify-content:space-between;gap:20px}.page-title h1{font-family:var(--serif);font-size:34px;margin:10px 0 8px}.page-title p{color:var(--muted);font-size:13px}.reading-layout{display:grid;grid-template-columns:320px 1fr;gap:26px}.panel{background:var(--panel);border:1px solid var(--line);border-radius:7px;padding:25px}.panel h2{font-family:var(--serif);font-size:21px;margin-bottom:20px}.field{display:flex;flex-direction:column;gap:8px;margin-bottom:21px}.field label,.field-label{font-size:12px;color:#ddd0df}.field small{font-size:10px;color:var(--muted)}input,textarea,select{background:#1d1623;border:1px solid #48374e;color:var(--text);border-radius:4px;padding:11px 12px;width:100%;font-size:13px}input:focus,textarea:focus,select:focus{border-color:var(--gold-dim)}textarea{resize:vertical;min-height:100px;line-height:1.8}input::placeholder,textarea::placeholder{color:#827189}.topic-pills{display:flex;gap:6px;flex-wrap:wrap;margin:10px 0 22px}.pill{border:1px solid var(--line);background:none;color:var(--muted);font-size:11px;padding:6px 11px;border-radius:30px}.pill.active{background:#45323e;color:var(--gold);border-color:var(--gold-dim)}.check-field{display:flex;align-items:flex-start;gap:9px;font-size:12px;margin:15px 0}.check-field input{width:15px;height:15px;accent-color:var(--gold);margin-top:4px}.check-field small{display:block;color:var(--muted);font-size:10px}.full-width{width:100%}.form-error{color:#efb2ac;font-size:12px;min-height:20px;margin:9px 0}.form-hint{color:var(--muted);font-size:10px;margin-top:14px;line-height:1.8}.reading-table{border:1px solid var(--line);background:radial-gradient(ellipse at 50% 25%,#3d2b45,#211a2a 70%);border-radius:9px;padding:25px;min-height:510px;position:relative;overflow:hidden}.table-top{display:flex;justify-content:space-between;gap:14px;color:var(--muted);font-size:11px;padding-bottom:17px;border-bottom:1px solid var(--line)}.table-top strong{color:var(--gold);font-weight:400}.table-state{text-align:center;padding-top:28px}.table-state h2{font-family:var(--serif);font-size:22px}.table-state p{font-size:12px;color:var(--muted);margin-top:8px}.spread{display:flex;justify-content:center;gap:25px;margin:40px auto 25px;max-width:620px}.spread-slot{width:145px;text-align:center}.position-label{font-size:11px;letter-spacing:.8px;margin-bottom:11px;color:var(--gold)}.card-back{background:repeating-linear-gradient(45deg,transparent,transparent 6px,#d5b57f05 6px,#d5b57f05 7px),#241832;border:1px solid #b49464;border-radius:5px;position:relative;aspect-ratio: .586;display:flex;align-items:center;justify-content:center;box-shadow:0 7px 15px #0004;color:var(--gold);overflow:hidden}.card-back:before{content:'';position:absolute;inset:7px;border:1px solid #a38a5960;border-radius:3px}.card-back:after{content:'';position:absolute;width:80%;aspect-ratio:1;border:1px solid #a38a5944;transform:rotate(45deg)}.back-symbol{font-family:var(--serif);font-size:50px;text-shadow:0 0 24px #d7b87e44;z-index:1}.back-star{position:absolute;font-size:14px;top:13%;left:calc(50% - 5px)}.back-star.bottom{top:auto;bottom:12%}.card-name{font-size:12px;margin-top:11px}.direction{display:block;font-size:10px;color:var(--muted);margin-top:3px}.table-footnote{text-align:center;font-size:11px;color:#a38cae;margin:24px auto}.draw-grid{display:grid;grid-template-columns:repeat(13,1fr);gap:7px;margin:25px 0}.draw-card{min-width:0;padding:0;border-radius:3px;transition:transform .2s,box-shadow .2s;background:none;position:relative}.draw-card .card-back{box-shadow:0 3px 6px #0003;border-color:#977754}.draw-card .card-back:before{inset:3px}.draw-card .back-symbol{font-size:21px}.draw-card .back-star{display:none}.draw-card:hover{transform:translateY(-6px)}.draw-card.selected{transform:translateY(-4px);box-shadow:0 0 0 2px var(--gold);border-radius:4px}.draw-card.selected:after{content:attr(data-order);position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#1c1327cc;color:var(--gold);font-size:23px;font-family:var(--serif)}.selection-status{text-align:center;color:var(--gold);font-size:12px;margin-top:12px}.draw-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.shuffling .draw-card{animation:shuffle .7s ease-in-out alternate infinite;animation-delay:calc(var(--i)*-13ms)}@keyframes shuffle{from{transform:translate(0,0) rotate(-4deg)}to{transform:translate(4px,-7px) rotate(4deg)}}.flip-card{width:100%;aspect-ratio:.586;perspective:1000px;display:block;background:none;padding:0;border-radius:5px}.flip-inner{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform .75s cubic-bezier(.25,.7,.3,1)}.flip-card.revealed .flip-inner{transform:rotateY(180deg)}.flip-front,.flip-back{position:absolute;inset:0;backface-visibility:hidden;border-radius:5px;overflow:hidden}.flip-front{transform:rotateY(180deg);border:3px solid #dccdaf;background:#dccdaf;box-shadow:0 8px 22px #0006}.flip-front img{width:100%;height:100%;object-fit:fill}.reversed-image{transform:rotate(180deg)}.result-section{margin-top:25px;padding-top:25px;border-top:1px solid var(--line)}.result-section h2{font-family:var(--serif);font-size:23px;margin-bottom:15px}.result-section p{font-size:13px;color:#cfc0d4;line-height:2;white-space:pre-wrap;overflow-wrap:anywhere}.result-block{margin:20px 0;padding:18px;border-left:2px solid var(--gold-dim);background:#1c16214d}.result-block h3{color:var(--gold);font-size:14px;margin-bottom:8px}.profile-chips{display:flex;gap:8px;justify-content:center;margin:13px 0;flex-wrap:wrap}.profile-chips span{border:1px solid var(--line);padding:5px 12px;border-radius:20px;font-size:11px;color:var(--gold)}.months-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:18px}.month{background:var(--panel);border:1px solid var(--line);padding:15px;border-radius:5px}.month strong{color:var(--gold);font-size:12px}.month p{font-size:11px;line-height:1.9;margin-top:6px}.reading-actions{display:flex;gap:10px;margin:22px 0;flex-wrap:wrap}.engine-note{font-size:10px!important;color:var(--muted)!important}.deck-tools{display:flex;gap:15px;justify-content:space-between;align-items:center;margin-bottom:24px}.filters{display:flex;gap:7px;flex-wrap:wrap}.search{max-width:240px}.deck-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:30px 22px}.deck-item{background:none;padding:0;text-align:left;min-width:0}.deck-item .image-wrap{overflow:hidden;border:4px solid #e3d3b5;border-radius:5px;background:#e3d3b5;aspect-ratio:.586;transition:transform .3s}.deck-item:hover .image-wrap{transform:translateY(-5px)}.deck-item img{width:100%;height:100%;object-fit:fill}.deck-item h3{font-size:13px;margin:12px 0 1px}.deck-item p{font-size:10px;color:var(--muted)}.deck-count{font-size:12px;color:var(--muted);margin-bottom:25px}.empty-state{text-align:center;padding:80px 25px;border:1px dashed var(--line);border-radius:8px}.empty-state>.icon{width:40px;height:40px;color:var(--gold-dim);margin:auto auto 18px}.empty-state h2{font-family:var(--serif);font-size:25px;margin-bottom:10px}.empty-state p{color:var(--muted);margin-bottom:25px;font-size:13px}.journal-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.journal-card{background:var(--panel);padding:24px;border:1px solid var(--line);border-radius:7px}.journal-top{display:flex;justify-content:space-between;color:var(--muted);font-size:11px;margin-bottom:15px}.journal-card h2{font-size:17px;line-height:1.8;overflow-wrap:anywhere}.journal-images{display:flex;gap:12px;margin:20px 0}.journal-images img{height:125px;aspect-ratio:.586;border:2px solid #e3d3b5;border-radius:3px;object-fit:fill}.journal-card>p{font-size:12px;color:var(--muted);line-height:1.9}.journal-card .reading-actions{margin-bottom:0}.star-button{background:none;color:var(--gold-dim);font-size:23px;padding:0 6px}.star-button.active{color:var(--gold)}.profile-layout{display:grid;grid-template-columns:1fr 1fr;gap:24px;max-width:880px}.profile-stats{display:flex;gap:30px;border-bottom:1px solid var(--line);padding-bottom:20px;margin-bottom:20px}.profile-stats strong{display:block;font-size:29px;color:var(--gold);font-family:var(--serif)}.profile-stats span{font-size:11px;color:var(--muted)}.danger-zone{margin-top:35px;padding-top:22px;border-top:1px solid var(--line)}.danger-zone p{color:var(--muted);font-size:11px;margin-bottom:12px}.danger-button{color:#e7afa8;border:1px solid #805b60;background:none;border-radius:4px;padding:8px 15px;font-size:12px}.source-copy{font-size:13px;line-height:2;color:var(--muted)}.source-copy a{color:var(--gold);text-decoration:underline}
dialog{border:1px solid #7e644b;background:#261d2c;color:var(--text);border-radius:9px;padding:35px;max-width:650px;width:calc(100% - 32px);max-height:90dvh;box-shadow:0 30px 100px #0008}dialog::backdrop{background:#100b19c9;backdrop-filter:blur(7px)}.modal-close{position:absolute;right:12px;top:10px;font-size:20px}.modal-heading{text-align:center;margin-bottom:25px}.modal-heading h2{font-family:var(--serif);font-size:27px;margin-top:9px}.modal-heading p{color:var(--muted);font-size:12px;margin-top:7px}.auth-tabs{display:flex;gap:10px;border-bottom:1px solid var(--line);margin-bottom:25px}.auth-tabs button{flex:1;background:none;padding:12px;color:var(--muted)}.auth-tabs button.active{color:var(--gold);border-bottom:2px solid var(--gold)}.card-detail{display:grid;grid-template-columns:210px 1fr;gap:27px;align-items:center}.card-detail img{border:4px solid #e3d3b5;border-radius:5px;width:100%}.card-detail h2{font-family:var(--serif);font-size:27px;margin:12px 0 5px}.card-detail h3{font-size:14px;color:var(--gold);margin:19px 0 8px}.card-detail p{font-size:12px;color:var(--muted);line-height:2}.keywords{display:flex;gap:7px;flex-wrap:wrap;margin-top:12px}.keywords span{border:1px solid var(--line);color:var(--gold);font-size:10px;padding:3px 8px;border-radius:20px}.modal-reading .spread{gap:16px;margin-top:25px}.modal-reading .spread-slot{max-width:140px}.modal-reading .spread-slot img{border:3px solid #e3d3b5;aspect-ratio:.586;object-fit:fill;width:100%;border-radius:5px}.modal-reading h2{font-family:var(--serif);font-size:23px;padding-right:15px;overflow-wrap:anywhere}.modal-reading p{font-size:12px;color:var(--muted);line-height:2;white-space:pre-wrap;overflow-wrap:anywhere}.modal-note{margin-top:23px;border-top:1px solid var(--line);padding-top:20px}.modal-note textarea{margin:10px 0}.modal-note label{font-size:12px}.confirm-actions{display:flex;gap:10px;margin-top:20px;justify-content:flex-end}#toast{position:fixed;bottom:28px;left:50%;transform:translate(-50%,20px);z-index:10;background:#e3ceaa;color:#2c2030;padding:13px 24px;border-radius:5px;box-shadow:0 10px 30px #0006;font-size:13px;max-width:90%;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s}#toast.show{opacity:1;transform:translate(-50%,0)}.skip-link{position:fixed;top:-100px;left:20px;z-index:20;background:var(--gold);color:var(--bg);padding:10px}.skip-link:focus{top:10px}.hidden{display:none!important}.loading{color:var(--muted);text-align:center;padding:70px}.spin{animation:spin 1.2s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
@media(min-width:1450px){.hero-inner{padding-top:88px;padding-bottom:80px}.hero{min-height:580px}}
@media(max-width:1360px){.hero-inner,.section,.page{margin-left:56px;margin-right:56px}.hero h1{font-size:42px}.hero-art{height:380px}.hero-card{width:145px;height:248px}.hero-card.left{transform:translate(-103px,10px) rotate(-17deg)}.hero-card.right{transform:translate(100px,10px) rotate(17deg)}}
@media(max-width:1050px){.header-inner{padding:0 30px}.nav{gap:24px;margin-left:0}.hero-inner,.section,.page{margin-left:30px;margin-right:30px}.hero h1{font-size:35px}.hero-art{height:350px}.hero-card{width:130px;height:224px}.hero-card.left{transform:translate(-82px,10px) rotate(-17deg)}.hero-card.right{transform:translate(82px,10px) rotate(17deg)}.orbit{width:300px;height:300px;left:calc(50% - 150px)}.topic-card{padding:18px 14px;gap:10px}.topic-icon{width:34px;height:34px}.topic-arrow{display:none}.reading-layout{grid-template-columns:280px 1fr;gap:18px}.reading-table{padding:20px}.spread{gap:15px}.draw-grid{grid-template-columns:repeat(10,1fr);gap:6px}.deck-grid{grid-template-columns:repeat(5,1fr)}footer{padding:22px 30px}.header-actions{gap:8px}.welcome-strip{grid-template-columns:1fr 1.3fr}}
@media(max-width:760px){header{height:auto}.header-inner{padding:16px 20px;gap:13px;flex-wrap:wrap}.brand-name{font-size:20px}.brand-mark{width:29px;height:29px}.header-actions{margin-left:auto}.nav{width:100%;order:3;justify-content:space-around;gap:12px;padding-top:5px;border-top:1px solid var(--line)}.nav button{padding:10px 0;font-size:12px}.nav button.active:after{bottom:1px}.small-button{padding:6px 11px}.hero-inner{grid-template-columns:1fr;padding:39px 0 18px;gap:8px;margin:0 23px}.hero-copy{text-align:center}.eyebrow{justify-content:center;font-size:9px}.hero h1{font-size:33px;margin:19px 0 16px;line-height:1.55}.hero-copy>p{font-size:12px}.hero-buttons,.hero-meta{justify-content:center}.hero-buttons{gap:15px;margin-top:24px}.hero-meta{gap:14px;font-size:10px;margin-top:18px}.hero-art{height:285px;margin-top:16px}.hero-card{width:118px;height:203px}.hero-card.left{transform:translate(-85px,3px) rotate(-17deg)}.hero-card.right{transform:translate(85px,3px) rotate(17deg)}.hero-card.center{transform:translateY(-12px) rotate(-2deg)}.orbit{width:250px;height:250px;top:5px;left:calc(50% - 125px)}.hero-art .spark{left:14%;top:17px}.hero-art .spark.second{top:236px;right:17%}.art-caption{bottom:4px;font-size:8px}.room-label{display:none}.section,.page{margin:0 20px;padding:28px 0 40px}.section-heading h2{font-size:21px}.section-heading p{font-size:11px}.tiny-label{font-size:8px}.topic-grid{grid-template-columns:repeat(2,1fr);gap:10px}.topic-card{padding:18px 13px}.topic-card strong{font-size:13px}.topic-card small{font-size:10px}.welcome-strip{grid-template-columns:1fr;gap:23px;margin-top:25px;padding-top:24px}.welcome-note p{font-size:10px}.step-strip{border-top:1px solid var(--line);padding-top:20px}.step{gap:8px}.step span{font-size:21px}.step p{font-size:10px}.step small{font-size:9px}footer{padding:20px;flex-wrap:wrap;gap:10px;font-size:9px}.footer-links{gap:13px}.footer-brand{font-size:13px}.page-title{margin-bottom:23px;align-items:flex-start}.page-title h1{font-size:28px}.page-title p{font-size:12px}.reading-layout{grid-template-columns:1fr}.panel{padding:22px}.reading-table{min-height:420px;padding:20px 15px}.reading-table .spread{margin-top:30px;gap:12px}.spread-slot{width:110px;max-width:32%}.back-symbol{font-size:40px}.table-state h2{font-size:20px}.draw-grid{grid-template-columns:repeat(10,1fr);gap:5px}.draw-card .back-symbol{font-size:14px}.draw-card .card-back:after{display:none}.draw-card .card-back:before{inset:2px}.draw-card.selected:after{font-size:17px}.deck-tools{flex-direction:column;align-items:stretch}.search{max-width:none}.filters{gap:6px}.pill{padding:6px 10px}.deck-grid{grid-template-columns:repeat(3,1fr);gap:22px 13px}.deck-item h3{font-size:11px}.deck-item p{font-size:9px}.deck-item .image-wrap{border-width:3px}.journal-grid{grid-template-columns:1fr}.journal-images img{height:120px}.profile-layout{grid-template-columns:1fr}.card-detail{grid-template-columns:130px 1fr;gap:17px}.card-detail h2{font-size:23px}.card-detail p{font-size:11px}dialog{padding:30px 22px}.modal-reading .spread{gap:12px}.result-section p{font-size:12px}.table-top{font-size:10px}.engine-note{font-size:9px!important}.hero-art:hover .left{transform:translate(-85px,3px) rotate(-17deg)}.hero-art:hover .right{transform:translate(85px,3px) rotate(17deg)}}
@media(max-width:360px){.brand-name{font-size:17px}.brand-en{font-size:8px;letter-spacing:2px}.header-inner{padding:14px}.hero h1{font-size:29px}.topic-card{gap:8px}.topic-icon{width:28px;height:28px}.topic-card small{font-size:9px}.deck-grid{gap:20px 9px}.draw-grid{grid-template-columns:repeat(8,1fr)}.hero-buttons{gap:7px}.button{padding:12px 17px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.reading-mode{border:1px solid var(--line);color:var(--muted);padding:10px 13px;display:flex;align-items:center;gap:9px;font-size:11px;border-radius:4px;margin-bottom:22px}.reading-mode.ai{color:var(--gold);background:#d7b87e0a}.reading-mode.warning{color:#edb7a4;border-color:#805b60}.result-block p+p,.result-section>p+p{margin-top:12px}.result-keywords{margin:20px 0 27px}.result-keywords span{font-size:11px;padding:5px 11px}.takeaways{display:grid;grid-template-columns:1fr 1fr;gap:17px;margin:20px 0 26px}.takeaways>div{background:var(--panel);border:1px solid var(--line);border-radius:5px;padding:17px}.takeaways h3{font-size:13px;color:var(--gold);margin-bottom:8px}.takeaways p{font-size:12px}.result-block h3 .direction{display:inline-block;margin-left:6px}.header-actions .text-button{display:flex;align-items:center;gap:7px}@media(max-width:760px){.takeaways{grid-template-columns:1fr}.reading-mode{font-size:10px}}
@media print{header,footer,.reading-actions,.draw-actions,.modal-close,#toast{display:none!important}body,dialog,.reading-table,.panel{background:white!important;color:#222!important}dialog{position:static;max-height:none;max-width:none;border:0}.result-section p,.result-block h3,.modal-reading p{color:#222!important}.flip-card .flip-inner{transform:none!important}.flip-back{display:none}.flip-front{transform:none}.page{margin:0;padding:0}.reading-layout{display:block}.reading-layout>form{display:none}.result-block,.month{break-inside:avoid}.modal-reading{width:100%}}
.loading-box{text-align:center;padding:56px 20px;display:grid;justify-items:center;gap:14px}
.loading-box h2{margin:0}
.loading-box p{margin:0;color:var(--muted);line-height:1.7}
.loading-box small{color:var(--gold-dim)}
.hourglass{animation:hg-flip 3.2s ease-in-out infinite;transform-origin:50% 50%;color:var(--gold)}
.hourglass .hg-frame{stroke:var(--gold);stroke-width:3;stroke-linecap:round}
.hourglass .hg-top,.hourglass .hg-bottom{fill:var(--gold);opacity:.85}
.hourglass .hg-stream{stroke:var(--gold);stroke-width:1.5;stroke-dasharray:3 3;animation:hg-fall .5s linear infinite}
.hourglass .hg-top{animation:hg-drain 3.2s ease-in-out infinite;transform-origin:24px 28px}
.hourglass .hg-bottom{animation:hg-fill 3.2s ease-in-out infinite;transform-origin:24px 58px}
.loading-bar{width:min(360px,80%);height:6px;border-radius:99px;background:var(--panel2);overflow:hidden}
.loading-bar i{display:block;height:100%;width:40%;border-radius:99px;background:linear-gradient(90deg,transparent,var(--gold),transparent);animation:slide 1.4s ease-in-out infinite}
@keyframes hg-flip{0%,55%{transform:rotate(0)}70%,100%{transform:rotate(180deg)}}
@keyframes hg-fall{to{stroke-dashoffset:-6}}
@keyframes hg-drain{0%{transform:scaleY(1)}55%{transform:scaleY(.08)}100%{transform:scaleY(.08)}}
@keyframes hg-fill{0%{transform:scaleY(.08)}55%{transform:scaleY(1)}100%{transform:scaleY(1)}}
@keyframes slide{0%{transform:translateX(-120%)}100%{transform:translateX(320%)}}
@media (prefers-reduced-motion:reduce){.hourglass,.hourglass *,.loading-bar i{animation-duration:6s}}
.auth-page{display:grid;place-items:start center;padding:40px 16px 80px;min-height:calc(100vh - 165px)}
.auth-card{width:100%;max-width:460px;background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:32px 28px}
.auth-card .modal-heading{text-align:center;margin-bottom:20px}
.auth-card form{display:grid;gap:14px}
.auth-notice{background:rgba(215,184,126,.12);border:1px solid var(--gold-dim);border-radius:9px;padding:12px 14px;margin-bottom:16px;color:var(--text);line-height:1.6}
.auth-links{text-align:center}
.auth-sub{margin:0;font-size:1.2rem}
.auth-done{text-align:center;display:grid;gap:14px;justify-items:center}
.auth-done p{margin:0;color:var(--muted);line-height:1.7}
.auth-done strong{color:var(--text)}
.ts-box{display:flex;justify-content:center;min-height:65px}