.account-page{max-width:540px;padding-top:max(30px,env(safe-area-inset-top))}.account-header{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:26px}.account-header h1{font-family:var(--font-display,"Cinzel",serif);font-size:25px}.account-icon{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;color:#f4a6cf;background:rgba(199,164,242,.08);border:1px solid rgba(199,164,242,.22);flex:none}.account-stack{display:flex;flex-direction:column;gap:24px}.account-overline{font-size:12px;letter-spacing:.17em;text-transform:uppercase;color:#c7a4f2}.account-subtle{color:#cdbfdc;line-height:1.5;font-size:15px}.account-title{font-family:var(--font-display,"Cinzel",serif);font-size:22px;line-height:1.3}.account-section-title{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}.account-section-title h2{font-family:var(--font-display,"Cinzel",serif);font-size:18px}.account-link{color:#f4a6cf;text-decoration:underline;text-underline-offset:4px;font-size:14px}.account-row{display:flex;gap:14px;align-items:center;padding:16px 0;min-height:62px}.account-row+.account-row{border-top:1px solid rgba(199,164,242,.15)}.account-row svg{color:#c7a4f2;flex:none}.account-row .grow{flex:1;min-width:0}.account-row small{display:block;color:#cdbfdc;line-height:1.4;margin-top:3px;font-size:13px}.account-input{width:100%;min-height:48px;border:1px solid rgba(199,164,242,.3);border-radius:14px;background:#160d24;padding:12px 14px;color:#f3e9f5;outline:none;color-scheme:dark}.account-input:focus{border-color:#f4a6cf;box-shadow:0 0 0 3px #f4a6cf19}.account-field{gap:7px;font-size:14px;color:#cdbfdc}.account-field,.account-form{display:flex;flex-direction:column}.account-form{gap:16px}.account-two{display:grid;grid-template-columns:1fr 1fr;gap:12px}.account-photo{width:88px;height:88px;position:relative;margin:auto}.account-photo-main{width:88px;height:88px;-o-object-fit:cover;object-fit:cover;display:grid;place-items:center;border-radius:50%;border:1px solid #f7cf9f80;background:linear-gradient(135deg,#3b2160,#251534);font-family:var(--font-display,"Cinzel",serif);font-size:32px;color:#f7cf9f;box-shadow:0 0 32px #c7a4f226}.account-photo-change{position:absolute;bottom:-2px;right:-4px;width:36px;height:36px;border-radius:50%;background:#f4a6cf;color:#1a1029;display:grid;place-items:center;cursor:pointer;border:3px solid #22143a}.account-stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.account-stat{text-align:center;padding:15px 5px;border-radius:17px;background:rgba(199,164,242,.08);border:1px solid rgba(199,164,242,.16)}.account-stat strong{display:block;font-family:var(--font-display,"Cinzel",serif);font-size:23px;color:#f7cf9f}.account-stat span{font-size:12px;color:#cdbfdc}.account-week{display:flex;justify-content:space-around;gap:7px;margin-top:17px}.account-week span{display:flex;flex-direction:column;gap:8px;align-items:center;color:#cdbfdc;font-size:12px}.account-week i{width:26px;height:26px;border-radius:50%;background:rgba(199,164,242,.1);display:grid;place-items:center;font-style:normal;color:#1a1029}.account-week i.active{background:linear-gradient(135deg,#f4a6cf,#f7cf9f);box-shadow:0 0 14px #f4a6cf30}.account-chip{min-height:44px;display:flex;align-items:center;justify-content:center;border-radius:999px;padding:9px 14px;border:1px solid #c7a4f247;color:#e3d4f0;font-size:14px;transition:background .2s,color .2s}.account-chip[aria-pressed=true]{color:#1a1029;background:#f4a6cf;border-color:#f4a6cf}.account-chips{display:flex;flex-wrap:wrap;gap:9px}.account-switch{position:relative;flex:none;width:46px;height:28px;border-radius:999px;background:#c7a4f233;transition:background .2s}.account-switch[aria-checked=true]{background:linear-gradient(135deg,#f4a6cf,#c7a4f2)}.account-switch:after{content:"";position:absolute;left:3px;top:3px;width:22px;height:22px;border-radius:50%;background:#f3e9f5;transition:transform .2s}.account-switch[aria-checked=true]:after{transform:translateX(18px);background:#1a1029}.account-switch-target{min-height:44px;display:flex;align-items:center;padding-left:12px}.account-plan{border:1px solid #f7cf9f70;background:linear-gradient(150deg,#f7cf9f0d,#f4a6cf0a,#c7a4f212);border-radius:22px;padding:20px}.account-plan-choice{display:flex;gap:12px;align-items:center;width:100%;border:1px solid #c7a4f240;border-radius:16px;padding:15px;text-align:left}.account-plan-choice[aria-pressed=true]{border-color:#f4a6cf;background:#f4a6cf0d}.account-plan-choice .radio{width:19px;height:19px;border:2px solid #f4a6cf;border-radius:50%;flex:none}.account-plan-choice[aria-pressed=true] .radio{background:#f4a6cf;box-shadow:inset 0 0 0 3px #22143a}.account-sheet-body{padding:28px 24px max(24px,env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:18px;max-height:85dvh;overflow:auto}.account-badge-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px 9px}.account-badge{text-align:center;font-size:11px;color:#cdbfdc}.account-badge i{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;margin:0 auto 7px;background:#c7a4f213;border:1px solid #c7a4f230;font-size:22px;font-style:normal}.account-badge.unlocked i{background:linear-gradient(135deg,#f7cf9f30,#f4a6cf20);border-color:#f7cf9f70}.account-favourites{display:flex;gap:12px;overflow-x:auto;padding:4px 2px 12px;scroll-snap-type:x mandatory}.account-favourite{width:90px;flex:none;text-align:center;font-size:12px;color:#cdbfdc;scroll-snap-align:start}.account-favourite img{width:90px;aspect-ratio:2/3;border-radius:10px;-o-object-fit:contain;object-fit:contain;background:#160d24;border:1px solid #f7cf9f50;margin-bottom:7px}.reader-chooser{position:relative;isolation:isolate;min-height:620px}.reader-hero{position:relative;margin:-2px -22px 0;height:390px;overflow:hidden}.reader-hero img,.reader-hero video{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;display:block}.reader-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 58%,#170d26);pointer-events:none}.reader-content{position:relative;margin-top:-40px;display:flex;flex-direction:column;gap:15px}.reader-content h1,.reader-content h2{font-family:var(--font-decorative,"Cinzel Decorative",serif);font-size:30px;line-height:1.18}.reader-sample{padding:13px 16px;border:1px solid #c7a4f240;border-radius:16px;background:#0d0818a6}.reader-sample blockquote{font-family:var(--font-note,"EB Garamond",serif);font-size:19px;font-style:italic;line-height:1.4;margin-top:7px}.reader-thumbnails{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.reader-thumbnails button{display:flex;flex-direction:column;align-items:center;gap:8px;font-size:12px;min-height:86px;opacity:.6;transition:opacity .25s}.reader-thumbnails button[aria-pressed=true]{opacity:1}.reader-thumbnails img{width:58px;height:58px;-o-object-fit:cover;object-fit:cover;border-radius:50%;border:2px solid transparent}.reader-thumbnails button[aria-pressed=true] img{border-color:var(--reader-accent,#f4a6cf);box-shadow:0 0 22px #f4a6cf26}.onboarding-page{min-height:100dvh;display:flex;flex-direction:column;padding-bottom:40px!important}.onboarding-progress{display:flex;gap:6px;margin:0 0 25px}.onboarding-progress span{height:3px;border-radius:3px;background:#c7a4f233;flex:1;transition:background .25s}.onboarding-progress span.done{background:#f4a6cf}.onboarding-welcome{position:relative;display:flex;flex-direction:column;gap:22px;text-align:center;margin:auto 0}.onboarding-orbit{width:230px;height:230px;position:relative;border:1px solid #c7a4f230;border-radius:50%;margin:22px auto;box-shadow:0 0 70px #c7a4f213;display:grid;place-items:center}.onboarding-orbit:before{content:"";position:absolute;inset:17px;border:1px solid #f7cf9f35;border-radius:50%}.onboarding-orbit b{width:120px;height:175px;border-radius:13px;display:grid;place-items:center;font-family:var(--font-decorative,"Cinzel Decorative",serif);font-size:65px;border:1px solid #f7cf9f;background:radial-gradient(circle,#3b2160,#170d26);box-shadow:0 0 25px #f4a6cf25;transform:rotate(-8deg);animation:accountFloat 7s ease-in-out infinite}.onboarding-orbit i{position:absolute;color:#f7cf9f;right:22px;top:22px;font-style:normal}.onboarding-heading{font-family:var(--font-decorative,"Cinzel Decorative",serif);font-size:30px;line-height:1.2}.onboarding-footer{display:flex;flex-direction:column;gap:10px;margin-top:28px}.onboarding-notification{display:flex;gap:12px;align-items:center;border:1px solid #c7a4f230;background:#f3e9f511;border-radius:20px;padding:16px}.onboarding-notification i{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:#3b2160;color:#f7cf9f;font-size:24px;font-style:normal}.deck-carousel{position:relative;touch-action:pan-y;margin:24px -6px 8px;height:342px;display:grid;place-items:center;overflow:hidden}.deck-carousel-art{position:relative;width:196px;aspect-ratio:2/3;z-index:1;border-radius:14px;border:1px solid #f7cf9f;box-shadow:0 20px 45px #0008,0 0 40px #f7cf9f20;background:#170d26;overflow:hidden}.deck-carousel-art img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.deck-carousel-side{position:absolute;width:165px;aspect-ratio:2/3;border-radius:12px;overflow:hidden;opacity:.32;border:1px solid #f7cf9f55;transform:translateX(-84px) rotate(-10deg) scale(.92)}.deck-carousel-side.right{transform:translateX(84px) rotate(10deg) scale(.92)}.deck-carousel-side img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.deck-carousel .account-icon{position:absolute;left:0;z-index:3;backdrop-filter:blur(12px);background:#170d26b3}.deck-carousel .account-icon.next{left:auto;right:0}.deck-dots{display:flex;justify-content:center;gap:4px;margin-top:15px}.deck-dots button{width:34px;height:44px;display:grid;place-items:center}.deck-dots i{display:block;width:7px;height:7px;border-radius:9px;background:#c7a4f24d;transition:width .2s,background .2s}.deck-dots button[aria-pressed=true] i{width:24px;background:#f4a6cf}.deck-owned{display:flex;gap:15px;align-items:center;width:100%;text-align:left;padding:16px;border:1px solid #c7a4f240;border-radius:18px;transition:background .2s,border-color .2s}.deck-owned[aria-pressed=true]{background:#f7cf9f0c;border-color:#f7cf9f85}.deck-owned img{width:57px;height:87px;-o-object-fit:contain;object-fit:contain;border-radius:6px}.deck-preview-samples{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.deck-preview-samples img{width:100%;aspect-ratio:2/3;-o-object-fit:contain;object-fit:contain;border-radius:9px;border:1px solid #f7cf9f40}.account-auth{max-width:460px;min-height:100dvh;display:flex;flex-direction:column;justify-content:center;padding-bottom:35px!important}.account-auth h1{font-family:var(--font-decorative,"Cinzel Decorative",serif);font-size:32px;line-height:1.2;text-align:center}.account-auth .account-form{margin-top:8px}.account-auth input{font-size:16px}.account-error{border:1px solid #f4a6cf50;background:#f4a6cf0d;padding:12px 14px;border-radius:14px;color:#f4a6cf;font-size:14px}@keyframes accountFloat{0%,to{transform:translateY(0) rotate(-8deg)}50%{transform:translateY(-8px) rotate(-5deg)}}@media (prefers-reduced-motion:reduce){.onboarding-orbit b{animation:none}.account-chip,.account-switch:after,.deck-dots i,.reader-thumbnails button{transition:none}}@media (min-width:700px){.reader-hero{height:430px}.deck-carousel{height:370px}.deck-carousel-art{width:218px}}.account-field,.account-input,.account-row .grow,.account-two>*{min-width:0}.account-two{grid-template-columns:repeat(2,minmax(0,1fr))}.account-section-title{flex-wrap:wrap}@media (max-width:360px){.account-two{grid-template-columns:minmax(0,1fr)}.account-stat strong{font-size:20px}.account-stat span{font-size:11px}.reader-thumbnails img{width:52px;height:52px}}