:root{--pr-space-1: 4px;--pr-space-2: 8px;--pr-space-3: 12px;--pr-space-4: 16px;--pr-space-6: 24px;--pr-space-8: 32px;--pr-text-sm: 13px;--pr-text-base: 15px;--pr-text-lg: 17px;--pr-text-xl: 19px;--pr-gray-200: #e5e5e5;--pr-gray-400: #a3a3a3;--pr-gray-600: #171717;--pr-gray-900: #171717;--pr-blue-500: #3b82f6;--pr-white: #ffffff}.page-container{display:flex;min-height:100vh;background:var(--pr-white);font-family:-apple-system,BlinkMacSystemFont,sans-serif;color:var(--pr-gray-900);line-height:1.4}.main-content{flex:1;overflow-y:auto;height:calc(100vh - 60px);padding:0 0 40px;box-sizing:border-box;margin-left:60px}.question-section{max-width:min(480px,90vw);margin:0 auto;padding:0}.welcome-header{margin-bottom:60px;max-width:min(480px,90vw);margin-left:auto;margin-right:auto;padding:0 24px}.welcome-title{font-size:var(--pr-text-xl);font-weight:600;color:var(--pr-gray-900);margin-bottom:0;margin-top:0;line-height:1.2}.welcome-subtitle{font-size:var(--pr-text-base);color:var(--pr-gray-600);line-height:1.3;margin-top:0;margin-bottom:0}.reading-card{border:1px solid var(--pr-gray-200);border-radius:8px;overflow:hidden;max-width:min(480px,90vw);margin:0 auto 16px;padding:0}.reading-card:last-child{margin-bottom:0}.reading-header{padding:var(--pr-space-4) 24px;display:flex;align-items:center;justify-content:space-between}.reading-question{background:none;border:none;font-size:var(--pr-text-base);font-weight:500;color:var(--pr-gray-900);cursor:pointer;width:100%;text-align:left;padding:0;line-height:1.3;margin-top:0;margin-bottom:0;flex:1}.reading-card.expanded{border:1px solid #3b82f6!important;border:1px solid var(--pr-blue-500)!important}@supports (-webkit-touch-callout: none){.reading-card.expanded{border:1px solid #3b82f6!important;outline:1px solid #3b82f6;outline-offset:-1px}}.reading-card.expanded{border-color:#3b82f6!important;border-width:1px!important;border-style:solid!important}.reading-date{font-size:var(--pr-text-sm);color:var(--pr-gray-400);margin-top:0;margin-bottom:0;line-height:1.2}.reading-content{padding:0;border-top:1px solid var(--pr-gray-200)}.reading-content>*{padding:0 24px}.cards-section{margin-bottom:0;margin-top:0;padding-top:var(--pr-space-4)}.section-title{font-size:var(--pr-text-base);font-weight:600;color:var(--pr-gray-900);margin-bottom:16px;margin-top:0;line-height:1.2}.drawn-cards{display:flex;justify-content:center;gap:var(--pr-space-2);margin-bottom:16px;margin-top:0}.card-image{width:48px;height:auto;aspect-ratio:120 / 194;border:1px solid var(--pr-gray-200);border-radius:4px;cursor:pointer}.card-image:hover{opacity:.8}.content-section{margin-bottom:16px;margin-top:0}.content-section:last-child{margin-bottom:16px}.content-title{font-size:var(--pr-text-base);font-weight:600;color:var(--pr-gray-900);margin-bottom:16px;margin-top:0;line-height:1.2;text-align:left}.content-text{font-size:var(--pr-text-base);color:var(--pr-gray-600);line-height:1.4;margin-top:0;margin-bottom:16px;text-align:left}.card-interpretation{margin-bottom:0;margin-top:0;padding-bottom:0;border-bottom:none}.card-interpretation:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.interpretation-title{font-size:var(--pr-text-base);font-weight:600;color:var(--pr-gray-900);margin-bottom:16px;margin-top:0;line-height:1.2;text-align:left}.interpretation-text{font-size:var(--pr-text-base);color:var(--pr-gray-600);line-height:1.4;margin-top:0;margin-bottom:16px;text-align:left}.action-buttons{margin-top:0;margin-bottom:0;padding-top:0;padding-bottom:var(--pr-space-4)}.btn-primary,.btn-secondary{background:var(--pr-blue-500);color:var(--pr-white);border:none;border-radius:6px;padding:var(--pr-space-2) var(--pr-space-4);font-size:var(--pr-text-base);font-weight:500;cursor:pointer;line-height:1.2;margin-right:var(--pr-space-2);margin-bottom:0;margin-top:0}.btn-secondary{background:var(--pr-white);color:var(--pr-gray-600);border:1px solid var(--pr-gray-200)}.btn-primary:hover{background:#2563eb}.btn-secondary:hover{background:#fafafa}.loading-spinner{display:inline-block;width:16px;height:16px;border:2px solid #f3f4f6;border-top:2px solid #3b82f6;border-radius:50%;animation:fc-loading-spinner-rotation 1s linear infinite}@keyframes skeleton-pulse{0%,to{opacity:1}50%{opacity:.3}}.error-message{color:#a3a3a3;font-size:11px;line-height:1.3;margin:16px auto 32px;text-align:center;max-width:min(480px,90vw);padding:0 24px}@media (max-width: 768px){.main-content{padding:0 16px;margin-left:0}.date-sidebar{display:none}.card-image{width:40px}.day-separator{color:#9ca3af;font-size:11px;margin:24px 0;text-align:center;font-weight:400}.readings-container .day-group:first-child .day-separator{margin-top:0}.readings-container .day-group:not(:last-child) .reading-card:last-child{margin-bottom:0!important}}.readings-container,.day-group{width:100%}.main-content>.action-buttons{max-width:min(480px,90vw);margin-left:auto;margin-right:auto;margin-top:16px;padding:0 24px}.follow-up-section{border-top:1px solid #e5e7eb;padding:24px 24px 32px;display:none}.follow-up-form-container{position:relative;display:flex;align-items:stretch;margin-bottom:16px}*{margin:0;padding:0;box-sizing:border-box;-webkit-user-select:none;user-select:none}body{background:#fff;height:100vh;overflow:hidden;position:relative}.page-wrapper{width:100%;height:100vh;display:flex;justify-content:center;align-items:stretch;background:#fff;padding:0 0 40px;margin:0}.circle-card-container{width:100%;max-width:1280px;height:100vh;height:100dvh;min-height:100vh;min-height:100dvh;background:#fff;font-family:-apple-system,BlinkMacSystemFont,sans-serif;display:flex;flex-direction:column;align-items:center;overflow:hidden;position:relative;padding-top:env(safe-area-inset-top,0px);padding-left:env(safe-area-inset-left,0px);padding-right:env(safe-area-inset-right,0px);-webkit-overflow-scrolling:touch;touch-action:manipulation;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;-webkit-text-size-adjust:100%}.selected-cards-area{width:100vw;height:60vh;position:fixed;top:0;left:0;display:flex;align-items:flex-start;justify-content:center;padding:0;box-sizing:border-box;z-index:500;pointer-events:none}.selected-card{position:absolute;cursor:default;z-index:10;pointer-events:auto;transition:left .8s ease,top .8s ease}.selected-card.flipping .card-inner{animation:realisticCardFlip .8s ease-in-out forwards}.circle-area{width:100%;height:100vh;position:absolute;top:0;left:0;overflow:visible;box-sizing:border-box;padding:0;z-index:1000}.circle-container{position:fixed;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;overflow:visible;left:50%;transform:translate(-50%) translateY(50%);transform-origin:center center;z-index:1001;bottom:-90px}.circle-container.dragging{transition:none}.circle-container:not(.dragging){transition:transform 1s cubic-bezier(.25,.46,.45,.94)}.circle-container:active{cursor:grabbing}.circle-card{position:absolute;cursor:pointer;transform-origin:center center;z-index:5}.circle-card.moving-to-selected{pointer-events:none;animation:moveToFinalPosition 2s cubic-bezier(.25,.46,.45,.94) forwards}.card-inner{position:relative;width:100%;height:100%;transform-style:preserve-3d}.circle-card.flipping .card-inner{animation:realisticCardFlip .8s ease-in-out forwards}.card-back,.card-front{position:absolute;width:100%;height:100%;backface-visibility:hidden;border-radius:10px;border:2px solid #ffffff}.card-back{background:#dadada}.card-front{transform:rotateY(180deg);background-size:cover;background-position:center;background-repeat:no-repeat;border:2px solid #ddd}.card-front.reversed{transform:rotateY(180deg) rotate(180deg)}.status-text{position:fixed;top:20px;left:50%;transform:translate(-50%);z-index:1500;text-align:center;pointer-events:none;width:100%;max-width:320px;padding:0 20px;box-sizing:border-box}.status-text>*{display:flex;align-items:center;justify-content:center;width:100%;height:42px;padding:0 16px;border:1px solid #e5e5e5;background:#fff;border-radius:8px;color:#171717;font-size:15px;font-weight:400;font-family:-apple-system,BlinkMacSystemFont,sans-serif;box-sizing:border-box}.fate-button-container{position:fixed;bottom:20px;left:50%;transform:translate(-50%);z-index:2000;width:100%;max-width:320px;padding:0 20px;box-sizing:border-box}.fate-button{width:100%;height:42px;padding:0 16px;border:1px solid #e5e5e5;background:#fff;border-radius:8px;color:#171717;font-size:15px;font-weight:400;font-family:-apple-system,BlinkMacSystemFont,sans-serif;cursor:pointer;transition:border-color .2s ease,background .2s ease,color .2s ease;box-sizing:border-box;text-align:center;display:flex;align-items:center;justify-content:center}.fate-button:hover:not(:disabled){border-color:#3b82f6}.fate-button:active:not(:disabled){background:#f5f5f5}.fate-button:disabled{background:#fff;color:#737373;cursor:not-allowed;opacity:.6;border-color:#e5e5e5}@keyframes cardFlipReveal{0%{transform:rotateY(0)}50%{transform:rotateY(90deg)}to{transform:rotateY(180deg)}}@keyframes realisticCardFlip{0%{transform:rotateY(0)}49.9%{transform:rotateY(89.8deg)}50%{transform:rotateY(90deg)}50.1%{transform:rotateY(90.2deg)}to{transform:rotateY(180deg)}}@keyframes moveToFinalPosition{0%{transform:translate(-50%,-50%);opacity:1}to{transform:translate(calc(-50% + var(--final-x, 0px)),calc(-50% + var(--final-y, 0px)));opacity:1}}@media (max-width: 480px){.selected-cards-area{height:30vh;padding:10px 0}.circle-area{height:70vh}.circle-container{bottom:-15px}.status-text{top:15px;padding:0 15px}.status-text>*{height:38px;font-size:14px;padding:0 12px}.fate-button-container{bottom:15px;padding:0 15px}.fate-button{height:38px;font-size:14px}.circle-card:before{content:"";position:absolute;top:-10px;left:-10px;right:-10px;bottom:-10px;z-index:-1}}@media (max-height: 600px){.selected-cards-area{height:25vh;padding:10px 0}.circle-area{height:75vh}}@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi){.card-back,.card-front{image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}}@supports (-webkit-touch-callout: none){.circle-card-container{-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.circle-card,.selected-card{-webkit-transform:translateZ(0);transform:translateZ(0)}.card-inner{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}}@media screen and (-webkit-min-device-pixel-ratio: 0){.circle-card,.selected-card{transform:translateZ(0);backface-visibility:hidden}}@media (prefers-reduced-motion: reduce){.circle-card,.selected-card,.card-inner,.fate-button{transition:none!important;animation:none!important}}.circle-card:focus,.fate-button:focus{outline:3px solid #667eea;outline-offset:2px;border-radius:10px}.circle-card.loading,.selected-card.loading{opacity:.5;pointer-events:none}@media (orientation: landscape) and (max-height: 500px){.selected-cards-area{height:40vh}.circle-area{height:60vh}.fate-button-container{bottom:10px}}@media (min-width: 1400px){.circle-card-container{max-width:1280px;margin:0 auto}}@media (hover: none) and (pointer: coarse){.fate-button:hover{background:#fff;border-color:#e5e5e5}}#root{max-width:1280px;margin:0 auto;text-align:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}*{box-sizing:border-box;margin:0;padding:0}html,body{margin:0!important;padding:0!important;min-height:100%;font-family:-apple-system,BlinkMacSystemFont,sans-serif;background:#fff;color:#171717;line-height:1.4}.narrow-container{max-width:600px;padding:24px!important;margin:0 auto!important;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;min-height:100dvh;min-height:var(--dynamic-vh, 100vh)}.input-box{display:flex;align-items:center;width:100%;margin:0;padding:0;gap:0;border:1px solid #e5e5e5;border-radius:8px;background:#fff;height:44px}.input-box:focus-within{outline:none;border-color:#3b82f6}.input-box:hover{border-color:#d4d4d4}.react-international-phone-input-container{width:100%!important;height:44px!important;border:1px solid #e5e5e5!important;border-radius:8px!important;background:#fff!important;display:flex!important;align-items:center!important;padding:0!important;margin:0!important}.react-international-phone-input-container:focus-within{border-color:#3b82f6!important}.react-international-phone-input-container:hover{border-color:#d4d4d4!important}.react-international-phone-country-selector-button{border:none!important;background:transparent!important;padding:0 8px 0 16px!important;display:flex!important;align-items:center!important;gap:4px!important;margin:0!important;height:42px!important;outline:none!important}.react-international-phone-country-selector-button__flag-emoji{font-size:18px!important;margin:0!important;padding:0!important}.react-international-phone-country-selector-button__dropdown-arrow{width:10px!important;height:10px!important;margin-left:4px!important;color:#737373!important}.react-international-phone-input{border:none!important;outline:none!important;background:transparent!important;flex:1!important;padding:0 16px 0 0!important;margin:0!important;font-family:-apple-system,BlinkMacSystemFont,sans-serif!important;font-size:15px!important;color:#171717!important;height:42px!important;line-height:1.4!important}.react-international-phone-input::placeholder{color:#a3a3a3!important;font-family:-apple-system,BlinkMacSystemFont,sans-serif!important;font-size:15px!important}.PhoneInput{display:flex;align-items:center;padding:0}.PhoneInputCountrySelect{margin:0;padding:0;border:none;background:none;outline:none}.PhoneInputCountry{margin:0 8px 0 16px!important;padding:0}.PhoneInputInput{margin:0;padding:0 16px 0 0;border:none;background:none;outline:none;flex:1;font-size:15px;color:#171717}.mobile-input-text,.question-input-text{font-family:-apple-system,BlinkMacSystemFont,sans-serif;font-size:15px;line-height:1.4;color:#171717}.mobile-input-text::placeholder,.question-input-text::placeholder{font-family:-apple-system,BlinkMacSystemFont,sans-serif;font-size:15px;color:#a3a3a3;text-align:left}.otp-input-text{font-family:-apple-system,BlinkMacSystemFont,sans-serif;font-size:18px;letter-spacing:.3em;text-align:center;color:#171717}.otp-input::placeholder{font-family:-apple-system,BlinkMacSystemFont,sans-serif;font-size:15px;letter-spacing:normal;text-align:center;color:#737373}.input-box.question-input{border-radius:20px;height:48px}.button{display:inline-flex;align-items:center;justify-content:center;padding:8px 16px;border:none;border-radius:6px;background:#3b82f6;color:#fff;font-family:-apple-system,BlinkMacSystemFont,sans-serif;font-size:15px;font-weight:500;line-height:1.2;cursor:pointer;text-decoration:none;outline:none}.button:hover{background:#2563eb}.button:disabled{background:#a3a3a3;cursor:not-allowed}.button-text{background:#fff;color:#171717;border:1px solid #e5e5e5}.button-text:hover{background:#fafafa;color:#171717}.selected-button{background:#3b82f6!important;color:#fff!important;border-color:#3b82f6!important}.start-button{background:#3b82f6;color:#fff;padding:12px 24px;font-size:16px;font-weight:600;margin-top:0;margin-bottom:0}.error-text{color:#ef4444;font-size:11px;font-family:-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.3;margin:0;padding:0;background:none;border:none}.title-text{font-size:24px;font-weight:600;color:#171717;line-height:1.2;text-align:center;margin-bottom:0;margin-top:0}.subtitle-text{font-size:17px;font-weight:600;color:#171717;line-height:1.3;margin-bottom:0;margin-top:0}.paragraph-text{font-size:15px;color:#171717;line-height:1.4;margin-bottom:0;margin-top:0}.subtle-text{font-size:13px;color:#737373;line-height:1.3}.date-text{font-size:13px;color:#a3a3a3;line-height:1.2}.loading-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#fff;display:flex;justify-content:center;align-items:center;z-index:999999}.loading-wheel{width:24px;height:24px;border:3px solid #f3f4f6;border-top:3px solid #3b82f6;border-radius:50%;animation:fc-loading-spinner-rotation 1s linear infinite}.inline-spinner{display:inline-block;width:16px;height:16px;border:2px solid #f3f4f6;border-top:2px solid #3b82f6;border-radius:50%;animation:fc-loading-spinner-rotation 1s linear infinite}@keyframes fc-loading-spinner-rotation{0%{transform:translateZ(0) rotate(0)}to{transform:translateZ(0) rotate(360deg)}}.voice-btn-recording,.voice-btn-active{background:#ef4444!important}.voice-listening-text{color:#737373;font-size:13px;font-style:italic;margin-top:0;margin-bottom:0;text-align:center}.question-input:focus{outline:none;border-color:#3b82f6}.list-none{list-style:none;padding:0;margin:0}.list-item{margin-bottom:0;margin-top:0}.flex-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.PhoneInputCountrySelectArrow{width:10px;height:10px;margin-left:4px}.auth-container{transition:transform .3s ease-out}.loading-indicator{display:flex;align-items:center;justify-content:center;gap:8px;margin:16px 0}.loading-text{font-family:-apple-system,BlinkMacSystemFont,sans-serif;font-size:14px;color:#737373}.otp-instructions{text-align:center;margin:16px 0 0;color:#737373;font-size:14px}@media (max-width: 768px){.narrow-container{padding:16px!important;min-height:100dvh;min-height:100vh;min-height:var(--dynamic-vh, 100vh)}.auth-container{min-height:calc(100vh - 32px);min-height:calc(100dvh - 32px);padding-top:max(16px,env(safe-area-inset-top,16px))!important;padding-bottom:max(16px,env(safe-area-inset-bottom,16px))!important}.title-text{font-size:20px}.subtitle-text{font-size:16px}.button{padding:8px 14px;font-size:14px;margin-top:16px}.input-box{height:42px;min-height:44px}.input-box.question-input{height:46px;min-height:48px}.otp-input{height:48px!important;font-size:20px!important;letter-spacing:.2em!important}.otp-input::-webkit-outer-spin-button,.otp-input::-webkit-inner-spin-button{-webkit-appearance:none!important;margin:0!important}.otp-input[type=number]{-moz-appearance:textfield!important}.react-international-phone-input-container{height:42px!important;min-height:44px!important}.react-international-phone-country-selector-button{height:40px!important;min-height:42px!important}.react-international-phone-input{height:40px!important;min-height:42px!important;-webkit-text-security:none!important}}@supports (-webkit-touch-callout: none){@media (max-width: 768px){.auth-container{min-height:-webkit-fill-available}.narrow-container{min-height:-webkit-fill-available;min-height:var(--dynamic-vh, -webkit-fill-available)}.react-international-phone-input,.otp-input{font-size:16px!important}.otp-input-text{font-size:18px!important}}}@media (max-width: 768px){.react-international-phone-input[type=tel],input[type=tel],.otp-input[type=number],.otp-input[type=text],input[type=number][inputmode=numeric]{-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important}input[type=tel],input[type=number],input[type=text][inputmode=numeric]{font-size:16px!important;transform:translateZ(0)}@supports (-ms-ime-align: auto){input[inputmode=tel],input[inputmode=numeric]{-ms-input-placeholder-color:#a3a3a3!important}}}@media (max-width: 768px) and (-webkit-min-device-pixel-ratio: 1){.react-international-phone-input{-webkit-text-security:none!important}}@supports (-webkit-touch-callout: none) and (max-width: 768px){.auth-container{position:relative;overflow-x:hidden}input[inputmode=tel],input[inputmode=numeric]{font-size:16px!important;-webkit-tap-highlight-color:transparent}}