.onboarding{padding:40px 20px;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:80vh;text-align:center}.onboarding h1{font-size:42px;margin-bottom:16px;color:#c4a265;font-style:italic}.onboarding p{margin-bottom:24px;color:#a89878;max-width:320px}.onboarding-welcome{display:flex;flex-direction:column;align-items:center}.onboarding-welcome h1{font-family:Babylonica,cursive;font-size:64px;margin-bottom:12px;color:#c4a265;font-style:normal}.onboarding-welcome p{font-size:16px;margin-bottom:40px}.onboarding-welcome button{width:auto;padding:16px 48px;font-size:18px}.gender-options{display:flex;gap:12px}.gender-btn{flex:1;padding:14px;border:1px solid rgba(196,162,101,.4);border-radius:25px;background:transparent;color:#c4a265;font-size:16px;cursor:pointer;transition:all .2s}.gender-btn:hover{border-color:#c4a265;background:#c4a2651a}.gender-btn.selected{border-color:#c4a265;background:#c4a26526;color:#c4a265}.submit-btn{margin-top:8px;background:#fff;color:#0d0d0d;border-radius:25px;font-weight:600}.submit-btn:hover{background:#f0f0f0}.back-btn{margin-top:10px;background:transparent;border:1px solid rgba(196,162,101,.3);border-radius:25px;color:#a89878}.back-btn:hover{background:#c4a26514;border-color:#c4a26599;color:#c4a265}.field{margin-bottom:16px}.field label{display:block;margin-bottom:8px;font-size:14px;color:#a89878}.field input{width:100%;padding:14px 16px;border:1px solid rgba(196,162,101,.3);border-radius:25px;background:#ffffff0d;color:#d4c5a9;font-size:16px}.field input:focus{outline:none;border-color:#c4a265}.field input::placeholder{color:#6b5d4a}.password-row{display:flex;align-items:center;gap:8px}.password-row input{flex:1;min-width:0}.password-toggle{flex:0 0 48px;width:48px;height:48px;padding:0;border:1px solid rgba(196,162,101,.3);border-radius:50%;background:#ffffff0d;color:#c4a265;font-size:18px;line-height:1;cursor:pointer}.password-toggle:hover{border-color:#c4a265}.location-row{display:flex;gap:8px}.location-row input{flex:1}.geo-btn{width:auto;padding:12px 16px;font-size:14px;background:transparent;border:1px solid rgba(196,162,101,.3);border-radius:25px;color:#c4a265}.geo-btn:hover{background:#c4a2651a}.dashboard{padding:20px;min-height:calc(100vh - 70px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px))}.dashboard-header{text-align:center;padding:30px 0}.user-avatar{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,#c4a265,#a88a50);color:#0a0612;font-size:32px;font-weight:700;display:flex;align-items:center;justify-content:center;margin:0 auto 16px;overflow:hidden}.user-avatar img{width:100%;height:100%;object-fit:cover;display:block}.dashboard-header h2{color:#c4a265;font-size:24px;margin-bottom:4px}.user-login{color:#8a7a62;font-size:14px;margin-bottom:4px}.user-gender{color:#a89878;font-size:14px}.dashboard-actions{display:flex;flex-direction:column;gap:12px;margin-top:24px}.dashboard-btn{width:100%;padding:16px;border:1px solid rgba(196,162,101,.4);border-radius:25px;background:transparent;color:#c4a265;font-size:16px;font-family:Almendra,serif;cursor:pointer;transition:all .2s}.dashboard-btn:hover{background:#c4a2651a}.dashboard-btn.primary{background:#c4a26526;border-color:#c4a265}.dashboard-btn.danger{color:#c47a65;border-color:#c47a6566}.dashboard-btn.danger:hover{background:#c47a651a}.reading-screen{display:flex;flex-direction:column;min-height:calc(100vh - 40px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px));overflow:hidden}.card-container{transition:height .45s ease,padding .45s ease;position:relative;width:100%;height:75vh;display:flex;align-items:center;justify-content:center;padding:20px;flex-shrink:0}.interpretation-container{position:relative;flex:1;overflow:hidden}.interpretation-gradient-top{position:absolute;top:0;left:0;right:0;height:40px;background:linear-gradient(rgba(10,6,18,.9),transparent);z-index:1;pointer-events:none}.interpretation-scroll{transition:max-height .45s ease;max-height:40vh;overflow-y:auto;padding:30px 20px 20px;scrollbar-width:thin;scrollbar-color:rgba(196,162,101,.3) transparent}.interpretation-scroll::-webkit-scrollbar{width:4px}.interpretation-scroll::-webkit-scrollbar-track{background:#c4a2651a;border-radius:2px}.interpretation-scroll::-webkit-scrollbar-thumb{background:#c4a2654d;border-radius:2px}.interpretation-gradient-bottom{position:absolute;bottom:0;left:0;right:0;height:40px;background:linear-gradient(transparent,#0a0612e6);z-index:1;pointer-events:none}.reading-loading{display:flex;align-items:center;justify-content:center;height:100%;color:#a89878}@keyframes pulse{0%,to{box-shadow:0 0 #c4a26566}50%{box-shadow:0 0 0 10px #c4a26500}}.reading-loading .spinner{animation:spin .8s linear infinite,pulse 1.5s ease-in-out infinite}.reading-history{margin-bottom:24px}.reading-history h3{font-size:16px;color:#c4a265;margin-bottom:12px}.history-cycle{background:#ffffff08;border:1px solid rgba(196,162,101,.15);border-radius:12px;padding:12px;margin-bottom:8px}.history-cycle-header{display:flex;align-items:center;gap:8px;margin-bottom:8px}.cycle-number{font-size:12px;color:#c4a265;font-weight:600}.history-cards{display:flex;gap:4px}.history-card-thumb{width:32px;height:54px;border-radius:4px;object-fit:cover;border:1px solid rgba(196,162,101,.3)}.history-question{font-size:14px;color:#a89878;margin-bottom:4px}.history-answer{font-size:13px;color:#8a7a62;line-height:1.4}.reading-current{flex:1}.reading-current h2{font-size:18px;color:#c4a265;margin-bottom:16px}.current-card{text-align:center;margin-bottom:16px;position:relative}.current-card:after{content:"";position:absolute;bottom:0;left:0;right:0;height:40%;background:linear-gradient(transparent,#0a0612cc);pointer-events:none;border-radius:0 0 8px 8px}.current-card-image{transition:max-height .45s ease;width:100%;max-width:280px;height:auto;max-height:75vh;object-fit:contain;border-radius:8px;border:1px solid rgba(196,162,101,.4);margin-bottom:0}.card-flip{perspective:1000px}.card-flip-inner{transition:max-width .45s ease;position:relative;width:280px;max-width:100%;margin:0 auto;transform-style:preserve-3d}.card-flip-front{display:block;backface-visibility:hidden}.card-flip-back{position:absolute;top:0;left:0;width:100%;height:100%;transform:rotateY(180deg);backface-visibility:hidden}.current-card--reveal{animation:cardFadeIn .3s ease-out backwards}.current-card--reveal .card-flip-inner{animation:cardFlip .65s ease-in-out .5s backwards}.current-card--reveal .current-card-name{animation:cardNameIn .3s ease-out 1.15s backwards}@keyframes cardFadeIn{0%{opacity:0}to{opacity:1}}@keyframes cardFlip{0%{transform:rotateY(180deg)}to{transform:rotateY(0)}}@keyframes cardNameIn{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion: reduce){.current-card--reveal,.current-card--reveal .card-flip-inner,.current-card--reveal .current-card-name{animation:none}.current-card--reveal .card-flip-back{display:none}.card-container,.card-flip-inner,.current-card-image,.interpretation-scroll{transition:none}.reading-screen--completed .reading-complete-actions{animation:none}}.current-card-name{position:absolute;bottom:12px;left:50%;transform:translate(-50%);z-index:1;color:#c4a265;font-size:20px;font-weight:700;text-shadow:0 2px 10px rgba(0,0,0,.5);white-space:nowrap}.current-question{color:#a89878;margin-bottom:16px;font-style:italic}.interpretation-text,.synthesis-text{background:#ffffff08;border:1px solid rgba(196,162,101,.15);border-radius:12px;padding:16px;margin-bottom:16px;animation:fadeSlideIn .3s ease-out}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.synthesis-text h3{font-size:16px;color:#c4a265;margin-bottom:8px}.interpretation-text p,.synthesis-text p{color:#d4c5a9;line-height:1.6;white-space:pre-line}.reading-actions{margin-top:16px}.input-row{display:flex;align-items:center;gap:8px}.input-row input{flex:1;min-width:0;padding:12px 16px;border:1px solid rgba(196,162,101,.3);border-radius:25px;background:#ffffff0d;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:#d4c5a9;font-family:Almendra,serif;font-size:16px;transition:all .2s}.input-row input:focus{outline:none;border-color:#c4a265;box-shadow:0 0 16px #c4a26533}.input-row input::placeholder{color:#6b5d4a}.input-row input:disabled{opacity:.5;cursor:not-allowed}.input-row button{width:auto;flex-shrink:0;padding:12px 24px}.reading-status{text-align:center;color:#a89878;padding:16px}.interpret-retry{display:flex;flex-direction:column;gap:8px}.interpret-retry .reading-status{padding:0 0 4px}.cycle-complete-actions{display:flex;flex-direction:column;gap:8px}.synthesis-btn{background:#c4a26526;border-color:#c4a26566;color:#c4a265}.synthesis-btn:hover{background:#c4a26540}.reading-complete-actions{display:flex;flex-direction:column;gap:8px}.restart-btn{background:#c4a26526;border-color:#c4a26580;font-weight:700}.restart-btn:hover{background:#c4a26540}.exit-btn{background:transparent;border:1px solid rgba(196,162,101,.3);color:#c4a265}.exit-btn:hover{background:#c4a2651a}.reading-progress{margin-top:24px;padding-top:16px;border-top:1px solid rgba(196,162,101,.15)}.progress-bar{height:4px;background:#c4a2651a;border-radius:2px;overflow:hidden;margin-bottom:8px}.progress-fill{height:100%;background:linear-gradient(90deg,#c4a265,#a88a50);border-radius:2px;transition:width .3s ease}.progress-text{text-align:center;font-size:12px;color:#8a7a62}.reading-screen--completed .card-container{height:auto;padding:8px 0}.reading-screen--completed .card-flip-inner{max-width:17vh}.reading-screen--completed .current-card-image{max-height:30vh}.reading-screen--completed .current-card-name{font-size:13px;bottom:8px;white-space:normal;max-width:100%;padding:0 6px;line-height:1.2;text-align:center}.reading-screen--completed .interpretation-scroll{max-height:55vh}.reading-screen--completed .reading-complete-actions{flex-direction:row;flex-wrap:wrap;animation:completedActionsIn .45s ease-out backwards}@keyframes completedActionsIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.reading-screen--completed .reading-complete-actions button{flex:1 1 calc(33.333% - 6px);min-width:84px;width:auto;padding:10px 8px;font-size:14px;line-height:1.2}.reading-screen--completed .reading-progress{display:none}.reading-history-screen{padding:20px}.reading-history-screen h2{color:#c4a265;margin-bottom:16px}.history-item{background:#ffffff08;border:1px solid rgba(196,162,101,.15);border-radius:12px;margin-bottom:12px;overflow:hidden}.history-item-header{display:flex;justify-content:space-between;align-items:center;padding:16px;cursor:pointer}.history-date{color:#c4a265;font-weight:600}.history-cycles{color:#a89878;font-size:14px}.history-expand{color:#c4a265}.history-item-details{padding:0 16px 16px;border-top:1px solid rgba(196,162,101,.1)}.history-card-name{color:#c4a265;font-size:14px;margin-top:4px}.history-synthesis{margin-top:12px;padding:12px;background:#c4a26514;border-radius:8px}.history-synthesis h4{color:#c4a265;margin-bottom:8px}.history-synthesis p{white-space:pre-line}.empty-history{text-align:center;color:#a89878;padding:40px}.bottom-nav{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:480px;display:flex;justify-content:space-around;padding:8px 0 calc(12px + env(safe-area-inset-bottom,0px));background:#0a061299;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:1px solid rgba(196,162,101,.2);z-index:100}.nav-item{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 16px;border:none;background:transparent;color:#8a7a62;font-size:11px;font-family:Almendra,serif;cursor:pointer;transition:color .2s}.nav-item.active{color:#c4a265;text-shadow:0 0 10px rgba(196,162,101,.5)}.nav-item:hover{color:#c4a265}.nav-item svg{width:24px;height:24px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Almendra,serif;background:#0a0612;background-image:url(/backgrounds/bg.jpg);background-size:cover;background-position:center;background-attachment:fixed;color:#d4c5a9;min-height:100vh}.app{max-width:480px;margin:0 auto;padding:calc(20px + env(safe-area-inset-top,0px)) 20px calc(20px + env(safe-area-inset-bottom,0px));min-height:100vh;background:linear-gradient(180deg,#0a0612b3,#0a0612d9)}button{width:100%;padding:14px;border:1px solid rgba(196,162,101,.5);border-radius:25px;background:transparent;color:#c4a265;font-size:16px;font-family:Almendra,serif;cursor:pointer;transition:all .2s}button:hover{background:#c4a2651a;border-color:#c4a265;box-shadow:0 0 20px #c4a2654d;transform:scale(1.02)}button:active{transform:scale(.98);box-shadow:0 0 10px #c4a26533}button:disabled{opacity:.4;cursor:not-allowed;transform:none;box-shadow:none}.spinner{display:inline-block;width:20px;height:20px;border:2px solid rgba(196,162,101,.2);border-top-color:#c4a265;border-radius:50%;animation:spin .8s linear infinite;vertical-align:middle;margin-right:8px}@keyframes spin{to{transform:rotate(360deg)}}@keyframes buttonPulse{0%,to{opacity:.6}50%{opacity:1}}button[aria-busy=true]{animation:buttonPulse 1.5s ease-in-out infinite}.error{color:#c47a65;margin-bottom:16px}.error-msg{background:#c47a651a;border:1px solid rgba(196,122,101,.3);border-radius:12px;padding:16px;text-align:center;color:#c47a65;margin:16px 0}.error-msg button{margin-top:12px;background:#c47a65;border-color:#c47a65;color:#fff;width:auto;padding:10px 24px;border-radius:25px}.app-content{padding-bottom:70px}.auth-link{text-align:center;margin-top:24px;color:#a89878}.link-btn{background:none;border:none;color:#c4a265;cursor:pointer;font-family:Almendra,serif;font-size:inherit;padding:0;text-decoration:underline}.link-btn:hover{color:#d4b87a}