:root{color-scheme:dark;--night: #17182d;--night-deep: #101222;--purple: #6B4FA0;--purple-light: #a18ac8;--gold: #C9A227;--gold-pale: #e6ce83;--paper: #fbf6e9;--muted: #d4cde0;--serif: "Cormorant Garamond", Georgia, serif;--sans: "DM Sans", sans-serif;--script: "Parisienne", cursive;font-family:var(--sans);background:var(--night)}*{box-sizing:border-box}html{min-width:320px;min-height:100%;background:var(--night)}body{margin:0;min-width:320px;min-height:100vh;min-height:100dvh;color:var(--paper);background:radial-gradient(ellipse at 50% 30%,rgba(107,79,160,.26),transparent 48%),radial-gradient(ellipse at 10% 90%,rgba(53,66,112,.2),transparent 35%),linear-gradient(155deg,#202039 0%,var(--night) 48%,#15172c 100%);overflow-x:hidden}body:before{content:"";pointer-events:none;position:fixed;inset:0;z-index:0;opacity:.14;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='.87' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.15'/%3E%3C/svg%3E");mix-blend-mode:soft-light}button{font:inherit}.sky{position:fixed;inset:0;overflow:hidden;pointer-events:none;z-index:0}.star{position:absolute;width:2px;height:2px;border-radius:50%;background:var(--gold-pale);opacity:.55;box-shadow:0 0 8px 2px #c9a2274d;animation:star-drift 8s ease-in-out infinite alternate}.star-a{left:11%;top:16%;animation-delay:-2s}.star-b{left:82%;top:13%;animation-delay:-5s}.star-c{left:71%;top:31%;animation-delay:-1s}.star-d{left:17%;top:68%;animation-delay:-4s}.star-e{left:91%;top:73%;animation-delay:-3s}.star-f{left:34%;top:10%;animation-delay:-6s}.star-g{left:57%;top:83%;animation-delay:-2.5s}.star-h{left:5%;top:43%;animation-delay:-1.5s}.star-i{left:94%;top:42%;animation-delay:-4.5s}.star-j{left:43%;top:93%;animation-delay:-.5s}@keyframes star-drift{0%{transform:translateZ(0);opacity:.27}to{transform:translate3d(4px,-8px,0);opacity:.8}}.app-shell{position:relative;z-index:1;width:min(100%,780px);min-height:100vh;min-height:100dvh;margin:0 auto;padding:38px 24px 24px;display:flex;justify-content:center}.screen{width:100%;min-height:calc(100dvh - 62px);display:flex;align-items:center;flex-direction:column;text-align:center;animation:appear .7s ease both}.screen[hidden]{display:none}@keyframes appear{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.brand-mark{display:flex;align-items:center;justify-content:center;gap:8px;height:18px;margin:0 0 22px}.brand-mark span{width:35px;height:1px;background:linear-gradient(90deg,transparent,var(--gold))}.brand-mark span:last-child{transform:scaleX(-1)}.brand-mark i{display:block;width:8px;height:8px;border:1px solid var(--gold-pale);transform:rotate(45deg)}.eyebrow{margin:0;color:var(--paper);font-size:10px;font-weight:500;letter-spacing:.27em}.welcome-screen h1{margin:13px 0 0;color:#fffaf0;font:500 clamp(39px,10vw,61px)/.83 var(--serif);letter-spacing:.17em;text-indent:.17em;display:flex;flex-direction:column;align-items:center}.welcome-screen h1 .title-serif{display:block}.welcome-screen h1 .title-script{display:block;margin-top:9px;color:var(--paper);font:400 clamp(48px,12vw,68px)/.9 var(--script);letter-spacing:0;text-indent:0;text-transform:lowercase}.script-line{margin:12px 0 0;color:#d8c7ec;font:26px/1.15 var(--script)}.breath-orbit{width:108px;height:108px;margin:28px auto 4px;position:relative;display:grid;place-items:center}.breath-core{width:44px;height:44px;border-radius:50%;background:radial-gradient(circle at 36% 34%,#f2dda0,#d5b95e 26%,#9d7b2a 69%,#c9a22775);box-shadow:0 0 20px #c9a22766,inset 0 0 12px #fff5c280;transform:scale(.84)}.breath-ring{position:absolute;width:67px;height:67px;border:1px solid rgba(224,196,112,.43);border-radius:50%}.breathing-in .breath-core{animation:inhale 4s ease-in-out forwards}.breathing-out .breath-core{animation:exhale 4s ease-in-out forwards}.breathing-in .breath-ring{animation:inhale-ring 4s ease-in-out forwards}.breathing-out .breath-ring{animation:exhale-ring 4s ease-in-out forwards}@keyframes inhale{0%{transform:scale(.84)}to{transform:scale(1.45)}}@keyframes exhale{0%{transform:scale(1.45)}to{transform:scale(.84)}}@keyframes inhale-ring{0%{transform:scale(.92);opacity:.42}to{transform:scale(1.42);opacity:.95}}@keyframes exhale-ring{0%{transform:scale(1.42);opacity:.95}to{transform:scale(.92);opacity:.42}}.orbit-star{position:absolute;color:var(--gold-pale);line-height:1}.orbit-star-one{top:8px;right:12px;width:5px;height:5px;border:1px solid var(--gold-pale);transform:rotate(45deg)}.orbit-star-two{left:8px;bottom:16px;width:4px;height:4px;border:1px solid var(--gold-pale);transform:rotate(45deg)}.breath-label{min-height:22px;margin:4px 0 0;font:500 17px/1.2 var(--serif);letter-spacing:.08em}.breath-hint{margin:3px 0 20px;color:#ece5f296;font-size:10px;letter-spacing:.07em}.welcome-copy{width:min(100%,495px);margin:0 auto 23px;color:#f1eaf2;font:400 17px/1.47 var(--serif);letter-spacing:.008em;text-wrap:pretty}.button{min-height:54px;width:min(100%,340px);padding:0 23px;display:inline-flex;align-items:center;justify-content:center;gap:19px;border-radius:2px;color:#fffaf0;cursor:pointer;font-size:12px;letter-spacing:.1em;transition:background-color .2s ease,border-color .2s ease,transform .2s ease,box-shadow .2s ease}.button-primary{border:1px solid rgba(226,197,112,.88);background:linear-gradient(112deg,#6b4fa0d6,#3e3a60db);box-shadow:0 0 18px #c9a2271c,inset 0 0 12px #c9a2270d}.button-primary:hover{background:linear-gradient(112deg,#8060b7f5,#4b4470f5);box-shadow:0 0 24px #c9a22733}.button:active{transform:translateY(1px)}.button-arrow{color:var(--gold-pale);font-size:18px;line-height:1}.button-secondary{border:1px solid rgba(219,206,231,.34);background:transparent;color:#e4dce9}.button-secondary:hover{background:#ffffff0f;border-color:#dbcee7a6}.button:focus-visible{outline:2px solid #f5d975;outline-offset:4px}.small-note{margin:11px 0 0;color:#e9e0ee85;font-size:10px;letter-spacing:.08em}.screen-footer{width:min(100%,320px);margin-top:auto;padding:31px 0 0;display:flex;align-items:center;justify-content:center;gap:13px;color:#e6daec99;font-size:10px;letter-spacing:.18em}.footer-rule{width:24px;height:1px;background:#c9a22761}.reading-screen{padding:17px 0 0}.reading-topline{width:min(100%,580px);display:flex;justify-content:center;align-items:center;gap:12px}.topline-star{width:6px;height:6px;border:1px solid var(--gold-pale);transform:rotate(45deg)}.reading-card{position:relative;width:min(100%,590px);margin:22px auto 24px;padding:30px clamp(20px,6vw,52px) 25px;border:1px solid rgba(217,190,111,.44);background:linear-gradient(145deg,#322e4bb8,#1f2037c7 62%,#2c2743ad);box-shadow:0 20px 70px #04050f3b,inset 0 0 32px #cab17009}.reading-card:before,.reading-card:after{content:"";position:absolute;width:13px;height:13px;border-color:var(--gold-pale);opacity:.8}.reading-card:before{left:8px;top:8px;border-left:1px solid;border-top:1px solid}.reading-card:after{right:8px;bottom:8px;border-right:1px solid;border-bottom:1px solid}.arcana-number{color:var(--paper);font:500 15px/1 var(--serif);letter-spacing:.24em}.card-divider{margin:13px auto 9px;display:flex;align-items:center;justify-content:center;gap:9px;color:var(--gold-pale);font-size:12px}.card-divider i{width:6px;height:6px;display:block;border:1px solid var(--gold-pale);transform:rotate(45deg)}.card-divider span{width:37px;height:1px;background:#c9a22780}.arcana-title{margin:0 0 20px;color:#fffaf0;font:500 clamp(27px,7vw,39px)/1.05 var(--serif);letter-spacing:.15em}.reading-message{color:#f4edf1;text-align:left;font:400 17px/1.53 var(--serif)}.reading-message p{margin:0 0 14px}.reading-message p:last-child{margin-bottom:0}.signature{margin:21px 0 0;color:var(--paper);font:24px/1.1 var(--script)}.reflection-note{max-width:395px;margin:15px auto 0;color:#d2c7d9;font:400 13px/1.45 var(--serif)}.reading-actions{width:100%;display:flex;align-items:center;flex-direction:column;gap:11px}.reading-actions .button{min-height:50px}.reading-actions .button-secondary{min-height:42px;border:0;color:#d7cde0;font-size:11px}.reading-screen .screen-footer{padding-top:24px;padding-bottom:0}.transition-veil{position:fixed;inset:0;z-index:5;pointer-events:none;opacity:0;background:radial-gradient(circle at 50% 49%,#e2c8842e,#1b192c99 26%,#111222f2 74%)}.transition-veil.active{animation:veil 1.3s ease-in-out both}.glint{position:absolute;left:50%;top:49%;width:2px;height:2px;border-radius:50%;background:#fff;box-shadow:0 0 #ffe9a500}.transition-veil.active .glint{animation:glint 1.3s ease-out both}@keyframes veil{0%{opacity:0}30%{opacity:1}72%{opacity:.92}to{opacity:0}}@keyframes glint{0%{transform:scale(.1);box-shadow:0 0 #ffe9a500}38%{transform:scale(2.5);box-shadow:0 0 36px 17px #ffe9a566}to{transform:scale(.1);box-shadow:0 0 #ffe9a500}}@media(min-width:700px){.app-shell{padding-top:46px;padding-bottom:35px}.welcome-screen{justify-content:flex-start}.brand-mark{margin-bottom:29px}.breath-orbit{margin-top:34px}.welcome-copy{font-size:19px;margin-bottom:27px}.reading-card{margin-top:27px;padding-top:37px}.reading-message{font-size:18px;line-height:1.58}}@media(max-height:760px)and (min-width:600px){.app-shell{padding-top:22px;padding-bottom:18px}.brand-mark{margin-bottom:12px}.breath-orbit{margin-top:15px}.breath-hint{margin-bottom:12px}.welcome-copy{margin-bottom:15px;font-size:16px}.screen-footer{padding-top:18px}}@media(max-width:380px){.app-shell{padding-left:18px;padding-right:18px;padding-top:26px}.welcome-copy{font-size:16px}.reading-card{padding-left:17px;padding-right:17px}.reading-message{font-size:16px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.breathing-in .breath-core,.breathing-out .breath-core,.breathing-in .breath-ring,.breathing-out .breath-ring{animation:none;transform:scale(1)}}