.join-screen{scrollbar-width:none;padding-top:24px;padding-bottom:110px;overflow-y:auto}.join-screen::-webkit-scrollbar{display:none}.join-content{min-height:calc(100dvh - 134px)}.join-header{align-items:center;gap:11px;margin:0 0 15px;display:flex}.join-avatar{background:var(--paper);border:1px solid #ead8c3;border-radius:50%;place-items:center;width:34px;height:34px;font-family:Georgia,serif;font-weight:700;display:grid;box-shadow:0 3px 7px #765c4520}.join-header h1{margin:0;font-family:Georgia,serif;font-size:21px}.join-header p{color:#a08070;margin:2px 0 0;font-size:10px}.join-content .quest-list{gap:10px}.join-content .join-card{background:#fffdf7f5;border:1px solid #ead9c6;border-radius:17px;padding:12px 11px 10px;box-shadow:0 4px 9px #78624b12}.join-content .join-card.sage{border-color:#ead9c6}.join-content .join-card.is-joined{border-color:#aab477;box-shadow:inset 0 0 0 2px #aab477}.join-content .join-card-top{justify-content:space-between;margin:0 0 8px}.join-content .join-card-top h2{font-family:Georgia,serif;font-size:15px;font-weight:500}.journal-profile{align-items:center;gap:11px;margin-bottom:19px;display:flex}.journal-avatar{background:var(--paper);text-align:center;border:1px solid #ead8c3;border-radius:50%;place-items:center;width:40px;height:40px;font-family:Georgia,serif;font-weight:700;display:grid}.journal-profile h1{margin:0;font-family:Georgia,serif;font-size:20px}.journal-profile p{color:#a08070;margin:3px 0 0;font-size:11px}.level-pill{background:var(--paper);border:1px solid #ead8c3;border-radius:999px;align-items:center;gap:5px;margin-left:auto;padding:7px 11px;font-size:11px;display:flex}.progress-heading{justify-content:space-between;align-items:center;margin-bottom:8px;font-size:11px;display:flex}.progress-heading span{color:#a08070}.journal-hero .xp-track{height:8px;margin:0}.journal-hero .xp-labels{text-align:center;margin:10px 0 0}.journal-hero .xp-labels span{font-size:10px}.journal-hero .xp-labels small{color:#a08070;margin-top:4px;font-size:9px}.journal-section-heading{justify-content:space-between;align-items:center;margin:4px 0 6px;display:flex}.journal-section-heading span{color:#a08070;font-size:11px;font-weight:700}.badges{grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:8px}.badge-card{aspect-ratio:1;background:var(--paper);color:#5b463b;box-shadow:none;cursor:pointer;font:inherit;border:1px solid #ead8c3;border-radius:15px;flex-direction:column;justify-content:center;align-items:center;gap:8px;transition:transform .2s,box-shadow .2s;display:flex!important}.badge-card:hover,.badge-card.selected{transform:translateY(-2px);box-shadow:0 5px 12px #78624b20}.badge-card>span{color:#aea19a;background:#f0eeee;border-radius:50%;place-items:center;width:40px;height:40px;display:grid}.badge-card.earned>span{background:var(--coral);color:#fff}.badge-card strong{font-size:10px;font-weight:700}.memory-lane{gap:10px;padding:2px 0 14px}.memory-lane article{border:1px solid #ead8c3;border-radius:15px;flex-basis:168px;height:122px;padding:5px;position:relative;overflow:hidden;transform:none}.memory-lane>button{background:var(--paper);height:122px;font:inherit;text-align:left;cursor:pointer;border:1px solid #ead8c3;border-radius:15px;flex:0 0 168px;padding:5px;transition:transform .2s,box-shadow .2s;position:relative;overflow:hidden}.memory-lane>button:hover,.memory-lane>button.selected{transform:translateY(-3px);box-shadow:0 6px 14px #58463630}.memory-art{background:linear-gradient(135deg,#f19ca9,#f7cdd0);height:100%}.memory-caption{background:#fffdf7ee;border-radius:9px;padding:9px 8px;position:absolute;bottom:7px;left:7px;right:7px}.memory-preview{z-index:20;background:#34271e66;place-items:center;padding:24px;animation:.2s both preview-fade;display:grid;position:fixed;inset:0}.memory-preview-backdrop{cursor:default;background:0 0;border:0;position:absolute;inset:0}.memory-preview-card{background:var(--paper);border:1px solid #ead8c3;border-radius:19px;width:min(100%,290px);padding:8px 8px 18px;animation:.25s both preview-rise;position:relative;box-shadow:0 16px 35px #34271e35}.memory-preview-close{z-index:1;width:32px;height:32px;color:var(--ink);cursor:pointer;background:#fffdf7dd;border:1px solid #ead8c3;border-radius:50%;place-items:center;display:grid;position:absolute;top:14px;right:14px}.memory-preview-art{background:linear-gradient(135deg,#f19ca9,#f7cdd0);border-radius:13px;place-items:center;height:245px;display:grid}.memory-preview-card.memory-sage .memory-preview-art{background:linear-gradient(135deg,#b4bd7e,#e4dfba)}.memory-preview-card.memory-gold .memory-preview-art{background:linear-gradient(135deg,#e5ad6f,#f4dbc0)}.memory-preview-card.memory-lilac .memory-preview-art{background:linear-gradient(135deg,#bdb2d6,#ebe4f0)}.memory-preview-art span{color:#fff;border:1px solid #fffc;border-radius:50%;place-items:center;width:62px;height:62px;display:grid}.memory-preview-card h2{margin:15px 9px 3px;font-family:Georgia,serif;font-size:18px}.memory-preview-card p{color:#a08070;margin:0 9px;font-size:11px}@keyframes preview-fade{0%{opacity:0}to{opacity:1}}@keyframes preview-rise{0%{opacity:0;transform:translateY(10px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.preference-label-title{color:var(--ink);font-size:11px;font-weight:800}.player-badge{background:var(--coral);color:#fff;cursor:pointer;border:0;border-radius:999px;padding:6px 9px;font-size:10px;font-weight:800}.is-joined .player-badge{background:var(--sage)}.join-content .join-card p{color:#a08070;margin:5px 0 0;font-size:10px;font-weight:500}.join-content .join-card p svg{width:13px;height:13px}.join-content .join-footer{display:none}:root{--cream:#f6efdc;--paper:#fffdf7;--coral:#ea969f;--coral-dark:#d97280;--pink:#f4cdd0;--sage:#aab477;--ink:#29251f;--muted:#8e786d;--line:#e6d7c7}*{box-sizing:border-box}html,body{min-height:100%;color:var(--ink);background:#e9e6e1;margin:0;font-family:Trebuchet MS,Avenir,Arial,sans-serif}button{font:inherit;color:inherit}.page-frame{place-items:center;min-height:100dvh;padding:0;display:grid}.phone-app{background:var(--cream);isolation:isolate;width:min(100%,430px);min-height:100dvh;position:relative;overflow:hidden;box-shadow:0 0 50px #4a3c2b20}.screen{z-index:1;min-height:100dvh;padding:28px 22px 118px;position:relative}.decorations{z-index:0;pointer-events:none;position:absolute;inset:0}.d{width:12px;color:var(--coral);opacity:.66;position:absolute}.d1{top:8%;left:12%}.d2{top:16%;right:12%}.d3{top:31%;left:9%}.d4{top:12%;right:25%}.d5{top:55%;right:8%}.d6{top:65%;left:9%}.d7{top:84%;right:10%}.d8{top:76%;left:16%}.home-screen{place-items:center;display:grid}.home-copy{text-align:center;margin-top:-40px}.brand-mark{background:var(--paper);width:72px;height:72px;color:var(--coral-dark);border-radius:18px;place-items:center;margin:0 auto 23px;display:grid;box-shadow:0 7px 16px #7b5e4920}.brand-mark.small{border-radius:14px;width:58px;height:58px;margin-bottom:10px}.eyebrow{color:#907366;justify-content:center;align-items:center;gap:7px;margin:0 0 16px;font-size:15px;display:flex}.eyebrow.strong{color:var(--ink);justify-content:flex-start;margin-bottom:16px;font-size:17px;font-weight:800}.home-copy h1{letter-spacing:-.7px;margin:0 0 29px;font-size:29px;line-height:1.2}.home-copy h1 em{color:var(--coral);font-size:30px;font-style:normal}.primary,.secondary{cursor:pointer;border:0;border-radius:999px;justify-content:center;align-items:center;gap:8px;min-height:48px;margin:0 auto;padding:0 24px;font-weight:800;transition:all .2s;display:flex}.primary{background:var(--coral);color:#fff;box-shadow:0 8px 18px #dc7f8b30}.primary:hover{background:var(--coral-dark);transform:translateY(-1px)}.primary:focus-visible{outline-offset:3px;outline:3px solid #507eff}.secondary:focus-visible{outline-offset:3px;outline:3px solid #507eff}.bottom-nav button:focus-visible{outline-offset:3px;outline:3px solid #507eff}.chip:focus-visible{outline-offset:3px;outline:3px solid #507eff}.join-footer button:focus-visible{outline-offset:3px;outline:3px solid #507eff}.secondary{background:var(--paper);border:1px solid #d9c8b5;min-height:44px;margin-top:14px;box-shadow:0 3px 8px #765c4520}.wide{min-width:184px}.started{background:var(--sage)}.success-note{text-align:center;color:#6d7650;font-size:12px;font-weight:700}.bottom-nav{z-index:5;background:#fffdf7f5;border-radius:22px;justify-content:space-around;height:73px;padding:8px 12px;display:flex;position:absolute;bottom:22px;left:22px;right:22px;box-shadow:0 7px 24px #79664f16}.bottom-nav button{color:#aa9587;cursor:pointer;background:0 0;border:0;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:4px;width:64px;font-size:10px;display:flex}.bottom-nav button.active{color:var(--coral-dark);background:#faece9}.bottom-nav button span{line-height:1}.quest-generator{align-items:center;display:flex}.quest-content{width:100%;margin-top:-22px}.preference-shell{background:var(--paper);border-radius:26px;margin-bottom:18px;padding:31px 24px;box-shadow:0 8px 20px #75614910}.preference-card{background:#f3cccc;padding:20px 16px}.preference-card label{color:#715b56;margin:0 0 9px;font-size:11px;font-weight:800;display:block}.preference-card label:not(:first-child){margin-top:15px}.summary-row{background:var(--paper);border-radius:10px;grid-template-columns:1.25fr 1fr .7fr;gap:4px;padding:11px 9px;font-size:11px;display:grid;box-shadow:0 2px 8px #9a6f6f1c}.summary-row span{white-space:nowrap;align-items:center;gap:4px;display:flex}.summary-row svg{color:#755487;width:12px;height:12px}.chips{flex-wrap:wrap;gap:7px;display:flex}.chip{background:var(--paper);cursor:pointer;border:1px solid #ead9ca;border-radius:999px;align-items:center;gap:4px;min-height:32px;padding:0 13px;font-size:11px;display:flex}.chip.selected{background:var(--sage);border-color:var(--sage);color:#fff}.quest-content>.primary{margin-top:0}.generated-screen{align-items:center;display:flex}.generated-content{width:100%;margin-top:-30px}.generated-content>h1{text-align:center;margin:0 0 16px;font-size:22px}.generated-card{background:var(--paper);border-radius:16px;padding:20px 16px 18px;box-shadow:0 8px 20px #69553d0f}.quest-label{color:#88796f;margin:0 0 4px;font-size:9px}.generated-card h2{color:var(--coral-dark);margin:0;font-size:16px}.divider{border-top:1px dashed #d8cabd;margin:13px 0 10px}.generated-card ol{gap:9px;margin:0;padding:0;list-style:none;display:grid}.generated-card li{grid-template-columns:25px 1fr;align-items:center;gap:8px;font-size:12px;line-height:1.25;display:grid}.step-icon{color:#a95768;background:#f5b7c0;border-radius:7px;place-items:center;width:24px;height:24px;display:grid}.step-icon.s1{color:#695a54;background:#dfd5ca}.step-icon.s2{color:#95533a;background:#efbd9f}.step-icon.s3{color:#687238;background:#d8e1b2}.step-icon.s4{color:#5471a8;background:#c8d7f1}.join-content h1{align-items:center;gap:9px;margin:10px 0 30px;font-family:Georgia,serif;font-size:28px;display:flex}.title-icon{background:var(--coral);border-radius:10px;place-items:center;width:33px;height:33px;display:grid}.quest-list{gap:14px;display:grid}.join-card{border-top:4px solid var(--coral);background:#fffdf7f0;border-radius:21px;padding:19px 20px 15px;transition:all .2s;box-shadow:0 5px 15px #78624b0b}.join-card.sage{border-color:var(--sage)}.join-card.is-joined{background:#fffaf0;box-shadow:inset 0 0 0 2px #92a05e}.join-card-top{align-items:center;gap:11px;margin-bottom:13px;display:flex}.join-card-top h2{margin:0;font-family:Georgia,serif;font-size:18px;font-weight:500}.join-card p{align-items:center;gap:5px;margin:5px 0 0 39px;font-size:11px;font-weight:700;display:flex}.join-card p svg{color:var(--coral-dark)}.join-footer{justify-content:space-between;align-items:center;margin:7px 0 0 39px;display:flex}.join-footer span{color:var(--coral-dark);font-size:10px}.join-footer button{background:var(--coral);color:#fff;cursor:pointer;border:0;border-radius:999px;align-items:center;gap:4px;padding:7px 13px;font-size:11px;font-weight:800;display:flex}.is-joined .join-footer button{background:var(--sage)}.journal-screen{scrollbar-width:none;padding:0 0 118px;overflow-y:auto}.journal-screen::-webkit-scrollbar{display:none}.journal-hero{text-align:left;background:0 0;padding:24px 22px 5px}.journal-hero>h1{margin:0 0 24px;font-size:17px}.xp-track{background:#d5d7b4;border-radius:99px;height:7px;margin:0 14px;position:relative}.xp-track span{background:var(--coral);border-radius:99px;height:100%;display:block;position:relative}.xp-track span:after{content:"";background:var(--coral);border:2px solid var(--paper);border-radius:50%;width:13px;height:13px;position:absolute;top:-3px;right:-5px}.xp-labels{justify-content:space-between;margin-top:7px;font-size:8px;display:flex}.xp-labels span{display:grid}.xp-labels small{font-size:7px}.journal-body{padding:18px 22px}.journal-body h2{margin:10px 0 12px;font-size:14px}.badges{grid-template-columns:repeat(3,1fr);gap:15px;margin-bottom:25px;display:grid}.badges div{aspect-ratio:1;color:#b0b0b0;background:#d9d9d9;border-radius:50%;place-items:center;display:grid}.badges .earned{color:#a95d67;background:#f2c1c6;box-shadow:inset 0 0 0 5px #f7dadd}.memory-lane{scrollbar-width:none;gap:12px;padding:2px 2px 12px;display:flex;overflow-x:auto}.memory-lane article{background:var(--paper);border-radius:3px;flex:0 0 118px;padding:5px 5px 9px;transform:rotate(-2deg);box-shadow:0 4px 8px #58463620}.memory-lane article:nth-child(2n){transform:rotate(2deg)}.memory-art{background:linear-gradient(135deg,#ef9eaa,#f5ced0);place-items:center;height:92px;display:grid}.memory-sage .memory-art{background:linear-gradient(135deg,#afb977,#e5dfba)}.memory-gold .memory-art{background:linear-gradient(135deg,#e5ad6f,#f4dbc0)}.memory-lilac .memory-art{background:linear-gradient(135deg,#bdb2d6,#ebe4f0)}.memory-art span{color:#fff;border:1px solid #fffc;border-radius:50%;place-items:center;width:34px;height:34px;display:grid}.memory-art svg{width:17px}.memory-lane h3{margin:7px 0 1px;font-size:8px}.memory-lane p{color:#827469;margin:0;font-size:6px}@media (min-width:431px){.page-frame{padding:28px}.phone-app{border-radius:30px;height:min(860px,100dvh - 56px);min-height:780px}.screen{min-height:100%}}@media (max-height:720px){.screen{padding-top:18px}.home-copy{margin-top:-10px}.quest-content,.generated-content{margin-top:0}.journal-hero{padding-top:35px}.join-content h1{margin-bottom:16px}.quest-list{gap:9px}.join-card{padding-top:13px;padding-bottom:11px}.bottom-nav{bottom:12px}}.quest-generator{align-items:flex-start;padding-top:31px}.quest-content{margin-top:0}.quest-topbar{justify-content:space-between;align-items:center;margin:0 0 55px;display:flex}.quest-home-button,.reset-button{background:var(--paper);cursor:pointer;border:1px solid #e5d3c0}.quest-home-button{color:#168dff;border-color:#168dff;place-items:center;width:37px;height:37px;display:grid;box-shadow:inset 0 0 0 3px #168dff}.reset-button{color:#876e61;border-radius:999px;align-items:center;gap:5px;padding:8px 13px;font-size:11px;display:flex}.quest-heading{text-align:center;margin:0 0 16px;font-size:18px}.preference-shell{box-shadow:none;background:0 0;margin-bottom:14px;padding:0}.preference-card{background:var(--paper);border:1px solid #e7d1bb;border-radius:20px;padding:14px 12px 10px;box-shadow:0 5px 12px #78624b18}.preference-section{border-bottom:1px solid #eadbca;margin-bottom:10px;padding:0 0 10px}.preference-section:last-child{border-bottom:0;margin-bottom:0}.preference-label{justify-content:space-between;align-items:center;margin-bottom:7px;display:flex}.preference-card label{color:var(--ink);margin:0;font-size:11px}.preference-label small{color:#a08777;font-size:9px}.chips{gap:6px}.chip{min-height:27px;padding:0 11px;font-size:10px}.chip.selected{background:var(--coral);border-color:var(--coral)}.quest-content>.primary{min-height:42px}.generated-screen{align-items:flex-start;padding-top:165px}.generated-content{margin-top:0}.generated-content>h1{margin-bottom:5px;font-size:20px}.generated-subtitle{text-align:center;color:#9a7e70;margin:0 0 17px;font-size:12px}.generated-card{border:1px solid #e7d1bb;border-radius:17px;padding:18px 15px 11px;box-shadow:0 5px 13px #69553d18}.quest-label{font-size:8px}.generated-card h2{font-size:12px}.generated-card li{gap:7px;font-size:10px}.step-icon{width:20px;height:20px}.generated-card .primary{width:100%;min-height:42px;margin-top:15px}.generated-content>.primary{margin-top:0}.home-copy h1 em{min-width:220px;animation:.45s both phrase-in;display:inline-block}@keyframes phrase-in{0%{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}