@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Libre+Baskerville:wght@400;700&display=swap";:root{font-family:DM Sans,sans-serif;color:#332f29;background:#f6f1e7;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer}.app{min-height:100vh;display:flex}.sidebar{width:255px;background:#344638;color:#f3e9d5;display:flex;flex-direction:column;padding:26px 18px;position:sticky;top:0;height:100vh}.brand{display:flex;gap:12px;align-items:center;padding:7px 5px 33px}.brand-mark{border:1px solid #bfa979;border-radius:8px;color:#e1d0a4;padding:12px 8px;font:700 25px Georgia,serif}.brand strong{font:700 15px Georgia,serif;display:block}.brand small{font-size:10px;color:#c9c4aa;display:block;margin-top:5px}.sidebar nav{display:grid;gap:8px}.sidebar nav button{border:0;background:transparent;color:#e8e6d8;text-align:left;padding:13px 15px;border-radius:10px;display:flex;gap:13px;align-items:center}.sidebar nav button.active,.sidebar nav button:hover{background:#50634d}.sidebar-foot{margin-top:auto;text-align:center;color:#b7b99f;font:italic 12px Georgia,serif}main{width:min(1050px,100%);margin:0 auto;padding:30px 38px 90px;flex:1}.top{display:flex;justify-content:space-between;align-items:center;color:#69715e;font-size:10px;letter-spacing:2px;margin-bottom:24px}.top-leaf{color:#748365}.hero{background:#344638;color:#f7eddb;border-radius:18px;padding:55px 48px;position:relative;overflow:hidden}.hero:after{content:"✦  ☾  ✧";position:absolute;right:25px;top:35px;color:#aebd9b;opacity:.25;font-size:85px;transform:rotate(-20deg)}h1,h2{font-family:Libre Baskerville,Georgia,serif;line-height:1.35}h1{font-size:clamp(27px,3.5vw,42px);margin:12px 0}h2{font-size:21px}.eyebrow{font-size:10px;letter-spacing:2px;color:#8b926e;font-weight:700}.hero .eyebrow{color:#c4ba91}.hero p{color:#e4dfcf;max-width:450px}.hero button{border:1px solid #c4b48a;background:#d4c29a;color:#2c3a2d;padding:12px 17px;border-radius:8px;display:flex;gap:12px;align-items:center;margin-top:24px}.section-title{margin:28px 0 15px}.quick-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.quick{background:#fffcf5;border:1px solid #e5dfd1;border-radius:13px;padding:20px;text-align:left;display:flex;flex-direction:column;gap:12px;color:#455b46}.quick strong{color:#343b31}.quick span{font-size:12px;color:#7d7b6e}.feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:22px}.panel{background:#fffcf5;border:1px solid #e5dfd1;border-radius:13px;padding:24px}.panel p{color:#666a60;line-height:1.7}.panel small{color:#898879}.page-heading{margin-bottom:25px}.page-heading p{color:#77776d}.tabs{display:flex;gap:7px;flex-wrap:wrap;border-bottom:1px solid #dcd5c6;padding-bottom:14px}.tabs button{border:1px solid #dcd5c6;background:#fffcf5;border-radius:8px;padding:10px 16px;color:#5a6254}.tabs button.selected{background:#344638;color:#fff;border-color:#344638}.toolbar{display:flex;justify-content:space-between;gap:12px;margin:22px 0}.search{background:#fffdf7;border:1px solid #ddd8cb;display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:9px;flex:1;max-width:400px;color:#73806b}.search input{border:0;outline:0;background:transparent;width:100%;min-width:0}.view-toggle{display:flex;gap:5px}.view-toggle button{border:1px solid #ddd8cb;background:#fffdf7;border-radius:7px;padding:9px;color:#596b57}.view-toggle button.selected{background:#dce3d5}.count{font-size:12px;color:#8a8779}.card-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:17px}.tarot-card{background:transparent;border:0;text-align:center;color:#3c4038;min-width:0}.tarot-card strong{display:block;font-size:12px;margin-top:9px}.card-art{aspect-ratio:3/5;background:#e9e2cf;border:1px solid #b9ac88;outline:3px solid #f7f2e7;outline-offset:-7px;border-radius:5px;display:flex;flex-direction:column;align-items:center;justify-content:space-around;color:#66715d;padding:14px 5px}.card-ornament{font-size:24px}.card-number{font:24px Georgia,serif}.card-symbol{font-size:36px}.card-caption{font-size:9px;letter-spacing:.3px}.card-list{display:grid;gap:10px}.card-list .tarot-card{background:#fffdf7;border:1px solid #e2dbcc;border-radius:9px;display:flex;align-items:center;text-align:left;padding:8px 15px;gap:15px}.card-list .card-art{height:65px;aspect-ratio:3/5;outline:none;padding:3px}.card-list .card-art .card-caption,.card-list .card-art .card-ornament,.card-list .card-art .card-symbol{display:none}.card-list .card-art .card-number{font-size:17px}.detail .back{background:none;border:0;color:#486449;margin-bottom:20px}.chapter-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-top:25px}.chapter-tabs span{background:#edf0e8;padding:9px;border-radius:7px;font-size:12px}.bottom-nav{display:none}@media(max-width:900px){.sidebar{width:205px}.card-grid{grid-template-columns:repeat(3,1fr)}.quick-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){.sidebar{display:none}main{padding:20px 18px 100px}.top{margin-bottom:15px}.hero{padding:35px 25px}.hero:after{font-size:45px;top:10px;right:10px}.feature-grid{grid-template-columns:1fr}.card-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.tabs{flex-wrap:nowrap;overflow-x:auto;padding-bottom:12px}.tabs button{white-space:nowrap;padding:9px 12px}.bottom-nav{position:fixed;bottom:0;left:0;right:0;background:#344638;display:flex;justify-content:space-around;padding:9px 3px max(10px,env(safe-area-inset-bottom));z-index:5}.bottom-nav button{border:0;background:transparent;color:#d5d8c7;display:flex;flex-direction:column;align-items:center;gap:5px;font-size:10px;min-width:0;padding:3px}.bottom-nav button.active{color:#f2d6a0}.quick{padding:15px}.card-caption{font-size:8px}}