.app-layout{--app-nav-height: 64px;display:flex;flex-direction:column;min-height:100vh;background:radial-gradient(circle at top,rgba(255,245,226,.78),transparent 34%),linear-gradient(180deg,#fcf8f1,#f3ecdf)}.main-navigation{background:#f8f2e875;border-bottom:1px solid rgba(42,37,32,.03);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);position:sticky;top:0;z-index:100}.app-layout:has(.landing-hero) .main-navigation,.app-layout:has(.home-hero) .main-navigation{background:#f8f2e86b;border-bottom-color:#2a252008}.nav-container{width:100%;padding:6px 40px 0;display:flex;align-items:center;justify-content:space-between;height:var(--app-nav-height)}.nav-brand{flex-shrink:0;text-decoration:none;color:inherit;-webkit-tap-highlight-color:transparent}.nav-brand h1{color:#1a1410;font-size:1.25rem;font-weight:400;line-height:1.5;margin:0;font-family:Fraunces,Georgia,serif;letter-spacing:-.01em}.nav-brand:hover,.nav-brand:focus,.nav-brand:active,.nav-brand:visited{color:inherit;text-decoration:none}.nav-brand h1:hover,.nav-brand h1:focus{text-decoration:none}.nav-actions{display:flex;gap:14px;align-items:center;position:relative}.nav-link{color:#2a252085;text-decoration:none;padding:6px 0;border-radius:0;font-size:.87rem;font-weight:500;letter-spacing:.01em;transition:color .18s ease,opacity .18s ease}.nav-link:hover{color:#2a2520;opacity:1;text-decoration:none}.nav-link--accent{color:#7d5430d6;font-weight:600}.nav-link--accent:hover{color:#5e4126}.nav-menu{position:relative}.nav-menu-trigger{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;padding:0;border-radius:999px;border:none;background:transparent;color:#2a252057;cursor:pointer;transition:background-color .18s ease,color .18s ease,opacity .18s ease}.nav-menu-trigger:hover,.nav-menu-trigger.is-open{background:#2a25200a;color:#2a25208f}.nav-menu-trigger__bars{display:inline-flex;flex-direction:column;gap:3.5px}.nav-menu-trigger__bars span{width:14px;height:1.6px;border-radius:999px;background:currentColor;opacity:.72;transition:transform .18s ease,opacity .18s ease}.nav-menu-trigger.is-open .nav-menu-trigger__bars span:nth-child(1){transform:translateY(4.5px) rotate(45deg)}.nav-menu-trigger.is-open .nav-menu-trigger__bars span:nth-child(2){opacity:0}.nav-menu-trigger.is-open .nav-menu-trigger__bars span:nth-child(3){transform:translateY(-4.5px) rotate(-45deg)}.nav-menu-panel{position:absolute;top:calc(100% + 10px);right:0;min-width:216px;padding:8px;border-radius:14px;border:1px solid rgba(42,37,32,.05);background:#f9f4edf0;box-shadow:0 10px 24px #251c1412;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.nav-menu-link{width:100%;display:flex;align-items:center;min-height:40px;padding:0 12px;border-radius:8px;background:none;border:none;color:#2a2520d1;text-decoration:none;font-size:.88rem;font-weight:500;text-align:left;transition:background-color .16s ease,color .16s ease}.nav-menu-link:hover{background:#2a25200a;color:#1a1410;text-decoration:none}.nav-menu-link--button{cursor:pointer}.nav-menu-link--button{border-top:1px solid rgba(42,37,32,.06);margin-top:4px;padding-top:6px;border-radius:0 0 8px 8px}.main-content{flex:1;width:100%;background:radial-gradient(circle at top right,rgba(255,247,231,.48),transparent 28%),linear-gradient(180deg,#fcf8f1b8,#f3ecdfe0)}.app-layout:has(.er-page) .main-navigation,.app-layout:has(.vr-page) .main-navigation,.app-layout:has(.reader-container) .main-navigation{display:none}@media (max-width: 768px){.app-layout{--app-nav-height: 56px}.nav-container{padding:4px 16px 0}.nav-brand h1{font-size:1.1rem}.nav-actions{gap:8px}.nav-link{font-size:.825rem}.nav-menu-trigger{width:32px;height:32px}.nav-menu-panel{min-width:200px}}.onboarding-page{min-height:100vh;background:radial-gradient(circle at top left,rgba(214,177,137,.2),transparent 28%),radial-gradient(circle at bottom right,rgba(195,146,96,.16),transparent 24%),linear-gradient(180deg,#f7efe3,#eadbc6);display:flex;flex-direction:column;overflow:hidden}.onboarding-header{padding:1.25rem 2.5rem}.onboarding-brand{display:inline-block;flex-shrink:0;color:inherit;text-decoration:none;-webkit-tap-highlight-color:transparent}.onboarding-brand h1{font-family:Fraunces,Georgia,serif;font-size:1.25rem;font-weight:400;line-height:1.5;color:#1f1813;letter-spacing:-.01em;margin:0}.onboarding-brand:hover,.onboarding-brand:focus,.onboarding-brand:active,.onboarding-brand:visited{color:inherit;text-decoration:none}.onboarding-brand h1:hover,.onboarding-brand h1:focus{text-decoration:none}.onboarding-body{flex:1;padding:1.5rem 2.5rem 4rem;max-width:760px;width:100%;margin:0 auto}.onboarding-register{position:relative;overflow:hidden;max-width:460px;margin:0 auto;padding:2rem 1.8rem 1.8rem 2.25rem;background:radial-gradient(circle at top right,rgba(201,156,114,.14),transparent 34%),linear-gradient(180deg,#f9f4ecfa,#f1e7d8f5);border:1px solid rgba(67,52,37,.08);border-radius:30px 30px 18px 18px;box-shadow:0 24px 54px #4c38241a}.onboarding-register:before{content:"";position:absolute;inset:0 auto 0 0;width:10px;background:linear-gradient(180deg,#5c4630eb,#846242d6)}.onboarding-register-content{animation:regFadeIn .5s ease-out}.onboarding-register-content .cl-rootBox,.onboarding-register-content .cl-card,.onboarding-register-content .cl-cardBox{width:100%;background:transparent;box-shadow:none;border:none;padding:0}.onboarding-register-content .cl-cardBox{overflow:visible!important}.onboarding-register-content .cl-formFieldInputGroup,.onboarding-register-content [class*=cl-formFieldInputGroup],.onboarding-register-content [class*=cl-formFieldInputContainer]{overflow:visible}.onboarding-register-content .cl-formFieldInput,.onboarding-register-content [class*=cl-formFieldInput]:not([class*=Group]):not([class*=Container]){box-sizing:border-box}@keyframes regFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.onboarding-register-skeleton{display:flex;flex-direction:column}.skel{background:linear-gradient(90deg,#4334250f,#4334251a,#4334250f);background-size:200% 100%;border-radius:8px;animation:skelPulse 1.4s ease-in-out infinite}.skel-kicker{width:130px;height:12px;margin-bottom:1.05rem;border-radius:4px}.skel-heading{width:78%;height:38px;margin-bottom:.85rem;border-radius:10px}.skel-sub{width:65%;height:14px;margin-bottom:1.75rem;border-radius:4px}.skel-form{display:flex;flex-direction:column;gap:.85rem}.skel-input{width:100%;height:44px;border-radius:14px}.skel-button{width:100%;height:40px;margin-top:.4rem;border-radius:999px}@keyframes skelPulse{0%{background-position:0% 50%;opacity:.75}50%{background-position:100% 50%;opacity:1}to{background-position:0% 50%;opacity:.75}}@media (prefers-reduced-motion: reduce){.skel,.onboarding-register-content{animation:none}}.onboarding-register-kicker{display:inline-flex;align-items:center;gap:.55rem;margin-bottom:.95rem;font-family:Fraunces,Georgia,serif;font-size:.96rem;font-weight:400;letter-spacing:-.01em;color:#8f8478}.onboarding-register-kicker:before{content:"";width:26px;height:1px;background:currentColor;opacity:.45}.onboarding-register-heading{font-family:Fraunces,Georgia,serif;font-size:2.35rem;color:#1f1813;margin:0 0 .45rem;font-weight:500;line-height:1.04;letter-spacing:-.03em}.onboarding-register-sub{font-family:DM Sans,sans-serif;font-size:.95rem;color:#6b6054;line-height:1.65;margin:0 0 1.5rem}.onboarding-register-form{display:flex;flex-direction:column;gap:1rem}.onboarding-register-error{font-family:DM Sans,sans-serif;font-size:.85rem;color:#c0614a;background:#c0614a12;border:1px solid rgba(192,97,74,.18);border-radius:10px;padding:.75rem .95rem;line-height:1.5}.onboarding-field{display:flex;flex-direction:column;gap:.45rem}.onboarding-field label{font-family:DM Sans,sans-serif;font-size:.68rem;color:#9a8d81;font-weight:700;text-transform:uppercase;letter-spacing:.09em}.onboarding-field input{font-family:DM Sans,sans-serif;font-size:1rem;min-height:48px;padding:.75rem .95rem;border:1px solid rgba(67,52,37,.12);border-radius:14px;background:#fffaf3d1;color:#1a1410;outline:none;transition:border-color .2s,box-shadow .2s,background .2s;box-shadow:inset 0 1px #ffffff73}.onboarding-field input:focus{border-color:#c392608c;box-shadow:0 0 0 3px #c392601f;background:#fffaf3f2}.onboarding-register-btn{margin-top:.4rem;font-family:DM Sans,sans-serif;font-size:1rem;font-weight:600;padding:.85rem 1.8rem;background:linear-gradient(180deg,#e7caa7,#d7b089);color:#1a120a;border:none;border-radius:999px;cursor:pointer;transition:background .2s,opacity .2s,transform .18s ease;align-self:flex-start;box-shadow:0 12px 28px #7d543024}.onboarding-register-btn:disabled{opacity:.5;cursor:not-allowed}.onboarding-register-btn:not(:disabled):hover{background:linear-gradient(180deg,#e2c09b,#cea57c);transform:translateY(-1px)}.onboarding-login-link{font-family:DM Sans,sans-serif;font-size:.85rem;color:#8c8176;margin-top:1.3rem;padding-top:1rem;border-top:1px solid rgba(67,52,37,.08)}.onboarding-login-link a{color:#8d633d;text-decoration:underline;text-underline-offset:2px}@media (max-width: 768px){.onboarding-header{padding:1rem 1.5rem}.onboarding-body{padding:1rem 1.5rem 2rem}.onboarding-register{padding:1.5rem 1.1rem 1.25rem 1.4rem;border-radius:24px 24px 16px 16px}.onboarding-register:before{width:8px}.onboarding-register-heading{font-size:1.95rem}}.app-route-loading{min-height:40vh;display:flex;align-items:center;justify-content:center;opacity:0;animation:route-loading-appear .4s ease .35s forwards}.app-route-loading:after{content:"";width:48px;height:2px;border-radius:1px;background:#e8a87c;animation:route-loading-pulse 1.5s ease-in-out infinite}@keyframes route-loading-appear{to{opacity:1}}@keyframes route-loading-pulse{0%,to{opacity:.15}50%{opacity:.6}}*{box-sizing:border-box}:root{font-family:DM Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica Neue,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--font-display: "Fraunces", Georgia, serif;--font-body: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--color-accent: #E8A87C;--color-accent-warm: #E8A87C;--bg-primary: #FAF8F5;--bg-secondary: #F5F2EC;--text-primary: #1a1410;--text-secondary: #6B6560;--border-color: rgba(42, 37, 32, .08);--link-color: #3b82f6}body{margin:0;padding:0;min-width:320px;min-height:100vh;background-color:var(--bg-primary);color:var(--text-primary)}#root{min-height:100vh}a{color:var(--link-color);text-decoration:none}a:hover{text-decoration:underline}button{font-family:inherit;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}