/* A moonlit parchment salon, using the user's watercolor deck as the art. */
:root{--paper:#f3ecdf;--ink:#4a3f54;--green:#555174;--muted:#8e7f96;--line:#cdbb9c80;--gold:#aa874c;--cream:#f6ecd9}
body{background:radial-gradient(ellipse at 15% 0%,#a7a8c23b,transparent 65%),#202237;color:var(--ink)}
.sidebar{min-height:96px;background:#202237;border-color:#bea27660;padding:20px max(28px,calc((100vw - 1160px)/2));color:#ebdec7}
.brand{font-size:28px;letter-spacing:1px}.brand small{font-size:10px;letter-spacing:3px;color:#bda679}.brand-mark{color:#c8af79;font-size:42px}
.sidebar .nav-link{font-family:var(--serif);font-size:15px;color:#c7bdd1}.sidebar .nav-link.active{color:#efd9a8;border-color:#c3a268}.sidebar .nav-icon{font-size:18px}
.workspace{max-width:1240px;margin:0 auto;background:radial-gradient(ellipse at 50% 10%,#e1e0ee70,transparent 50%),radial-gradient(ellipse at 95% 40%,#efd3c47a,transparent 60%),#f7f0e2;box-shadow:0 0 60px #07091840;border-left:1px solid #bb9d6e;border-right:1px solid #bb9d6e;min-height:100vh}
.prototype-bar{background:#e9e1d6;color:#827489;border-bottom:1px solid #cbbb9f7a;font-size:11px;padding:5px 15px}.prototype-bar span{color:#8a704b;font-size:9px}
.topbar{height:62px;border-color:#bca58065;margin:0 45px;padding:0}.desktop-crumb{color:#968267;font-size:10px;letter-spacing:2.7px}.ticket-pill{background:transparent;border:1px solid #bca58080;color:#6e5b7c;font-size:13px}.ticket-pill strong{color:#6c5677}.profile-button{background:#e0d5e3;color:#594c69;border:1px solid #b9a0b5}
main{max-width:1120px;padding:38px 35px 45px;position:relative}.salon-heading{text-align:center;margin:0 0 26px}.salon-kicker{display:flex;align-items:center;justify-content:center;gap:15px;color:#9a805c;font-size:12px;letter-spacing:2px;margin-bottom:15px}.salon-kicker span{width:34px;height:1px;background:#b59b7380}.salon-heading h1{font-family:var(--serif);font-weight:500;font-size:35px;letter-spacing:-1px;line-height:1.65;color:#514460}.salon-heading p{font-size:14px;color:#9a869c;margin-top:11px}.mobile-only{display:none}
.favorites{justify-content:center;gap:9px;margin-bottom:21px}.favorite{background:#f8f1e9;border:1px solid #cdb99c99;border-radius:4px 16px 4px 16px;color:#8a7293;padding:6px 15px 6px 7px;font-size:14px}.favorite.selected{background:#e2d9e8;border-color:#a18aad;box-shadow:none;color:#594362}.initial{background:#c4acc7;color:#5c4661;width:25px;height:25px}.favorite:nth-child(2) .initial{background:#b9bfd6}.favorite-add{font-size:13px;color:#9a7e85}.favorite:hover{border-color:#92719b}
.celestial-reading{position:relative;isolation:isolate;padding:18px 28px 30px;border-top:1px solid #b6a07866;border-bottom:1px solid #b6a07866;background:radial-gradient(ellipse at 50% 36%,#c9c5e174 0%,#e4dbea32 40%,transparent 70%)}
.celestial-reading::before{content:'';position:absolute;inset:6px -7px;border-top:1px solid #b6a07835;border-bottom:1px solid #b6a07835;pointer-events:none}
.reading-date{display:flex;justify-content:space-between;color:#ab926e;font-family:Georgia,serif;font-size:10px;letter-spacing:2.2px;padding:0 4px}.celestial-layout{display:grid;grid-template-columns:1fr 420px 1fr;align-items:center;gap:15px;margin-top:3px}.reading-aside{text-align:center;position:relative;z-index:2}.aside-ornament{font-family:Georgia,serif;font-size:33px;color:#ad8e59;display:block;margin-bottom:14px}.reading-aside p{font-family:var(--serif);font-size:16px;color:#88718b;line-height:2}.aside-rule{display:block;width:24px;height:1px;background:#b29b7277;margin:18px auto}.reading-aside small{font-size:12px;line-height:1.9;color:#a28b94}
.celestial-stage{position:relative;height:350px;width:420px;display:grid;place-items:center}.orbit{position:absolute;border:1px solid #b29a694f;border-radius:50%;pointer-events:none}.orbit-outer{width:340px;height:340px;transform:rotate(-20deg);border-style:dashed;border-spacing:10px;opacity:.6}.orbit-inner{width:316px;height:316px;border-color:#b29a6957}.orbit-star{position:absolute;color:#ad894e;z-index:4;pointer-events:none}.star-one{top:0;left:50%;font-size:25px;transform:translateX(-50%)}.star-two{bottom:32px;left:14px;font-size:18px}.star-three{top:55px;right:15px;font-size:25px}
.salon-card{position:absolute;width:147px;aspect-ratio:2/3;object-fit:contain;border-radius:6px;box-shadow:0 14px 22px #69567324;top:68px}.salon-card-left{left:28px;transform:rotate(-17deg)}.salon-card-right{right:28px;transform:rotate(17deg)}.salon-card-center{position:relative;z-index:3;padding:0;top:2px}.salon-card-center .tarot-card{width:175px;transform:rotate(0);box-shadow:0 20px 30px #5c49653d,0 0 0 1px #ad8f60;border-radius:7px}.salon-card-center .tarot-card:hover{transform:translateY(-8px)}
.celestial-caption{text-align:center;margin-top:-7px;position:relative;z-index:4}.tiny-ornament{font-size:12px;color:#b18e56;display:block;margin-bottom:5px}.celestial-caption h2{font-size:23px;font-weight:500;color:#65506c;letter-spacing:-.7px}.celestial-caption p{font-size:13px;color:#9a8199;margin-top:6px;margin-bottom:17px}.celestial-caption small{display:block;font-size:12px;color:#a28c93;margin-top:11px}.salon-cta{min-width:255px;gap:35px;font-family:var(--serif);font-size:15px;font-weight:500;padding:13px 25px;border-radius:3px;background:linear-gradient(120deg,#706386,#514d72);border:1px solid #a38a9f;box-shadow:inset 0 0 0 3px #ffffff0e,0 5px 12px #66537820;color:#f4e8d4}
.salon-divider{display:flex;align-items:center;justify-content:center;gap:18px;margin:30px 0;color:#b39b6b;font-size:19px}.salon-divider span{width:80px;height:1px;background:linear-gradient(90deg,transparent,#bba77d70,transparent)}
.salon-doors{display:grid;grid-template-columns:1fr 1fr;gap:22px}.conversation-door,.narrative-door{position:relative;isolation:isolate;overflow:hidden;min-height:260px;padding:30px 25px 25px;border:1px solid #bea982a1;border-radius:38px 5px 38px 5px;background:linear-gradient(140deg,#dcdcea80,#f5e9dd);box-shadow:inset 0 0 0 5px #fbf4e65c,inset 0 0 0 6px #c1ac8d40}.narrative-door{background:linear-gradient(140deg,#efdddf,#e5dfed)}.door-number{position:absolute;top:20px;right:22px;font-family:Georgia,serif;color:#b4a087;font-size:17px}.door-copy{position:relative;z-index:2;max-width:75%}.door-label{font-size:12px;letter-spacing:.5px;color:#9c8194}.door-copy h2{font-size:23px;line-height:1.6;color:#6a5271;font-weight:500;margin:10px 0}.door-copy p{font-size:14px;line-height:1.9;color:#90798e;margin-bottom:17px}.door-card{position:absolute;width:125px;right:-24px;bottom:-37px;transform:rotate(16deg);border-radius:6px;opacity:.77;box-shadow:0 0 25px #73608320;z-index:1}.narrative-door .door-card{width:132px;right:-20px;transform:rotate(14deg);opacity:.75}.text-link{color:#856285;border-color:#b799ac70;font-size:14px}.text-link span{margin-left:12px}
.section-title{margin-top:33px}.section-title h2{color:#6b546f;font-size:20px;font-weight:500}.section-title span{font-size:12px;color:#a18e9d}.topic-grid{gap:13px}.topic{background:transparent;border:1px solid #c4b49b77;border-radius:5px;padding:18px;text-align:center;color:#7d6085;box-shadow:inset 0 0 0 3px #fff7ed40}.topic:hover{background:#e8dfea;border-color:#b594b3}.topic .topic-icon{font-size:24px;color:#b29562;margin-bottom:10px}.topic b{font-family:var(--serif);font-weight:500;font-size:15px;color:#785d7d}.topic small{font-size:12px;color:#a28b99}.note-banner{background:#ded7e34a;border:0;border-top:1px solid #c1ad9977;border-bottom:1px solid #c1ad9977;border-radius:0;color:#8a6c87;margin-top:28px;font-size:13px;padding:18px}.note-banner span{color:#a18a9e}.note-banner .text-link{color:#92768e;font-size:13px}.page-footer{color:#a68c94;border-color:#c0ac8b7a;margin:0 45px;padding:22px 0 30px;font-size:12px}.page-footer span{color:#aa969e}.page-footer button{color:#9c8794}
.page-head h1{color:#67506e;font-weight:500}.page-head p,.back-button{color:#9a849a}.reading-cover{background:linear-gradient(150deg,#e6dded,#f4e8d3);border-color:#bda174;box-shadow:inset 0 0 0 7px #fff8e65c,inset 0 0 0 8px #baa17440}.reading-body{background:#fbf5e9;border-color:#c7b393;color:#6f5877;border-radius:40px 5px 5px 5px;box-shadow:inset 0 0 0 5px #f3e7d75e}.reading-body h2,.reading-body h3{color:#775c80}.reading-body p{color:#877187}.reading-body .small-tag{color:#9a8058;border-color:#c6ae80}.lucky{background:#ece2ec;color:#806688;border-color:#d8c3d4}.reading-cover p{color:#95839d}.chat-shell{border-color:#bda681;border-radius:26px 26px 7px 7px;box-shadow:0 8px 25px #7160770d}.chat-heading{background:#e9dfea;border-color:#c9b1c6}.chat-heading h2{font-family:var(--serif);color:#705378;font-weight:500}.chat-heading small{color:#9c83a3}.manager-avatar{background:#e9d5b0;border-color:#a78967;color:#816584}.messages{background:linear-gradient(130deg,#faf2e6,#eee5f0)}.message{background:#e7ddeb;border-color:#d3bfd8;color:#785c81}.message.user{background:#79648e;border-color:#92779f;color:#fff2e4}.message small{color:#a083ad}.composer{background:#f5ecdf}.composer input{border-color:#c8b3c5}.suggestions button{background:#f3e9ed;color:#977999}.form-panel,.settings-panel{background:#fbf3e7;border-color:#c9b393;box-shadow:inset 0 0 0 4px #ede3d532;color:#81678b}.settings-panel h2{color:#7f6087}.form-panel h2{color:#7f6087}.field>span{color:#8a7090}.memory-item{background:#ece0ec;color:#856b8e}.settings-panel .text-link{color:#93739c}.archive-item{background:#f9efe2;border-color:#c9b591;color:#7a5c82;border-radius:22px 5px 22px 5px}.archive-icon{background:#e6d6e8;color:#95729d}.archive-item small{color:#a089a8}.empty{background:#eee3ef;border-color:#b6a0bb;color:#886b91}.empty p{color:#9f86a5}.disclosure{color:#a08aa2!important}.story-hero{border-color:#bca47a;background:linear-gradient(120deg,#e6dced,#f3e5da);border-radius:50px 5px 5px 5px}.story-intro h1{color:#795a83}.story-intro p{color:#947a9e}.story-intro .eyebrow{color:#aa8f61}.price{color:#8c698f}.price small{color:#a38ca7}.primary{background:linear-gradient(120deg,#7e6b92,#5c547b);border-color:#a18aad;color:#fcf1de}.primary:hover{background:#746088}.secondary{background:#f6eadc;color:#95749b;border-color:#cbb493}.small-tag{background:#f9efdf;color:#9c855e;border-color:#cbb68e}.offer-price{color:#7b5e87}dialog{background:#faf0e2;border-color:#bba073;box-shadow:inset 0 0 0 5px #eddfce77,inset 0 0 0 6px #cbb39750,0 30px 90px #17132760}.dialog-title{color:#7d5d87}.dialog-description{color:#9c81a4}.dialog-eyebrow{color:#aa8f61}.demo-note{background:#eee0cb;color:#9c815d}.article .opening,.article h3{color:#9270a0}
@media(min-width:1400px){.workspace{margin-top:17px;margin-bottom:25px;border:1px solid #a68c68;outline:1px solid #b49a653b;outline-offset:7px}.celestial-stage{height:370px}.salon-card-center .tarot-card{width:185px}.salon-card{width:155px;top:78px}.orbit-outer{width:355px;height:355px}.orbit-inner{width:330px;height:330px}}
@media(max-width:1000px){.celestial-layout{grid-template-columns:1fr 350px 1fr}.celestial-stage{width:350px;height:320px}.orbit-outer{width:300px;height:300px}.orbit-inner{width:280px;height:280px}.salon-card-center .tarot-card{width:163px}.salon-card{width:132px;top:60px}.salon-card-left{left:6px}.salon-card-right{right:6px}.reading-aside p{font-size:14px}.reading-aside small{font-size:12px}.salon-heading h1{font-size:31px}.door-copy h2{font-size:21px}.door-copy{max-width:82%}.door-card{opacity:.35}.narrative-door .door-card{opacity:.42}}
@media(max-width:760px){body{background:#f4edde}.workspace{border:0;box-shadow:none;background:radial-gradient(ellipse at 50% 20%,#e4dceb88,transparent 60%),#f6efe1}.topbar{height:68px;margin:0 20px}.mobile-brand{color:#7b5c85;font-size:22px;letter-spacing:1px}.ticket-pill{font-size:12px;border-color:#c4ae93}.profile-button{background:#e0d0e2;color:#785581}.prototype-bar{background:#e9e0d8;font-size:10px;color:#967f9b}main{padding:29px 19px 27px}.salon-heading{margin-bottom:21px}.salon-kicker{font-size:11px;letter-spacing:1px;gap:10px;margin-bottom:11px}.salon-kicker span{width:20px}.salon-heading h1{font-size:28px;line-height:1.7;letter-spacing:-1px}.mobile-only{display:block}.salon-heading p{font-size:13px;margin-top:12px}.favorites{gap:7px;margin-bottom:21px}.favorite{font-size:13px;padding:6px 10px 6px 6px}.favorite-add{font-size:13px;padding:8px 2px}.initial{width:23px;height:23px}.celestial-reading{padding:15px 8px 27px}.reading-date{font-size:9px;letter-spacing:1.8px}.celestial-layout{display:block;margin:5px auto 0}.reading-aside{display:none}.celestial-stage{width:min(100%,350px);height:310px;margin:auto}.salon-card-center .tarot-card{width:156px}.salon-card{width:126px;top:60px}.salon-card-left{left:9px}.salon-card-right{right:9px}.orbit-outer{width:288px;height:288px}.orbit-inner{width:268px;height:268px}.star-one{font-size:20px;top:4px}.star-two{left:9px;bottom:24px}.star-three{right:11px;font-size:20px}.celestial-caption{margin-top:-2px}.celestial-caption h2{font-size:22px}.celestial-caption p{font-size:13px}.celestial-caption small{font-size:12px}.salon-cta{font-size:15px;min-height:49px;min-width:245px;max-width:100%}.salon-divider{margin:25px 0}.salon-doors{grid-template-columns:1fr;gap:18px}.conversation-door,.narrative-door{min-height:227px;padding:26px 23px;border-radius:32px 5px 32px 5px}.door-copy{max-width:80%}.door-copy h2{font-size:23px}.door-copy p{font-size:14px}.door-card{width:127px;opacity:.65;right:-20px;bottom:-35px}.narrative-door .door-card{opacity:.7}.door-label{font-size:12px}.door-number{font-size:15px}.text-link{font-size:14px}.section-title{gap:10px;align-items:start}.section-title h2{font-size:18px}.section-title span{font-size:11px;white-space:nowrap}.topic{padding:17px 9px}.topic b{font-size:14px}.topic small{font-size:12px;line-height:1.8}.note-banner{font-size:13px;line-height:1.9;padding:15px 8px}.note-banner .text-link{font-size:13px}.page-footer{margin:0 20px;padding-bottom:100px;font-size:11px}.bottom-nav{background:#f5eee2f5;border-color:#c3ac8877;box-shadow:0 -3px 20px #92759b0c}.bottom-nav .nav-link{color:#a98eb2;font-size:12px}.bottom-nav .nav-link.active{color:#765181}.bottom-nav .nav-icon{color:inherit}.reading-body{border-radius:27px 5px 5px 5px}.chat-heading h2{font-size:16px}.chat-heading small{font-size:12px}.message{font-size:16px;line-height:1.95}.composer input{font-size:16px}.reading-body p{font-size:16px}.story-hero{border-radius:35px 5px 5px 5px}.page-head h1{font-size:27px}.settings-panel,.form-panel{padding:24px}}
@media(max-width:360px){.salon-card-center .tarot-card{width:145px}.salon-card{width:114px}.orbit-outer{width:265px;height:265px}.orbit-inner{width:248px;height:248px}.celestial-stage{height:288px}.salon-heading h1{font-size:26px}}