@import "https://fonts.googleapis.com/css2?family=Fraunces:ital,wght@0,400;0,500;0,600;0,700;1,500&family=Hanken+Grotesk:wght@400;500;600&family=Caveat:wght@700&family=Inter:wght@300;400;500;600&family=Playfair+Display:wght@400;500&display=swap";:root{--life-paper:#f4efe5;--life-paper-strong:#fffcf6;--life-ink:#102c31;--life-teal-deep:#063e43;--life-teal:#078c8b;--life-teal-bright:#13b8b1;--life-amber:#c78a43;--life-line:#ded5c8;--life-shadow:0 20px 55px #382b1f24, 0 3px 10px #382b1f14;--bg:#0a1014;--bg2:#0e161b;--surface:#131d23;--surface2:#18242b;--surface3:#1f2d35;--accent:#22c9d8;--accent2:#5fe6f0;--accent-dim:#22c9d824;--accent-bdr:#22c9d84d;--on-accent:#06232a;--teal:#1aabb8;--teal2:#22c9d8;--teal-dim:#1aabb81a;--teal-bdr:#1aabb840;--text:#f5f5f0;--text2:#c4c4be;--text3:#8a8a84;--border:#2a2a2a;--border2:#333;--success:#2e9b5f;--danger:#d95a5a;--warning:#e8900a;--warning-dim:#d9a4411f;--warning-bdr:#d9a44147;--radius:10px;--radius-lg:16px;--radius-pill:20px;--radius-sm:8px;--font-display:"Fraunces", Georgia, serif;--font-body:"Hanken Grotesk", system-ui, sans-serif;--font-accent:"Caveat", cursive;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2rem;--chart-1:#79d2dc;--chart-2:#4caf7d;--chart-3:#7b8fe0;--cat-grammar:#7b8fe0;--cat-agreement:#4caf7d;--cat-prepositions:#79d2dc;--cat-pronouns:#a1e6ec;--cat-vocab:#a0afee;--cat-structure:#e05a5a;--cat-other:#a0a09a;--persona-1:#7b6ee0;--persona-2:#4caf9d;--persona-3:#e07b8f;--persona-4:#5b9bd5;--persona-5:#5bb8d5;--persona-6:#e07b6d;--persona-7:#6db8a0;--persona-8:#7be0b8;--crest-bg:#1c2a30;--crest-locked:#2a363c;--dur-fast:.14s;--dur:.24s;--ease-out:cubic-bezier(.2,.8,.2,1);--ease-in-out:cubic-bezier(.4,0,.2,1);--surface-glass:#131d239e;--overlay-tint:#0a101461;--glass-edge:#ffffff1a;--lt-hero-scrim:linear-gradient(90deg, #0a1014 0%, #0a1014eb 6%, #0a10148c 32%, #0a101400 64%), linear-gradient(180deg, #0a101400 38%, #0a101473 100%);--lt-postal-scrim:linear-gradient(90deg, #0a1014a8 0%, #0a101457 38%, #0a101400 70%), linear-gradient(180deg, #0a10142e 0%, #0a101400 32%, #0a101475 100%);--scene-scrim-soft:linear-gradient(180deg, #0a101433 0%, #0a101447 45%, #0a101480 100%);--scene-scrim-medium:linear-gradient(180deg, #0a10144d 0%, #0a101466 45%, #0a10149e 100%);--scene-scrim-strong:linear-gradient(180deg, #0a101470 0%, #0a10148a 45%, #0a1014b8 100%);--scene-scrim-living:linear-gradient(180deg, #f8f4eccc 0%, #f8f4ecdb 42%, #f4efe5f5 100%);--accent-deep:#2e5c66;--auth-glass:#ffffff0e;--auth-edge:#ffffff1f;--auth-input-bg:#ffffff0d;--auth-input-edge:#ffffff24;--glass-top:linear-gradient(90deg, transparent, #ffffff38, transparent);--bg-glow:radial-gradient(ellipse 55% 45% at 6% 4%, #79d2dc26, transparent 62%), radial-gradient(ellipse 55% 45% at 94% 6%, #79d2dc26, transparent 62%), radial-gradient(ellipse 55% 45% at 6% 96%, #79d2dc1f, transparent 62%), radial-gradient(ellipse 55% 45% at 94% 96%, #79d2dc1f, transparent 62%), radial-gradient(ellipse 70% 55% at 50% 50%, #79d2dc0d, transparent 72%);--ambient-grain:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNjAiIGhlaWdodD0iMTYwIj48ZmlsdGVyIGlkPSJuIj48ZmVUdXJidWxlbmNlIHR5cGU9ImZyYWN0YWxOb2lzZSIgYmFzZUZyZXF1ZW5jeT0iMC43OCIgbnVtT2N0YXZlcz0iMiIgc3RpdGNoVGlsZXM9InN0aXRjaCIvPjxmZUNvbG9yTWF0cml4IHR5cGU9InNhdHVyYXRlIiB2YWx1ZXM9IjAiLz48L2ZpbHRlcj48cmVjdCB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWx0ZXI9InVybCgjbikiIG9wYWNpdHk9IjAuMDQ1Ii8+PC9zdmc+);--ambient-city:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMjAwIiBoZWlnaHQ9IjE1MCIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+PGcgZmlsbD0iIzNBNkI3NCIgZmlsbC1vcGFjaXR5PSIwLjA5Ij48cmVjdCB4PSIwIiB5PSI5MiIgd2lkdGg9IjcwIiBoZWlnaHQ9IjU4Ii8+PHJlY3QgeD0iNjAiIHk9IjY0IiB3aWR0aD0iNTIiIGhlaWdodD0iODYiLz48cmVjdCB4PSIxMjAiIHk9IjEwNCIgd2lkdGg9IjYwIiBoZWlnaHQ9IjQ2Ii8+PHJlY3QgeD0iMTg2IiB5PSI0OCIgd2lkdGg9IjQ0IiBoZWlnaHQ9IjEwMiIvPjxyZWN0IHg9IjIzNiIgeT0iODQiIHdpZHRoPSI2NiIgaGVpZ2h0PSI2NiIvPjxyZWN0IHg9IjMxMiIgeT0iNzAiIHdpZHRoPSI0MCIgaGVpZ2h0PSI4MCIvPjxyZWN0IHg9IjM2MCIgeT0iMTAwIiB3aWR0aD0iNzQiIGhlaWdodD0iNTAiLz48cmVjdCB4PSI0NDQiIHk9IjU2IiB3aWR0aD0iNDgiIGhlaWdodD0iOTQiLz48cmVjdCB4PSI1MDAiIHk9Ijg4IiB3aWR0aD0iNTgiIGhlaWdodD0iNjIiLz48cmVjdCB4PSI1NjYiIHk9IjQwIiB3aWR0aD0iMzgiIGhlaWdodD0iMTEwIi8+PHJlY3QgeD0iNjEyIiB5PSI5NiIgd2lkdGg9IjcyIiBoZWlnaHQ9IjU0Ii8+PHJlY3QgeD0iNjk0IiB5PSI2OCIgd2lkdGg9IjUwIiBoZWlnaHQ9IjgyIi8+PHJlY3QgeD0iNzUyIiB5PSIxMDYiIHdpZHRoPSI2MiIgaGVpZ2h0PSI0NCIvPjxyZWN0IHg9IjgyMCIgeT0iNTIiIHdpZHRoPSI0NiIgaGVpZ2h0PSI5OCIvPjxyZWN0IHg9Ijg3NCIgeT0iODYiIHdpZHRoPSI2OCIgaGVpZ2h0PSI2NCIvPjxyZWN0IHg9Ijk1MCIgeT0iNzQiIHdpZHRoPSI0MiIgaGVpZ2h0PSI3NiIvPjxyZWN0IHg9IjEwMDAiIHk9IjEwMCIgd2lkdGg9Ijc2IiBoZWlnaHQ9IjUwIi8+PHJlY3QgeD0iMTA4NCIgeT0iNjAiIHdpZHRoPSI1MCIgaGVpZ2h0PSI5MCIvPjxyZWN0IHg9IjExNDIiIHk9IjkyIiB3aWR0aD0iNTgiIGhlaWdodD0iNTgiLz48L2c+PC9zdmc+);--card-shadow:0 14px 32px -16px #0000008c, 0 2px 6px -3px #0000004d}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;min-height:100vh}button{cursor:pointer;font-family:inherit}input,textarea,select{font-family:inherit}.font-display{font-family:var(--font-display)}.font-body{font-family:var(--font-body)}.btn-primary{background:linear-gradient(180deg, var(--accent) 0%, var(--accent-deep) 100%);color:var(--on-accent);letter-spacing:.02em;box-shadow:0 12px 26px color-mix(in srgb, var(--accent-deep) 48%, transparent), inset 0 1px 0 #ffffff57, inset 0 -3px 8px #0003;border:none;border-radius:15px;padding:.75rem 1.5rem;font-size:.9rem;font-weight:600;transition:opacity .2s cubic-bezier(.25,.46,.45,.94),transform .15s cubic-bezier(.25,.46,.45,.94),box-shadow .2s cubic-bezier(.25,.46,.45,.94)}.btn-primary:hover{opacity:.96;box-shadow:0 16px 32px color-mix(in srgb, var(--accent-deep) 54%, transparent), inset 0 1px 0 #ffffff57, inset 0 -3px 8px #0003}.btn-primary:active{opacity:1;box-shadow:0 6px 14px color-mix(in srgb, var(--accent-deep) 40%, transparent), inset 0 1px 0 #ffffff38, inset 0 -2px 6px #00000038;transform:scale(.98)}.btn-primary:disabled{opacity:.35;cursor:not-allowed;box-shadow:none}.upgrade-seal{animation:2.6s ease-in-out infinite upgradeGlow}.upgrade-sparkle{animation:2.2s ease-in-out infinite upgradeTwinkle}@keyframes upgradeGlow{0%,to{box-shadow:0 0 18px 2px var(--accent-dim)}50%{box-shadow:0 0 34px 8px var(--accent-dim)}}@keyframes upgradeTwinkle{0%,to{opacity:.25;transform:scale(.85)}50%{opacity:.9;transform:scale(1.12)}}@media (prefers-reduced-motion:reduce){.upgrade-seal,.upgrade-sparkle{animation:none!important}*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}.btn-secondary{background:linear-gradient(180deg, var(--surface2) 0%, var(--surface) 100%);border:1px solid var(--border2);color:var(--text2);cursor:pointer;border-radius:15px;padding:.75rem 1.5rem;font-family:inherit;font-size:.9rem;font-weight:500;transition:background .15s cubic-bezier(.25,.46,.45,.94),color .15s cubic-bezier(.25,.46,.45,.94),transform .1s cubic-bezier(.25,.46,.45,.94),box-shadow .15s cubic-bezier(.25,.46,.45,.94);box-shadow:0 4px 12px #0000001a,inset 0 1px #ffffff1a}.btn-secondary:hover{background:linear-gradient(180deg, var(--surface3) 0%, var(--surface2) 100%);color:var(--text);box-shadow:0 6px 16px #00000024,inset 0 1px #ffffff1f}.btn-secondary:active{transform:scale(.98);box-shadow:0 2px 6px #0000001f,inset 0 1px #ffffff14}.btn-secondary:disabled{opacity:.35;cursor:not-allowed;box-shadow:none}.card-interactive{transition:transform .18s cubic-bezier(.25,.46,.45,.94),box-shadow .18s cubic-bezier(.25,.46,.45,.94)}.card-interactive:hover{transform:translateY(-2px);box-shadow:0 4px 16px #00000026}.card-interactive:active{box-shadow:none;transform:translateY(0)scale(.99)}.card{background:var(--surface);border:1px solid var(--border2);border-radius:var(--radius-lg);padding:1.25rem}.input{background:var(--surface2);border:1px solid var(--border2);border-radius:var(--radius);width:100%;color:var(--text);outline:none;padding:.75rem 1rem;font-size:.9rem;transition:border-color .2s}.input:focus{border-color:var(--accent)}.input::placeholder{color:var(--text3)}.input:-webkit-autofill{-webkit-text-fill-color:var(--text);-webkit-box-shadow:0 0 0 1000px var(--surface2) inset;caret-color:var(--text);transition:background-color 9999s ease-in-out}.input:-webkit-autofill:hover{-webkit-text-fill-color:var(--text);-webkit-box-shadow:0 0 0 1000px var(--surface2) inset;caret-color:var(--text);transition:background-color 9999s ease-in-out}.input:-webkit-autofill:focus{-webkit-text-fill-color:var(--text);-webkit-box-shadow:0 0 0 1000px var(--surface2) inset;caret-color:var(--text);transition:background-color 9999s ease-in-out}.professor-msg p{margin:0 0 12px}.professor-msg p:last-child{margin-bottom:0}.professor-msg ul,.professor-msg ol{margin:8px 0 12px 20px;padding:0}.professor-msg li{margin-bottom:6px;line-height:1.6}.professor-msg hr{border:none;border-top:1px solid #ffffff14;margin:14px 0}.professor-msg strong{color:var(--accent2);font-weight:600}.professor-msg h2{color:var(--accent2);margin:0 0 10px;font-size:1rem;font-weight:600}.professor-msg h3{margin:0 0 8px;font-size:.95rem;font-weight:600}.professor-msg code{background:var(--accent-dim);border:1px solid var(--accent-bdr);color:var(--accent2);border-radius:4px;padding:1px 6px;font-size:.85rem}[data-theme=light]{--bg:#f4efe5;--bg2:#fbf7ef;--surface:#fffcf7;--surface2:#f7f1e8;--surface3:#ece4d8;--accent:#078c8b;--accent2:#22c9d8;--accent-dim:#1aabb81f;--accent-bdr:#1aabb840;--on-accent:#fff;--text:#102c31;--text2:#536369;--text3:#7d8585;--border:#e8e0d5;--border2:#d8cfc2;--warning:#c9780a;--warning-dim:#e8900a24;--warning-bdr:#e8900a52;--chart-1:#1aabb8;--cat-prepositions:#1aabb8;--cat-pronouns:#22c9d8;--cat-vocab:#6b7cc8;--persona-5:#3d8fb0;--persona-8:#3fa882;--crest-bg:#e8e8e3;--crest-locked:#c7c7c2;--surface-glass:#ffffff8c;--overlay-tint:#141e212e;--glass-edge:#ffffffb3;--lt-hero-scrim:linear-gradient(90deg, #f0f2f7 0%, #f0f2f7eb 6%, #f0f2f78c 32%, #f0f2f700 64%), linear-gradient(180deg, #f0f2f700 38%, #f0f2f773 100%);--accent-deep:#127e8a;--auth-glass:#ffffff94;--auth-edge:#1aabb838;--auth-input-bg:#ffffffb3;--auth-input-edge:#1aabb84d;--glass-top:linear-gradient(90deg, transparent, #1aabb859, transparent);--bg-glow:radial-gradient(ellipse 55% 45% at 6% 4%, #1aabb833, transparent 62%), radial-gradient(ellipse 55% 45% at 94% 6%, #1aabb833, transparent 62%), radial-gradient(ellipse 55% 45% at 6% 96%, #22c9d829, transparent 62%), radial-gradient(ellipse 55% 45% at 94% 96%, #22c9d829, transparent 62%), radial-gradient(ellipse 70% 55% at 50% 50%, #1aabb80f, transparent 72%);--card-shadow:0 14px 32px -16px #1b37426b, 0 2px 6px -3px #1b374224}.app-bg{background-color:var(--bg);background-image:var(--bg-glow);background-attachment:fixed;min-height:100vh}.app-ambient{background:var(--ambient-grain) repeat, var(--ambient-city) bottom center / 100% 150px no-repeat, radial-gradient(60% 50% at 8% 4%, #79d2dc29, transparent 64%), radial-gradient(55% 45% at 95% 8%, #78d2b424, transparent 64%), radial-gradient(70% 50% at 50% 102%, #96bee61a, transparent 70%), linear-gradient(150deg, #0b1318 0%, #0e161b 45%, #0a1217 100%);min-height:100vh}[data-theme=light] .app-ambient{background:var(--ambient-grain) repeat, var(--ambient-city) bottom center / 100% 150px no-repeat, radial-gradient(60% 50% at 8% 4%, #1aabb833, transparent 64%), radial-gradient(55% 45% at 95% 8%, #78d2b433, transparent 64%), radial-gradient(70% 50% at 50% 102%, #96bee629, transparent 70%), linear-gradient(150deg, #eaeef4 0%, #f3f6fa 45%, #e7eef2 100%)}.app-world{isolation:isolate;background:#24170f;min-height:100vh}.app-world--journal{--journal-header:#121d1fe0;--journal-edge:#e0c78b2e;--scene-scrim-journal:linear-gradient(180deg, #070e108a 0%, #070e1094 46%, #070e10ad 100%);--bg2:#121d1fe8;--surface:#141f21f0;--surface2:#1c292af0;--surface3:#263434f0;--border:#dfc68f24;--border2:#dfc68f38;--card-shadow:0 22px 50px -24px #000c, 0 3px 10px -5px #00000094;font-family:var(--font-body)}[data-theme=light] .app-world--journal{--journal-header:#faf6e7e6;--journal-edge:#6f4e2a33;--scene-scrim-journal:linear-gradient(180deg, #27180d0a 0%, #27180d14 48%, #27180d2e 100%);--bg2:#faf6e7ed;--surface:#fffbeff2;--surface2:#f5ecd5f2;--surface3:#e9dcbef0;--text:#243238;--text2:#536064;--text3:#7d817c;--border:#6f4e2a29;--border2:#6f4e2a40;--card-shadow:0 22px 48px -24px #442b146b, 0 3px 9px -5px #442b1440}.app-world--journal .app-shell-grid{padding-top:10px}.app-world--journal .pp-block{background:var(--surface);border-color:var(--border2);box-shadow:var(--card-shadow)}.app-world--journal .games-next{background:color-mix(in srgb, var(--surface) 94%, transparent);box-shadow:var(--card-shadow)}.app-world--journal :where(button,a,[role=button]):focus-visible{outline:3px solid color-mix(in srgb, var(--accent) 78%, white);outline-offset:3px;box-shadow:0 0 0 2px color-mix(in srgb, var(--surface) 88%, transparent)}.app-world--living{--journal-header:#fffcf6e6;--journal-edge:#53433021;--scene-scrim-living:linear-gradient(180deg, #f9f6efbf, #f4efe5eb 60%, #f4efe5fa);--bg2:#fffcf6f0;--surface:#fffcf7f5;--surface2:#f7f1e8f5;--surface3:#ece4d8f5;--text:var(--life-ink);--text2:#536369;--text3:#7d8585;--border:#68543b21;--border2:#68543b38;--card-shadow:var(--life-shadow);font-family:var(--font-body)}[data-theme=dark] .app-world--living{--journal-header:#0d2326eb;--journal-edge:#eadabf24;--scene-scrim-living:linear-gradient(180deg, #091b1eb8, #091b1edb 62%, #091b1ef5);--bg2:#0c1f22f0;--surface:#12292bf5;--surface2:#183133f5;--surface3:#1f3a3bf5;--text:#f4efe4;--text2:#c8d1ce;--text3:#97a7a4;--border:#eadabf1f;--border2:#eadabf33}.app-world--living .app-shell-grid{padding-top:12px}.app-world--living .pp-block,.app-world--living .games-next{background:var(--surface);border-color:var(--border2);box-shadow:var(--card-shadow)}.app-world--living :where(button,a,[role=button]):focus-visible{outline:3px solid var(--accent);outline-offset:3px}.screen-header--living{min-height:68px}.bottom-nav-living{box-shadow:0 -10px 34px #3d2d1c14}@media (width<=680px){.screen-header--living{min-height:62px}.screen-header--living .screen-header-title{display:none}.screen-header--living .screen-header-actions{gap:5px!important}}@media (width<=460px){.screen-header-wordmark{display:none}}.world-page{min-height:100dvh;position:relative}.world-page__content{z-index:1;min-height:100dvh;position:relative}.world-page .world-flow-header,.world-page .screen-header--journal{background:var(--journal-header);border-color:var(--journal-edge);-webkit-backdrop-filter:blur(14px)saturate(1.08);backdrop-filter:blur(14px)saturate(1.08)}.world-page .world-flow-panel{background:color-mix(in srgb, var(--surface) 93%, transparent);border:1px solid var(--border2);box-shadow:var(--card-shadow);-webkit-backdrop-filter:blur(10px)saturate(1.04);backdrop-filter:blur(10px)saturate(1.04);border-radius:22px}.world-page .world-flow-surface{box-shadow:var(--card-shadow);background:color-mix(in srgb, var(--surface) 95%, transparent)!important}.world-page .world-flow-content{width:min(100%,780px);margin-inline:auto;padding-inline:16px}@media (width<=600px){.world-page .world-flow-panel{border-radius:18px}.world-page .world-flow-content{padding-inline:12px}.app-world--journal .app-shell-grid{padding-top:4px}.screen-header--journal{padding-inline:1rem!important}}.app-shell-aside{display:none}@media (width>=1024px){.app-shell-grid{grid-template-columns:minmax(0,680px) 300px;justify-content:center;align-items:start;gap:28px;display:grid}.app-shell-grid.app-shell-grid--solo{grid-template-columns:minmax(0,1fr)}.app-shell-aside{align-self:stretch;display:block}}.pp-panel{flex-direction:column;gap:14px;display:flex;position:sticky;top:84px}.pp-block{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffdb;border:1px solid #ffffffbf;border-radius:18px;padding:18px;box-shadow:0 22px 48px -24px #1b37428c,0 2px 8px -3px #1b374229}[data-theme=dark] .pp-block{background:#141e25db;border-color:#ffffff14;box-shadow:0 22px 48px -24px #000000b3,0 2px 8px -3px #0006}.pp-hero{text-align:center}.pp-ringwrap{width:150px;height:150px;margin:0 auto 12px;position:relative}.pp-ring{display:block}.pp-ring-track{fill:none;stroke:#1b2a331a;stroke-width:10px}[data-theme=dark] .pp-ring-track{stroke:#ffffff1a}.pp-ring-fill{fill:none;stroke:#1aabb8;stroke-width:10px;stroke-linecap:round;transform-origin:50%;transition:stroke-dashoffset .7s cubic-bezier(.34,1.2,.64,1);transform:rotate(-90deg)}.pp-ring-avatar{background:var(--surface2);border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;inset:18px;overflow:hidden}.pp-ring-avatar>*{width:100%;height:100%}.pp-level{font-family:var(--font-display);color:var(--text);font-size:22px;font-weight:700;line-height:1.1}.pp-xp{font-family:var(--font-display);color:#127e88;margin-top:3px;font-size:13.5px;font-weight:600}.pp-remaining{font-family:var(--font-body);color:var(--text3);margin-top:2px;font-size:12px}.pp-stats{text-align:center;grid-template-columns:1fr 1fr;gap:14px;display:grid}.pp-stat{flex-direction:column;align-items:center;gap:3px;display:flex}.pp-stat-num{font-family:var(--font-display);font-size:20px;font-weight:700;line-height:1}.pp-streak{color:#e6892b}.pp-xpweek{color:#127e88}.pp-stat-label{font-family:var(--font-body);color:var(--text3);align-items:center;gap:3px;font-size:11px;font-weight:600;display:inline-flex}.pp-flame{color:#e6892b}.pp-unlock-head{justify-content:space-between;align-items:baseline;margin-bottom:12px;display:flex}.pp-unlock-title{font-family:var(--font-display);color:var(--text);font-size:14px;font-weight:700}.pp-seeall{cursor:pointer;font-family:var(--font-body);color:var(--accent);background:0 0;border:none;padding:0;font-size:11.5px;font-weight:600}.pp-gallery{grid-template-columns:repeat(4,1fr);gap:9px;display:grid}.pp-thumb{aspect-ratio:1;background:var(--surface3);border-radius:13px;position:relative;overflow:hidden}.pp-thumb img{object-fit:cover;filter:grayscale(.7)opacity(.6);width:100%;height:100%;display:block}.pp-thumb-badge{font-family:var(--font-display);color:#fff;background:#1b2a33b3;border-radius:6px;padding:1px 4px;font-size:9.5px;font-weight:700;line-height:1.2;position:absolute;top:3px;left:3px}.pp-thumb-lock{color:#27424f;background:#fff;border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;display:flex;position:absolute;bottom:3px;right:3px;box-shadow:0 1px 3px #00000040}.pp-unlock-phrase{font-family:var(--font-body);color:var(--text2);margin:12px 0 0;font-size:12px;line-height:1.5}.pp-cat{color:var(--accent);font-weight:700}.glass-modal{box-shadow:inset 0 1px 0 var(--glass-edge), 0 24px 60px #00000073;border:1px solid var(--glass-edge)!important}[data-fontsize=small]{font-size:14px}[data-fontsize=medium]{font-size:16px}[data-fontsize=large]{font-size:18px}[data-fontsize=xlarge]{font-size:21px}.typing-dots{gap:4px;display:inline-flex}.typing-dots span{background:var(--text3);border-radius:50%;width:6px;height:6px;animation:1.4s ease-in-out infinite typingDot}.typing-dots span:nth-child(2){animation-delay:.2s}.typing-dots span:nth-child(3){animation-delay:.4s}@keyframes typingDot{0%,60%,to{opacity:.3;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}}@keyframes transitionFadeIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:.6}50%{opacity:1}}@keyframes shimmer{0%{opacity:.4}to{opacity:1}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes slideInRight{0%{opacity:.6;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.bottomnav-item:active{transform:scale(.95)}@keyframes badgeToastIn{0%{opacity:0;transform:translateY(-16px)scale(.94)}to{opacity:1;transform:translateY(0)scale(1)}}.daily-quest-row.is-complete .daily-quest-check{animation:.32s cubic-bezier(.34,1.56,.64,1) both questStampIn}.daily-quests-card.is-complete{border-color:color-mix(in srgb, var(--accent) 45%, var(--border))}@keyframes questStampIn{0%{opacity:.45;transform:scale(.72)rotate(-10deg)}to{opacity:1;transform:scale(1)rotate(0)}}@keyframes evoBarGrow{0%{transform:scaleY(0)}to{transform:scaleY(1)}}@keyframes forcaHeartLost{0%{opacity:.9;transform:scale(1.25)}60%{transform:scale(.92)}to{opacity:1;transform:scale(1)}}.forca-heart-lost{animation:.4s ease-out forcaHeartLost}@keyframes obSlideIn{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:translate(0)}}.ob-step{animation:.25s ease-out both obSlideIn}@media (prefers-reduced-motion:reduce){.ob-step{animation:none}}.cen-bubble:before{content:"";border-top:7px solid #0000;border-bottom:7px solid #0000;border-right:8px solid var(--surface);width:0;height:0;position:absolute;top:22px;left:-7px}.cen-bubble:after{content:"";border-top:7px solid #0000;border-bottom:7px solid #0000;border-right:8px solid var(--border);z-index:-1;width:0;height:0;position:absolute;top:22px;left:-8px}@keyframes pulseGreen{0%,to{transform:scale(1);box-shadow:0 0 #4caf7d80}50%{transform:scale(1.08);box-shadow:0 0 0 12px #4caf7d00}}@keyframes fan-breathe{0%{transform:translateY(0)}50%{transform:translateY(-3px)}to{transform:translateY(0)}}.fan-character--breathe{will-change:transform;animation:4s ease-in-out infinite fan-breathe}@keyframes fan-wave{0%,to{transform:translateY(0)rotate(0)}35%{transform:translateY(-2px)rotate(-1.2deg)}70%{transform:translateY(0)rotate(.8deg)}}@keyframes fan-celebrate{0%,to{transform:translateY(0)scale(1)}38%{transform:translateY(-8px)scale(1.015)}68%{transform:translateY(-2px)scale(1.005)}}.fan-character--wave{transform-origin:50% 88%;will-change:transform;animation:.76s cubic-bezier(.2,.8,.2,1) fan-wave}.fan-character--celebrate{transform-origin:50% 100%;will-change:transform;animation:.82s cubic-bezier(.2,.8,.2,1) fan-celebrate}@keyframes enterFadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.enter-fade-up{animation:enterFadeUp var(--dur) var(--ease-out)}.journey-empty{text-align:center;width:100%;color:var(--text);background:color-mix(in srgb, var(--surface) 91%, transparent);border:1px solid color-mix(in srgb, var(--border2) 78%, transparent);box-shadow:var(--card-shadow);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:22px 18px 24px 17px;padding:30px 22px 26px;animation:.32s cubic-bezier(.16,1,.3,1) both journeyEmptyIn;position:relative;overflow:hidden}.journey-empty:after{content:"";z-index:0;pointer-events:none;border:1px solid color-mix(in srgb, var(--accent) 13%, transparent);border-radius:17px 14px 19px 13px;position:absolute;inset:8px}.journey-empty>*{z-index:1;position:relative}.journey-empty__scene{width:min(230px,78%);min-height:84px;margin:0 auto 5px;position:relative}.journey-empty__route{border-top:2px dashed color-mix(in srgb, var(--text3) 48%, transparent);border-radius:50%;height:24px;position:absolute;top:43px;left:14%;right:14%;transform:rotate(-3deg)}.journey-empty__stamp{border:2px solid color-mix(in srgb, var(--text3) 65%, transparent);background:var(--surface);border-radius:50% 43% 47% 45%;width:13px;height:13px;position:absolute;top:36px}.journey-empty__stamp--start{left:10%;transform:rotate(-8deg)}.journey-empty__stamp--next{right:10%;transform:rotate(7deg)}.journey-empty__seal{width:66px;height:66px;color:var(--accent);background:color-mix(in srgb, var(--surface) 88%, var(--accent) 12%);border:2px solid var(--accent);box-shadow:inset 0 0 0 3px color-mix(in srgb, var(--surface) 72%, transparent);border-radius:49% 43% 51% 46%;place-items:center;display:grid;position:absolute;top:7px;left:50%;transform:translate(-50%)rotate(-3deg)}.journey-empty__visual{place-items:end;display:grid;position:absolute;bottom:-8px;right:-4px;transform:rotate(2deg)}.journey-empty__title{font-family:var(--font-display);color:var(--text);margin:8px 0 0;font-size:clamp(1.2rem,4vw,1.48rem);line-height:1.15}.journey-empty__description{max-width:390px;color:var(--text2);margin:8px auto 0;font-size:.9rem;line-height:1.55}.journey-empty__action{min-height:44px;margin-top:16px}.journey-empty--compact{padding:22px 18px 20px}.journey-empty--compact .journey-empty__scene{min-height:66px;margin-bottom:0}.journey-empty--compact .journey-empty__route{top:34px}.journey-empty--compact .journey-empty__stamp{top:28px}.journey-empty--compact .journey-empty__seal{width:54px;height:54px;top:3px}.journey-empty--compact .journey-empty__title{font-size:1.08rem}.journey-empty--compact .journey-empty__description{font-size:.84rem}.progress-stamp{--stamp-rotate:-2deg;min-width:0;min-height:62px;color:var(--text3);background:color-mix(in srgb, var(--surface) 78%, transparent);border:1px dashed color-mix(in srgb, var(--text3) 38%, transparent);transform:rotate(var(--stamp-rotate));border-radius:50% 44% 48% 45%;align-content:center;place-items:center;gap:3px;padding:6px 3px;transition:transform .14s cubic-bezier(.34,1.56,.64,1),opacity .14s;display:grid}.evo-stamps li:nth-child(2n) .progress-stamp,.academy-cert-stamps li:nth-child(2n) .progress-stamp{--stamp-rotate:2deg}.progress-stamp__label{letter-spacing:.05em;text-transform:uppercase;font-size:.58rem;font-weight:800}.progress-stamp__mark{place-items:center;width:20px;height:20px;display:grid}.progress-stamp__mark>span{opacity:.42;border:1px solid;border-radius:50%;width:7px;height:7px}.progress-stamp__meta{max-width:100%;min-height:11px;color:inherit;text-overflow:ellipsis;white-space:nowrap;font-size:.55rem;font-weight:750;overflow:hidden}.progress-stamp.is-complete{color:color-mix(in srgb, var(--accent-deep) 88%, var(--text));background:color-mix(in srgb, var(--accent-dim) 76%, var(--surface));border:2px solid var(--accent);box-shadow:inset 0 0 0 2px color-mix(in srgb, var(--surface) 74%, transparent);animation:.36s cubic-bezier(.34,1.56,.64,1) both progressStampIn}.progress-stamp.is-today{outline:2px solid color-mix(in srgb, var(--warning,#d59b41) 84%, transparent);outline-offset:2px}.progress-stamp.is-future{opacity:.72}@keyframes journeyEmptyIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes progressStampIn{0%{opacity:.45;transform:rotate(-7deg)scale(.86)}to{opacity:1;transform:rotate(var(--stamp-rotate)) scale(1)}}@media (width<=430px){.journey-empty{padding-inline:16px}.progress-stamp{min-height:54px;padding-inline:1px}.progress-stamp__label{font-size:.52rem}.progress-stamp__meta{font-size:.49rem}}.academy-cert-stamps{grid-template-columns:repeat(6,minmax(0,1fr));gap:7px;margin:-4px 0 2px;padding:0;list-style:none;display:grid}.academy-cert-stamps>li{min-width:0}.app-world--journal .academy-cert-panel{color:var(--text);background:var(--surface);border:1px solid var(--border2);box-shadow:var(--card-shadow);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:22px 18px 24px 17px;padding:20px}@media (width<=430px){.academy-cert-stamps{gap:3px}.app-world--journal .academy-cert-panel{border-radius:18px 15px 20px 14px;padding:16px 12px}}.stagger>*{animation:enterFadeUp var(--dur) var(--ease-out) both}.stagger>:first-child{animation-delay:0s}.stagger>:nth-child(2){animation-delay:50ms}.stagger>:nth-child(3){animation-delay:.1s}.stagger>:nth-child(4){animation-delay:.15s}.stagger>:nth-child(5){animation-delay:.2s}.stagger>:nth-child(6){animation-delay:.25s}.stagger>:nth-child(7){animation-delay:.3s}.stagger>:nth-child(8){animation-delay:.35s}.stagger>:nth-child(n+9){animation-delay:.4s}@keyframes heroPop{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.hero-pop{animation:heroPop var(--dur) var(--ease-out) both}@keyframes streakPulse{0%{transform:scale(1)}35%{transform:scale(1.07)}to{transform:scale(1)}}.streak-pulse{animation:streakPulse .6s var(--ease-out) 1 both}@keyframes streakGlow{0%{text-shadow:0 0 #0000}40%{text-shadow:0 0 14px var(--accent)}to{text-shadow:0 0 #0000}}.streak-celebrate{animation:streakGlow 1.1s var(--ease-out) 1 both}@keyframes evoDraw{0%{stroke-dashoffset:1px}to{stroke-dashoffset:0}}.evo-line{stroke-dasharray:1;stroke-dashoffset:1px;animation:evoDraw .7s var(--ease-out) forwards}@keyframes evoArea{0%{opacity:0}to{opacity:1}}.evo-area{opacity:0;animation:evoArea .7s var(--ease-out) forwards;animation-delay:.12s}@keyframes modalPop{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.modal-pop{animation:modalPop var(--dur) var(--ease-out) both}.auth-page{min-height:100vh;font-family:var(--font-body);position:relative}.auth-orbs{pointer-events:none;z-index:0;position:fixed;inset:0;overflow:hidden}.auth-orb{filter:blur(60px);will-change:transform, border-radius;position:absolute}.auth-orb-1{background:var(--accent);opacity:.28;border-radius:63% 37% 54% 46%/55% 48% 52% 45%;width:360px;height:360px;animation:24s ease-in-out infinite authBlob1;top:-100px;left:-80px}.auth-orb-2{background:var(--accent2);opacity:.24;border-radius:58% 42% 60% 40%/47% 62% 38% 53%;width:300px;height:300px;animation:29s ease-in-out infinite authBlob2;bottom:-90px;right:-70px}.auth-orb-3{background:var(--accent-deep);opacity:.26;border-radius:47% 53% 43% 57%/56% 47% 53% 44%;width:280px;height:280px;animation:22s ease-in-out infinite authBlob3;top:6%;right:-60px}.auth-orb-4{background:var(--accent);opacity:.2;border-radius:55% 45% 57% 43%/43% 55% 45% 57%;width:220px;height:220px;animation:27s ease-in-out infinite authBlob4;bottom:10%;left:-50px}.auth-orb-5{background:var(--accent2);opacity:.22;border-radius:61% 39% 52% 48%/50% 53% 47% 50%;width:260px;height:260px;animation:31s ease-in-out infinite authBlob5;top:44%;right:-20px}[data-theme=light] .auth-orb-1{opacity:.46}[data-theme=light] .auth-orb-2{opacity:.42}[data-theme=light] .auth-orb-3{opacity:.5}[data-theme=light] .auth-orb-4{opacity:.4}[data-theme=light] .auth-orb-5{opacity:.44}@keyframes authBlob1{0%,to{border-radius:63% 37% 54% 46%/55% 48% 52% 45%;transform:translate(0)rotate(0)}50%{border-radius:45% 55% 38% 62%/48% 60% 40% 52%;transform:translate(38px,28px)rotate(8deg)}}@keyframes authBlob2{0%,to{border-radius:58% 42% 60% 40%/47% 62% 38% 53%;transform:translate(0)rotate(0)}50%{border-radius:40% 60% 45% 55%/60% 40% 58% 42%;transform:translate(-34px,-26px)rotate(-7deg)}}@keyframes authBlob3{0%,to{border-radius:47% 53% 43% 57%/56% 47% 53% 44%;transform:translate(0)rotate(0)}50%{border-radius:60% 40% 58% 42%/44% 58% 42% 56%;transform:translate(-30px,26px)rotate(-9deg)}}@keyframes authBlob4{0%,to{border-radius:55% 45% 57% 43%/43% 55% 45% 57%;transform:translate(0)rotate(0)}50%{border-radius:40% 60% 42% 58%/57% 43% 55% 45%;transform:translate(32px,-22px)rotate(7deg)}}@keyframes authBlob5{0%,to{border-radius:61% 39% 52% 48%/50% 53% 47% 50%;transform:translate(0)rotate(0)}50%{border-radius:44% 56% 60% 40%/58% 42% 50% 50%;transform:translate(-24px,-28px)rotate(-6deg)}}.auth-center{z-index:1;justify-content:center;align-items:center;min-height:100vh;padding:2.5rem 1.25rem;display:flex;position:relative}.auth-card{background:var(--auth-glass);-webkit-backdrop-filter:blur(26px)saturate(165%);border:1px solid var(--auth-edge);border-radius:var(--radius-lg);width:100%;max-width:400px;padding:2rem 1.75rem;position:relative;overflow:hidden;box-shadow:0 24px 60px #00000047}.auth-card:before{content:"";background:var(--glass-top);pointer-events:none;height:1px;position:absolute;top:0;left:0;right:0}[data-theme=light] .auth-card{box-shadow:0 20px 50px #2e5c6629}.auth-input{background:var(--auth-input-bg);border-color:var(--auth-input-edge)}.auth-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-dim)}.btn-primary.auth-submit{background:linear-gradient(135deg, var(--accent), var(--accent-deep))}.auth-page{isolation:isolate;min-height:100dvh;color:var(--text);background:#102c31;position:relative;overflow-x:hidden}.auth-scene,.auth-scene-veil{position:fixed;inset:0}.auth-scene{z-index:-3}.auth-scene img{object-fit:cover;object-position:center;width:100%;height:100%}.auth-scene-veil{z-index:-2;background:linear-gradient(90deg,#08222542 0%,#08222514 46%,#0822256b 100%),linear-gradient(#071c1f14,#071c1f66)}[data-theme=dark] .auth-scene-veil{background:linear-gradient(90deg,#04131594,#0413153d 46%,#041315b8),linear-gradient(#0413153d,#041315b8)}.auth-topbar{z-index:4;top:max(18px, env(safe-area-inset-top));color:#fffdf6;font-family:var(--font-display);text-shadow:0 2px 14px #00000073;align-items:center;gap:10px;font-size:1.05rem;font-weight:600;display:inline-flex;position:absolute;left:clamp(18px,4vw,54px)}.auth-topbar-mark{background:linear-gradient(145deg, var(--life-teal-bright), var(--life-teal-deep));color:#fff;border:1px solid #ffffff70;border-radius:11px;place-items:center;width:36px;height:36px;display:grid;box-shadow:0 8px 24px #042c3047}.auth-page>div[style*="position: absolute"]{color:#fff}.auth-page>div[style*="position: absolute"] button{color:#ffffffc2!important}.auth-page>div[style*="position: absolute"] button[aria-pressed=true]{color:#fff!important}.auth-layout{z-index:1;grid-template-columns:minmax(320px,1fr) minmax(360px,440px);align-items:center;gap:clamp(28px,6vw,92px);width:min(1180px,100% - 48px);min-height:100dvh;margin:0 auto;padding:84px 0 40px;display:grid;position:relative}.auth-story{color:#fffdf6;text-shadow:0 3px 24px #0000007a;align-self:end;max-width:610px;margin-bottom:clamp(32px,8vh,92px)}.auth-story-eyebrow{color:#c8f6f1;letter-spacing:.15em;margin:0 0 12px;font-size:.72rem;font-weight:700}.auth-story h2{max-width:580px;font-family:var(--font-display);letter-spacing:-.035em;margin:0 0 16px;font-size:clamp(2.45rem,5vw,4.75rem);font-weight:500;line-height:.98}.auth-story>p:not(.auth-story-eyebrow){color:#fffdf6e0;max-width:510px;margin:0 0 24px;font-size:1rem;line-height:1.6}.auth-story-moment{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#052d31b8;border:1px solid #ffffff57;border-radius:16px;flex-direction:column;gap:2px;min-width:220px;padding:13px 18px;display:inline-flex;box-shadow:0 18px 38px #00000038}.auth-story-moment span{color:#aeece8;letter-spacing:.13em;font-size:.65rem;font-weight:700}.auth-story-moment strong{font-family:var(--font-display);font-size:1.15rem;font-weight:600}.auth-card{width:100%;max-width:440px;color:var(--life-ink);-webkit-backdrop-filter:blur(18px)saturate(120%);backdrop-filter:blur(18px)saturate(120%);background:#fffcf6f0;border:1px solid #6f4e2a33;border-radius:26px 22px 28px 20px;justify-self:end;padding:clamp(24px,3.5vw,36px);overflow:visible;box-shadow:0 28px 80px #23180f4d,0 4px 14px #23180f29}.auth-card:before{display:none}[data-theme=dark] .auth-card{color:#f4efe4;background:#0c2326f0;border-color:#eadabf2e}.auth-card .auth-input{min-height:48px;color:var(--life-ink);background:#ffffffb8;border-color:#68543b38}[data-theme=dark] .auth-card .auth-input{color:#f4efe4;background:#ffffff0f;border-color:#eadabf2e}.auth-page--compact .auth-layout{grid-template-columns:minmax(320px,520px);justify-content:center}.auth-page--compact .auth-card{justify-self:center;max-width:520px}.auth-status{text-align:center}.auth-status-icon{background:var(--accent-dim);width:64px;height:64px;color:var(--accent);border-radius:20px;place-items:center;margin:0 auto 18px;display:grid}.auth-status-eyebrow{color:var(--accent);letter-spacing:.14em;margin:0 0 8px;font-size:.68rem;font-weight:700}.auth-status-title{color:var(--text);font-family:var(--font-display);margin:0 0 10px;font-size:clamp(1.8rem,6vw,2.35rem);line-height:1.06}.auth-status-copy{max-width:390px;color:var(--text2);margin:0 auto 22px;line-height:1.6}.auth-status-action{min-width:210px;min-height:48px}.auth-status-email{color:var(--accent);overflow-wrap:anywhere;margin:-12px 0 18px;font-weight:700;display:block}.auth-error{color:var(--danger);margin:.5rem 0 .25rem;font-size:.83rem}.journey-loading-mark{background:linear-gradient(145deg, var(--life-teal-bright), var(--life-teal-deep));color:#fff;width:72px;height:72px;font-family:var(--font-display);border-radius:24px;place-items:center;margin:0 auto 20px;font-size:2rem;display:grid;position:relative;box-shadow:0 16px 38px #063e4347}.journey-loading-mark:after{content:"";border:2px solid var(--accent-bdr);border-radius:30px;animation:1.5s ease-in-out infinite journeyPulse;position:absolute;inset:-9px}@keyframes journeyPulse{50%{opacity:.35;transform:scale(1.06)}}.status-spinner{animation:.9s linear infinite statusSpin}@keyframes statusSpin{to{transform:rotate(360deg)}}.connectivity-banner{z-index:5000;top:max(12px, env(safe-area-inset-top));border:1px solid var(--border2);background:var(--surface);width:max-content;max-width:calc(100vw - 24px);min-height:44px;box-shadow:var(--card-shadow);color:var(--text);border-radius:999px;align-items:center;gap:9px;padding:10px 16px;font-size:.84rem;display:flex;position:fixed;left:50%;transform:translate(-50%)}.connectivity-banner--offline{border-color:var(--warning-bdr)}.connectivity-banner--online{border-color:color-mix(in srgb, var(--success) 45%, transparent)}.onboarding-page{isolation:isolate;background:var(--life-paper);position:relative;overflow-x:hidden}.onboarding-scene,.onboarding-scene-veil{z-index:-2;position:fixed;inset:0}.onboarding-scene img{object-fit:cover;object-position:center;width:100%;height:100%}.onboarding-scene-veil{z-index:-1;background:linear-gradient(90deg,#f9f6efbd,#f9f6ef85 52%,#f9f6efd1),linear-gradient(#f9f6ef59,#f4efe5e6)}[data-theme=dark] .onboarding-scene-veil{background:linear-gradient(90deg,#081b1ed1,#081b1e99 52%,#081b1ee0),linear-gradient(#081b1e8c,#081b1ef0)}.onboarding-header{z-index:2;width:min(960px,100% - 32px);min-height:72px;padding:max(12px, env(safe-area-inset-top)) 0 8px;justify-content:space-between;align-items:center;gap:20px;margin:0 auto;display:flex;position:relative}.onboarding-header p{color:var(--accent);letter-spacing:.13em;font-size:.68rem;font-weight:700}.onboarding-progress{z-index:2;border:1px solid var(--border2);background:color-mix(in srgb, var(--surface) 92%, transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:18px;justify-content:space-between;align-items:center;gap:18px;width:min(760px,100% - 32px);margin:10px auto 0;padding:12px 16px;display:flex;position:relative;box-shadow:0 12px 34px #382b1f1a}.onboarding-progress-label{color:var(--text2);font-size:.78rem;font-weight:600}.onboarding-stamps{align-items:center;gap:10px;display:flex}.onboarding-stamp{border:1px dashed var(--border2);width:32px;height:32px;color:var(--text3);font-family:var(--font-display);border-radius:50%;place-items:center;font-size:.86rem;display:grid;position:relative;transform:rotate(-4deg)}.onboarding-stamp:nth-child(2n){transform:rotate(4deg)}.onboarding-stamp--done{border-style:solid;border-color:var(--accent);background:var(--accent-dim);color:var(--accent)}.onboarding-stamp--current{box-shadow:0 0 0 4px var(--accent-dim)}.onboarding-content{z-index:1;position:relative}.onboarding-page .ob-step{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-color:var(--border2)!important;background:color-mix(in srgb, var(--surface) 96%, transparent)!important;box-shadow:var(--life-shadow)!important;border-radius:28px 22px 30px 20px!important}.onboarding-page .ob-step>[class*=fan]{filter:drop-shadow(0 12px 18px #102c311f)}.onboarding-option{min-height:62px}.onboarding-option:focus-visible{outline:3px solid var(--accent);outline-offset:3px}@media (width<=600px){.onboarding-header{min-height:62px}.onboarding-header p{text-align:right;max-width:150px;line-height:1.35}.onboarding-progress{margin-top:2px}.onboarding-progress-label{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.onboarding-stamps{justify-content:space-between;width:100%}.onboarding-page .ob-step{border-radius:24px 20px 26px 18px!important;padding:24px 18px 20px!important}}@media (width<=820px){.auth-layout{grid-template-columns:1fr;width:min(100% - 28px,520px);padding:100px 0 28px}.auth-story{display:none}.auth-card{justify-self:center;max-width:520px}}@media (width<=520px){.auth-page{background:var(--life-paper)}.auth-scene{height:36vh;min-height:245px}.auth-scene-veil{background:linear-gradient(#071c1f1f,#071c1f85);height:36vh;min-height:245px}.auth-layout{align-items:end;width:100%;padding:max(190px,27vh) 0 0}.auth-card{min-height:calc(100dvh - max(190px,27vh));padding:28px 20px max(28px, env(safe-area-inset-bottom));border:0;border-radius:28px 28px 0 0;box-shadow:0 -12px 40px #2d1e112e}.auth-topbar{left:16px;top:max(14px, env(safe-area-inset-top))}.auth-topbar span:last-child{font-size:.95rem}}