:root{--main-bg: #0c0f2a;--secondary-bg: #22144B;--tertiary-bg: #158F88;--card-bg: rgba(255,255,255,.08);--text-primary: #F4F2FF;--text-muted: #B9B4D6;--text-cream: #FFFFFF;--shadow: rgba(5, 6, 14, .35);--accent-glow: rgba(198, 41, 140, .55);--accent-warm: #DA853D;--accent-magenta: #C6298C;--accent-blue: #094183}*{box-sizing:border-box}body{margin:0;font-family:Space Grotesk,sans-serif;background:#0c0f2a;color:var(--text-primary)}#app{min-height:100vh}.app-shell{min-height:100vh;background:#0c0f2a;padding-top:env(safe-area-inset-top);position:relative;overflow-x:hidden;display:flex;flex-direction:column}.main-content{flex:1;overflow-y:auto;padding-bottom:12px}.app-shell:before,.app-shell:after{content:"";position:fixed;top:-20%;right:-20%;bottom:-20%;left:-20%;pointer-events:none;opacity:.35;mix-blend-mode:multiply;animation:drift 22s ease-in-out infinite}.app-shell:before{background:radial-gradient(circle at 20% 30%,rgba(21,143,136,.45),transparent 40%),radial-gradient(circle at 80% 10%,rgba(9,65,131,.35),transparent 45%)}.app-shell:after{animation-delay:-8s;background:radial-gradient(circle at 70% 70%,rgba(198,41,140,.35),transparent 45%),radial-gradient(circle at 15% 85%,rgba(218,133,61,.28),transparent 40%)}.app-header{height:64px;display:flex;align-items:center;justify-content:space-between;padding:0 20px;position:sticky;top:0;z-index:10}.glass{background:#ffffff1f;-webkit-backdrop-filter:blur(22px) saturate(160%);backdrop-filter:blur(22px) saturate(160%);border-bottom:1px solid rgba(255,255,255,.2);box-shadow:0 14px 34px #05060e59}.brand{font-family:Cormorant Garamond,serif;font-size:22px;letter-spacing:1px;color:#f4f2ff}.back-button{display:inline-flex;align-items:center;gap:8px;background:#094183bf;color:#fff;border:none;padding:8px 12px;border-radius:2px;font-family:Space Grotesk,sans-serif;cursor:pointer;box-shadow:0 16px 28px #05060e59}.back-button span{font-size:16px}.screen{min-height:100%}.bg-cover{min-height:100vh;background-size:cover;background-position:center;background-repeat:no-repeat;position:relative;background-color:#0c0f2a}.bg-cover:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(ellipse at center,#0000 40%,#0000002e)}.bg-cover>*{position:relative;z-index:1}.main-header{display:flex;align-items:center;justify-content:space-between;padding:12px 20px 0;position:relative;z-index:1}.round-button,.profile-button{width:clamp(52px,12vw,68px);height:clamp(52px,12vw,68px);display:grid;place-items:center;border-radius:18px;border:1px solid rgba(255,255,255,.25);background:#fff3;cursor:pointer;box-shadow:0 18px 30px #05060e59;transition:transform .2s ease,box-shadow .2s ease;padding:0}.profile-button{border:1px solid rgba(255,255,255,.25);background:#fff3}.round-button img,.profile-button img{width:92%;height:92%;border-radius:14px;object-fit:cover;pointer-events:none}.center-content{display:grid;place-items:center;gap:12px;min-height:70vh;margin-top:-60px;text-align:center;padding:0 20px}.hero{display:grid;gap:14px;justify-items:center}.hero-subtitle{max-width:460px;font-size:16px;color:#c9c4e9;line-height:1.5;font-weight:500}.microcopy{font-size:13px;color:#c9c4e9cc}.hero-visual{width:min(42vw,420px);height:auto;object-fit:contain;filter:drop-shadow(0 18px 30px rgba(0,0,0,.18))}.title{font-size:clamp(42px,14vw,90px);font-weight:700;color:#f4f2ff;font-family:Cormorant Garamond,serif;letter-spacing:.5px}.primary-button{background:linear-gradient(135deg,#c6298c,#22144b);color:#fff;border:none;padding:12px 36px;border-radius:999px;font-size:clamp(16px,4.5vw,22px);font-weight:700;cursor:pointer;box-shadow:0 18px 36px #05060e66;transition:transform .2s ease,box-shadow .2s ease}.primary-button:focus-visible,.secondary-button:focus-visible,.back-button:focus-visible,.link-button:focus-visible,.footer-link:focus-visible{outline:2px solid rgba(255,255,255,.5);outline-offset:2px}.reading-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding:20px}.spread-option{height:clamp(160px,25vh,220px);border-radius:16px;overflow:hidden;position:relative;cursor:pointer;box-shadow:0 16px 30px #00000024;transition:transform .2s ease,box-shadow .2s ease}.spread-option .spread-label{position:absolute;inset:auto 16px 16px 16px;background:#3a343fe6;color:#f4ecee;text-align:center;padding:10px;border-radius:12px;font-size:clamp(16px,4.5vw,22px);font-weight:700;text-shadow:1px 1px 2px rgba(0,0,0,.4)}.spread-subtitle{font-size:12px;font-weight:500;opacity:.85}.spread-option img{width:100%;height:100%;object-fit:cover}.spread-option.is-pressed{opacity:.85}.question-wrap{display:grid;place-items:center;min-height:calc(100vh - 56px)}.question-box{width:min(600px,82vw);background:#22144b99;color:#fff;padding:28px;border-radius:16px;text-align:center;box-shadow:0 18px 30px #05060e59}.question-box h2{margin:0 0 12px;font-size:clamp(18px,5vw,26px);font-family:Cormorant Garamond,serif;letter-spacing:.3px}.question-hint{font-style:italic;color:#c9c4e9;font-size:14px;margin-bottom:20px}.question-input{width:100%;padding:12px;border-radius:10px;border:1px solid rgba(255,255,255,.35);font-family:Space Grotesk,sans-serif;background:#ffffffe6;margin-bottom:16px}.question-submit{background:linear-gradient(135deg,#158f88,#094183);color:#fff;font-weight:700;border:none;padding:12px 24px;border-radius:999px;cursor:pointer}.reading-container{padding:24px;min-height:calc(100vh - 64px)}.reading-scroll{max-width:900px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:18px;background:#ffffff24;border:1px solid rgba(255,255,255,.25);border-radius:22px;padding:24px 22px 40px;box-shadow:0 22px 44px #05060e59;-webkit-backdrop-filter:blur(22px) saturate(160%);backdrop-filter:blur(22px) saturate(160%);position:relative;overflow:hidden}.reading-scroll>*{position:relative;z-index:1}.reading-scroll:before{content:"";position:absolute;top:12px;right:12px;bottom:12px;left:12px;border-radius:18px;border:1px solid rgba(255,255,255,.45);pointer-events:none}.question-pill{background:#094183b3;color:#fff;padding:14px 18px;border-radius:14px;width:min(720px,92vw);text-align:center;box-shadow:0 8px 20px var(--shadow);font-weight:600}.card-image{width:min(52vw,320px);height:auto;max-height:46vh;object-fit:contain;border-radius:10px;box-shadow:0 14px 30px #2b26302e}.card-section{width:min(720px,92vw);background:#ffffff29;color:#f4f2ff;padding:16px 18px;border-radius:14px;border:1px solid rgba(255,255,255,.25)}.card-section h3{margin:0 0 8px;font-family:Cormorant Garamond,serif;letter-spacing:.3px;color:#fff}.action-row{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;margin-top:24px;width:min(720px,92vw);position:relative;z-index:2}.secondary-button{background:linear-gradient(135deg,#158f88,#094183);color:#fff;border:none;padding:10px 24px;border-radius:999px;font-weight:700;cursor:pointer;box-shadow:0 14px 28px #05060e59}.secondary-button.ghost{background:#ffffff26;color:#f4f2ff;border:1px solid rgba(255,255,255,.35);box-shadow:none}.error-box{background:#3f5b61;color:var(--text-cream);padding:16px;border-radius:12px}.loading{padding:60px 0;text-align:center;color:var(--secondary-bg);font-weight:600}.seven-spread{width:100%;max-width:100%;margin:8px auto 18px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:auto auto auto;gap:28px 28px;justify-items:center;align-items:start}.three-spread{width:100%;max-width:100%;margin:8px auto 18px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px;justify-items:center;align-items:start}.seven-card.top-1{grid-column:1;grid-row:1}.seven-card.top-2{grid-column:2;grid-row:1}.seven-card.top-3{grid-column:3;grid-row:1}.seven-card.mid-2{grid-column:2;grid-row:2}.seven-card.bot-1{grid-column:1;grid-row:3}.seven-card.bot-2{grid-column:2;grid-row:3}.seven-card.bot-3{grid-column:3;grid-row:3}.seven-card{width:100%;max-width:220px;aspect-ratio:2 / 3;height:auto;background:#ffffff26;display:grid;place-items:center;cursor:pointer;border-radius:12px;border:1px solid rgba(58,52,63,.2);box-shadow:0 12px 24px #0000001f}.seven-card img{width:100%;height:100%;object-fit:contain}.capture-mode .reading-scroll{overflow:visible}.capture-mode .seven-spread,.capture-mode .three-spread{display:flex;flex-wrap:wrap;justify-content:center;gap:18px}.capture-mode .seven-card{flex:0 1 calc(33.333% - 18px);max-width:200px}.capture-mode .three-spread .seven-card{flex:0 1 calc(33.333% - 18px);max-width:220px}.hint-text{color:#ddd;font-style:italic;font-size:14px;margin-top:6px;margin-bottom:20px;text-align:center;letter-spacing:.2px}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#06081499;display:grid;place-items:center;z-index:20}.modal{width:min(90vw,620px);background:linear-gradient(160deg,#0d1b3a,#22144b 55%,#0c0f2a);color:#fff;padding:26px 24px 22px;border-radius:20px;position:relative;text-align:center;border:1px solid rgba(255,255,255,.2);box-shadow:0 24px 48px #05060e73}.modal-close{position:absolute;top:12px;right:12px;width:42px;height:42px;border-radius:999px;background:linear-gradient(135deg,#c6298c,#22144b);border:none;color:#fff;font-weight:700;cursor:pointer;box-shadow:0 12px 24px #05060e59}.modal img{width:min(240px,50vw);height:auto;margin:8px auto;border-radius:12px;box-shadow:0 14px 30px #05060e59}.modal-role{font-weight:700;margin-bottom:8px;color:#f4f2ff}.card-of-day{max-width:720px;margin:0 auto;background:#ffffff47;padding:24px;border-radius:22px;box-shadow:0 22px 44px #05060e59;text-align:center;border:1px solid rgba(255,255,255,.3)}.card-of-day h2{margin:8px 0;font-family:Cormorant Garamond,serif;letter-spacing:.3px;color:#fff}.card-of-day .date{color:#e6e2ff;font-size:14px;margin-bottom:6px;font-weight:600}.card-of-day .section-label{color:#158f88;font-weight:700;margin-top:10px;margin-bottom:6px}.card-of-day div{color:#f4f2ff}.share-button{margin-top:24px;padding:12px 24px;border-radius:999px;border:1px solid rgba(58,52,63,.7);background:transparent;color:var(--secondary-bg);font-weight:700;cursor:pointer;max-width:220px}.fade-in{opacity:0;transform:translateY(8px);animation:fadeIn .8s ease forwards}@keyframes fadeIn{to{opacity:1;transform:translateY(0)}}@keyframes drift{0%{transform:translateZ(0) scale(1)}50%{transform:translate3d(2%,-1%,0) scale(1.02)}to{transform:translateZ(0) scale(1)}}@media (prefers-reduced-motion: reduce){.app-shell:before,.app-shell:after,.fade-in,.spread-option,.seven-card,.primary-button,.round-button,.profile-button{animation:none;transition:none}}.profile{padding:28px 20px 40px}.profile-avatar{width:clamp(96px,18vw,140px);height:clamp(96px,18vw,140px);border-radius:28px;object-fit:contain;box-shadow:0 12px 28px #2b263033;border:1px solid rgba(58,52,63,.2)}.tabs{display:flex;justify-content:center;gap:12px;border-bottom:1px solid rgba(58,52,63,.2);margin-top:20px;padding-bottom:12px}.tab-button{background:#ffffff59;border:1px solid rgba(255,255,255,.25);padding:10px 18px;font-size:clamp(14px,4vw,18px);font-family:Space Grotesk,sans-serif;color:#f4f2ff;cursor:pointer;min-width:140px;border-radius:999px;box-shadow:0 8px 16px #2b26301f}.tab-button.active{font-weight:700;color:#0c0f2a;background:#ffffffe0;border-color:#ffffffe6}.tab-content{padding:24px 12px 10px}.history-table{width:100%;border-collapse:collapse;background:#ffffff29;border-radius:18px;overflow:hidden;box-shadow:0 20px 36px #05060e59}.history-table th,.history-table td{text-align:left;padding:8px;font-size:14px;border-bottom:1px solid rgba(58,52,63,.12);vertical-align:top;color:#f4f2ff}.history-table th{color:#e6e2ff;font-weight:700}.history-table th:nth-child(1),.history-table td:nth-child(1){width:120px;white-space:nowrap}.history-table th:nth-child(2),.history-table td:nth-child(2){width:40%}.history-table th:nth-child(3),.history-table td:nth-child(3){width:40%}.history-controls{display:flex;gap:10px;margin-bottom:12px;flex-wrap:wrap;background:#ffffff29;padding:12px;border-radius:16px;border:1px solid rgba(255,255,255,.25);box-shadow:0 16px 30px #05060e4d}.history-input{flex:1;min-width:200px;padding:10px 12px;border-radius:10px;border:1px solid rgba(255,255,255,.35);font-family:Space Grotesk,sans-serif;background:#ffffffe6}.history-select{padding:10px 12px;border-radius:10px;border:1px solid rgba(255,255,255,.35);font-family:Space Grotesk,sans-serif;background:#ffffffe6}.setting-section{margin-bottom:16px;border-bottom:1px solid rgba(255,255,255,.2);background:#ffffff29;border-radius:16px;padding:16px;box-shadow:0 18px 34px #05060e59}.link-button{width:fit-content;min-width:200px;background:linear-gradient(135deg,#c6298c,#22144b);color:#fff;border:none;padding:10px 18px;border-radius:999px;cursor:pointer;text-align:center;font-family:Space Grotesk,sans-serif}.alert-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;display:grid;place-items:center;z-index:30}.alert{background:#22144bd9;color:#fff;width:min(90vw,520px);padding:20px;border-radius:16px}.alert-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:16px}.alert-actions button{border:none;padding:8px 16px;border-radius:2px;cursor:pointer;font-weight:600}.alert-primary{background:var(--main-bg);color:#fff}.alert-secondary{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.45)}.status-pill{font-size:12px;padding:6px 10px;border-radius:999px;background:#ffffff2e;color:#f4f2ff;font-weight:600}.status-pill.offline{background:#da853d59;color:#fff}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:18px}.stat-card{background:#ffffff29;border:1px solid rgba(255,255,255,.25);border-radius:16px;padding:16px;box-shadow:0 18px 34px #05060e59}.stat-label{color:#c9c4e9;font-size:12px;text-transform:uppercase;letter-spacing:1px}.stat-value{font-size:22px;font-weight:700;margin-top:6px;color:#fff}.stats-section{margin-top:16px;padding:16px;background:#ffffff29;border:1px solid rgba(255,255,255,.25);border-radius:16px;box-shadow:0 18px 34px #05060e59}.stats-title{font-weight:700;color:#e6e2ff;margin-bottom:12px}.bar-list{display:grid;gap:10px}.bar-row{display:grid;grid-template-columns:minmax(140px,1fr) 2fr 40px;align-items:center;gap:12px}.bar-label{color:#f4f2ff;font-size:14px}.bar-track{height:10px;background:#fff3;border-radius:999px;overflow:hidden}.bar-fill{height:100%;background:linear-gradient(135deg,#158f88,#094183);border-radius:999px}.bar-fill.magenta{background:linear-gradient(135deg,#c6298c,#22144b)}.bar-value{text-align:right;color:#c9c4e9}.heatmap{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;margin-top:8px}.heat-cell{aspect-ratio:1 / 1;border-radius:6px;background:#ffffff1a;border:1px solid rgba(255,255,255,.15)}.heat-cell.level-1{background:#158f8873}.heat-cell.level-2{background:#c6298c8c}.heat-cell.level-3{background:#da853d99}.heatmap-legend{display:flex;align-items:center;gap:10px;margin-top:8px;color:#c9c4e9;font-size:12px}.legend-scale{display:inline-flex;gap:4px}.onboarding{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;display:grid;place-items:center;z-index:40}.onboarding-card{width:min(92vw,520px);background:#3a343ff2;color:#f4ecee;padding:24px;border-radius:18px;text-align:center;box-shadow:0 20px 40px #00000040}.onboarding-title{font-family:Cormorant Garamond,serif;font-size:24px;margin-bottom:8px}.onboarding-text{font-size:14px;margin-bottom:16px;color:#e6d8db}.app-footer{padding:20px;color:#3a343fcc;margin-top:auto;flex-shrink:0}.footer-inner{max-width:1100px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;border-top:1px solid rgba(58,52,63,.2);padding-top:12px;font-size:14px}.footer-links{display:flex;gap:12px}.footer-link{background:transparent;border:none;color:#3a343fe6;font-weight:600;cursor:pointer}@media (max-width: 720px){.reading-grid{grid-template-columns:1fr}.center-content{margin-top:-40px}.app-header{height:48px}.hero-subtitle{max-width:320px;font-size:14px}.link-button{width:100%}.tabs{flex-wrap:wrap}.tab-button{min-width:120px;flex:1}.action-row,.secondary-button{width:100%}.reading-container{padding:12px}.reading-scroll{padding:16px 14px 22px;gap:14px;border-radius:18px}.question-pill{width:100%;padding:12px;font-size:14px}.card-image{width:78vw;max-height:42vh}.card-section{width:100%}.action-row{margin-top:16px}.round-button,.profile-button{width:52px;height:52px}.round-button img,.profile-button img{width:96%;height:96%}.seven-spread{width:100%;gap:5px 5px}.seven-card{max-width:150px}.seven-spread{grid-template-columns:repeat(2,minmax(50px,1fr));grid-template-rows:auto auto auto auto;gap:5px 5px}.seven-card.top-1{grid-column:1;grid-row:1}.seven-card.top-2{grid-column:2;grid-row:1}.seven-card.top-3{grid-column:1;grid-row:2}.seven-card.mid-2{grid-column:2;grid-row:2}.seven-card.bot-1{grid-column:1;grid-row:3}.seven-card.bot-2{grid-column:2;grid-row:3}.seven-card.bot-3{grid-column:1;grid-row:4}.three-spread{grid-template-columns:repeat(2,minmax(120px,1fr));gap:14px}.seven-card{max-width:180px;aspect-ratio:2 / 3;height:auto}.footer-inner{flex-direction:column;gap:10px}}@media (min-width: 960px){.main-header{padding:16px 40px 0}.center-content{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:center;gap:40px;margin-top:-40px}.hero{justify-items:start;text-align:left}.hero-subtitle{font-size:18px}.primary-button{padding:14px 46px}.reading-grid{grid-template-columns:repeat(3,minmax(0,1fr));max-width:1100px;margin:0 auto}.reading-container{padding:40px}.reading-scroll{gap:20px}.card-image{width:min(30vw,360px);max-height:55vh}.profile{max-width:960px;margin:0 auto}.tab-content{padding:28px 16px}.round-button:hover,.profile-button:hover,.primary-button:hover,.spread-option:hover{transform:translateY(-3px);box-shadow:0 16px 36px #0000002e}.spread-option:hover img,.seven-card:hover img,.card-image:hover{filter:drop-shadow(0 0 12px var(--accent-glow))}.seven-card:hover{transform:translateY(-2px);box-shadow:0 16px 30px #0000002e}}