:root{color:#5c5366;background:#f8eee8;font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei UI,sans-serif}*{box-sizing:border-box}body{background:linear-gradient(160deg,#faeee7,#f2e7ee 55%,#e1e7ef);min-height:100vh;margin:0}button{font:inherit;color:inherit}main{width:min(100%,520px);min-height:100dvh;padding:calc(env(safe-area-inset-top) + 18px) 16px calc(env(safe-area-inset-bottom) + 100px);margin:auto}header{justify-content:space-between;align-items:center;height:54px;display:flex}header b{font-size:14px}header span{color:#9a7184;background:#fff9;border-radius:999px;padding:7px 10px;font-size:10px}.journey,.quick,.panel{background:#ffffff82;border:1px solid #fff9;border-radius:30px;position:relative;overflow:hidden;box-shadow:0 18px 50px #6f627318}.journey{background:linear-gradient(#efd9e5,#dce4ef 62%,#addce0);height:570px}.copy{z-index:4;grid-template-columns:1fr auto;display:grid;position:absolute;top:24px;left:24px;right:24px}.copy small{color:#846b8b;font-weight:700}.copy strong{grid-column:1/-1;margin-top:4px;font:600 22px Georgia,Songti SC,serif}.copy em{background:#fff9;border-radius:999px;padding:7px 10px;font-style:normal;position:absolute;top:0;right:0}.sun{background:#fff4d8;border-radius:50%;width:120px;height:120px;position:absolute;top:95px;right:42px;box-shadow:0 0 55px #fff7d6}.architecture i{background:#c98594;border-radius:35px 35px 0 0;width:82px;height:260px;position:absolute;bottom:100px}.architecture i:after{content:"";background:#816a82;border-radius:18px 18px 0 0;width:32px;height:95px;position:absolute;bottom:0;left:25px}.architecture i:first-child{left:-18px}.architecture i:nth-child(2){height:300px;right:-15px}.architecture i:nth-child(3){background:#d69aa5;width:105px;height:135px;bottom:205px;left:50%;transform:translate(-50%)}.path{z-index:2;width:260px;height:340px;position:absolute;bottom:95px;left:50%;transform:translate(-50%)}.path span{background:#d18b98;width:52px;height:36px;position:absolute;box-shadow:0 9px #aa7187,0 15px 20px #68556e26}.path span.lit{background:#f0c5c1;box-shadow:0 9px #c98698,0 0 22px #fff}.path span:first-child{bottom:0;left:8px}.path span:nth-child(2){bottom:48px;left:62px}.path span:nth-child(3){bottom:91px;left:112px}.path span:nth-child(4){bottom:136px;left:64px}.path span:nth-child(5){bottom:178px;left:119px}.path span:nth-child(6){bottom:220px;left:168px}.path span:nth-child(7){bottom:263px;left:116px}.path span:nth-child(8){bottom:305px;left:170px}.traveler{--step:0;z-index:3;left:calc(50% - 116px + min(var(--step),1)*54px + max(0,var(--step) - 1)*7px);bottom:calc(132px + var(--step)*43px);width:35px;height:72px;transition:left .5s,bottom .5s;position:absolute}.traveler:before{content:"";background:#fff7ed;border-radius:50%;width:15px;height:16px;position:absolute;left:10px}.traveler i{clip-path:polygon(50% 0,100% 100%,0 100%);background:#fff8ec;width:35px;height:52px;position:absolute;top:15px}.traveler b{clip-path:polygon(20% 0,100% 10%,60% 100%,0 80%);background:#bc6877;width:25px;height:44px;position:absolute;top:19px;left:-5px}.journey>p{z-index:5;text-align:center;font-size:11px;position:absolute;bottom:22px;left:0;right:0}.quick{margin-top:14px;padding:20px}.quick>div:first-child{justify-content:space-between;display:flex}.quick small,.panel small{color:#a36f83;font-weight:800}.choices{grid-template-columns:1fr 1fr;gap:8px;margin:14px 0;display:grid}.choices button{background:#fff8;border:1px solid #e6d9e1;border-radius:12px;padding:10px}.choices button.on{background:#eadbe9;border-color:#bda8c2}.drink{color:#fff;background:#746282;border:0;border-radius:15px;width:100%;padding:14px;font-weight:800}.panel{min-height:620px;padding:28px}.panel h1{margin:30px 0 0;font-size:72px}.panel h2{margin-top:25px}.records{margin-top:30px}.records div{border-bottom:1px solid #e9dde4;justify-content:space-between;padding:14px 0;display:flex}nav{z-index:20;left:50%;bottom:max(12px,env(safe-area-inset-bottom));background:#70647aee;border-radius:23px;grid-template-columns:repeat(3,1fr);width:min(480px,100% - 28px);padding:7px;display:grid;position:fixed;transform:translate(-50%);box-shadow:0 15px 38px #4d425b4d}nav button{color:#eee8f1;background:0 0;border:0;border-radius:17px;padding:13px}nav button.active{color:#fff;background:#93839c;font-weight:800}@media (width<=390px){.journey{height:540px}.path{transform-origin:bottom;transform:translate(-50%)scale(.92)}.architecture i{bottom:90px}}:root .choices{max-height:205px;overflow:auto}:root .choices button{padding:10px 6px;font-size:12px}:root .panel h1{margin:24px 0 0;font-size:64px}.metric-grid{grid-template-columns:1fr 1fr;gap:8px;margin-top:22px;display:grid}.metric-grid div{background:#fff9;border-radius:15px;flex-direction:column;padding:13px;display:flex}.metric-grid b{font-size:20px}.metric-grid small{color:#8b808d;margin-top:4px}.analysis-note{background:#f7e8d2;border-radius:14px;padding:12px 14px;font-size:11px;line-height:1.6}:root .records{margin-top:20px}:root .records div{grid-template-columns:1fr auto auto;align-items:center;gap:10px;display:grid}.records span{flex-direction:column;display:flex}.records span small{color:#978a98;margin-top:4px;font-size:10px}.records strong{font-size:12px}.records button{color:#9b6677;background:#f1e2e6;border:0;border-radius:10px;padding:7px;font-size:11px}:root .sync-box{background:#fff9;border-radius:20px;margin-top:24px;padding:18px}.sync-box h3{margin:6px 0 16px}.sync-code{background:#eee5f0;border-radius:13px;flex-direction:column;padding:12px;display:flex}.sync-code b{letter-spacing:1px;margin-top:5px}.sync-box label{flex-direction:column;gap:6px;margin-top:13px;font-size:11px;display:flex}.sync-box input{background:#fff;border:1px solid #dfd2dc;border-radius:12px;width:100%;padding:12px}.sync-buttons{grid-template-columns:1fr 1fr;gap:8px;margin-top:10px;display:grid}.sync-buttons button{color:#fff;background:#796786;border:0;border-radius:12px;padding:11px 5px;font-size:11px}.sync-buttons button:disabled{opacity:.55}.sync-box p{color:#877a8a;font-size:11px}:root .undo-toast{z-index:30;left:50%;bottom:calc(max(12px,env(safe-area-inset-bottom)) + 82px);color:#fff;background:#66586eef;border:1px solid #fff9;border-radius:18px;justify-content:space-between;align-items:center;width:min(430px,100% - 44px);padding:13px 14px 13px 18px;animation:.24s ease-out toast-in;display:flex;position:fixed;transform:translate(-50%);box-shadow:0 14px 35px #4a3e514d}.undo-toast span{flex-direction:column;gap:3px;display:flex}.undo-toast small{color:#e8e0eb;font-size:10px}.undo-toast button{color:#735f78;background:#f6ecf0;border:0;border-radius:12px;padding:9px 15px;font-weight:800}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,12px)}to{opacity:1;transform:translate(-50%)}}:root nav.four-tabs{grid-template-columns:repeat(4,1fr)}.endpoint-artifact{z-index:4;width:52px;height:52px;position:absolute;top:112px;left:calc(50% + 70px)}.artifact-grid{grid-template-columns:repeat(3,1fr);gap:10px;margin-top:20px;display:grid}.artifact-grid article{text-align:center;background:#fff9;border-radius:17px;min-width:0;padding:12px 5px}.artifact-grid article>strong,.artifact-grid article>small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.artifact-grid article>strong{margin-top:7px;font-size:11px}.artifact-grid article>small{color:#978a98;margin-top:3px;font-size:9px}.artifact-grid article.locked{filter:grayscale();opacity:.4}.artifact,.endpoint-artifact{--artifact:#b595bc;place-items:center;display:grid}.artifact{background:linear-gradient(145deg,#f8d9dc,#d8d2ec);border-radius:18px;width:54px;height:54px;margin:auto;position:relative}.artifact i,.endpoint-artifact i{background:var(--artifact);border:3px solid #fff;border-radius:50% 50% 42% 58%;width:26px;height:30px;transform:rotate(12deg);box-shadow:0 0 14px #fff}.artifact b,.endpoint-artifact b{background:#fff2ad;border-radius:50%;width:10px;height:10px;position:absolute;transform:translate(14px,-14px);box-shadow:0 0 9px #fff}.artifact-mirror{--artifact:#a9c8d8}.artifact-mirror i{background:linear-gradient(135deg,#fff,#a3c8d8 45%,#c5a8d3);border-radius:50%}.artifact-crown,.artifact-star-crown{--artifact:#e1bd83}.artifact-crown i,.artifact-star-crown i{clip-path:polygon(0 25%,25% 55%,50% 0,75% 55%,100% 25%,88% 100%,12% 100%);border-radius:2px}.artifact-feather,.artifact-wing{--artifact:#c7d9e8}.artifact-feather i,.artifact-wing i{border-radius:100% 0}.artifact-key{--artifact:#84bfd0}.artifact-bell,.artifact-chime{--artifact:#d3a1ad}.artifact-flower,.artifact-branch,.artifact-seed{--artifact:#b9a8cc}.artifact-shell,.artifact-cup{--artifact:#82c9cf}.artifact-eye,.artifact-compass,.artifact-wheel,.artifact-pendulum{--artifact:#9e91bd}.artifact-note,.artifact-sound{--artifact:#d2a5bd}.collection-panel{padding-bottom:34px}:root .chapter-preview-button{background:#fff9;border:1px solid #eadce4;border-radius:999px;margin:10px auto 0;padding:8px 14px;font-size:11px;display:block}.route-rewards{background:#fff9;border-radius:20px;margin-top:22px;padding:18px}.route-rewards h2{margin:5px 0 14px;font-size:18px}.route-rewards>div{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.route-rewards article{text-align:center;opacity:.35}.route-rewards article.unlocked{opacity:1}.route-rewards article>*{margin:auto;display:block}.route-rewards article b{margin-top:7px;font-size:10px}.route-rewards article small{font-size:9px}.milestone{background:linear-gradient(145deg,#ecd0db,#b9cfe0);border-radius:15px;width:40px;height:40px;box-shadow:inset 0 0 0 2px #fff}.milestone-star{clip-path:polygon(50% 0,61% 35%,100% 50%,61% 65%,50% 100%,39% 65%,0 50%,39% 35%)}.milestone-moon{border-radius:50%;box-shadow:inset -11px 0 #fff}.milestone-crystal{border-radius:5px;transform:rotate(45deg)scale(.75)}.milestone-petal{border-radius:100% 0}.preview-overlay{z-index:50;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#5d5267cc;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.preview-overlay>section{background:linear-gradient(160deg,#fff8f3,#e9e7f1);border-radius:28px;width:min(440px,100%);padding:24px;position:relative;box-shadow:0 25px 70px #3d334566}.preview-close{background:#fff;border:0;border-radius:50%;width:40px;height:40px;font-size:24px;position:absolute;top:14px;right:14px}.preview-overlay h2{margin:5px 0 16px}.preview-scene{background:linear-gradient(160deg,#efd7e4,#cad8e8 60%,#9ed5da);border-radius:24px;height:390px;position:relative;overflow:hidden}.preview-scene>i{background:#c7889a;border-radius:45px 45px 0 0;width:85px;height:230px;position:absolute;bottom:55px}.preview-scene>i:first-child{left:-15px}.preview-scene>i:nth-child(2){height:285px;right:-10px}.preview-scene>i:nth-child(3){height:125px;bottom:175px;left:43%}.preview-traveler{clip-path:polygon(50% 0,100% 100%,0 100%);background:#fff7ed;width:24px;height:58px;position:absolute;bottom:75px;left:46%}.preview-scene>.artifact{position:absolute;top:68px;right:24%}.preview-reward{align-items:center;gap:12px;margin-top:14px;display:flex}.preview-reward .artifact{margin:0}.preview-reward span{flex-direction:column;display:flex}.preview-overlay footer{grid-template-columns:1fr 1fr;gap:8px;margin-top:14px;display:grid}.preview-overlay footer button{color:#fff;background:#776684;border:0;border-radius:13px;padding:12px}.preview-overlay footer button:disabled{opacity:.3}.scene-1{background:linear-gradient(160deg,#eee8c9,#a8d1df 60%,#8dc9d2)}.scene-2{background:linear-gradient(160deg,#f1d3ce,#d5c8df 60%,#abcfd7)}.scene-3{background:linear-gradient(160deg,#dfd6e8,#c3d6e1 60%,#91c7cf)}.scene-4{background:linear-gradient(160deg,#f2d7df,#cddbbd 60%,#a4d1c9)}.scene-5{background:linear-gradient(160deg,#e7e1ef,#bdd6e8 60%,#96ccd4)}.artifact canvas{width:52px;height:52px;margin:auto;display:block}.artifact>i,.artifact>b{display:none}:root{--ink:#554e5d;--muted:#8d818b;--rose:#aa6678;--plum:#70627b;--plum-light:#94849b;--cream:#fff8f1;--line:#fff9;--mint:#9fcfc8;--blush:#edc7c8;--lilac:#d6cee3}html{background:#f8eee8}body{color:var(--ink);background-color:#0000;background-image:radial-gradient(circle at 84% 12%,#fff9 0 9%,#0000 24%),linear-gradient(155deg,#fff5ea 0%,#faedef 46%,#eef0e8 100%);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:auto,auto;background-attachment:fixed;background-origin:padding-box,padding-box;background-clip:border-box,border-box}main{width:min(100%,520px);padding:calc(var(--app-safe-top) + 17px) 16px calc(env(safe-area-inset-bottom) + 108px)}header{height:58px;margin-bottom:13px}header b{letter-spacing:.01em;color:#4f4857;font-size:14px}header>div{align-items:center;gap:7px;display:flex}header .reminder-dot,header .header-settings{color:#756a76;background:#ffffff82;border:1px solid #fff;box-shadow:0 7px 20px #776b7612}header .reminder-dot{padding:9px 11px 9px 24px;font-size:10px;position:relative}header .reminder-dot:before{content:"";background:#7fa88c;border-radius:50%;width:7px;height:7px;position:absolute;top:50%;left:11px;transform:translateY(-50%);box-shadow:0 0 8px #7fa88c}header .header-settings{border-radius:999px;padding:9px 12px;font-size:10px}.journey,.quick,.panel{background:#ffffff78;border-color:#fff;box-shadow:0 16px 45px #685a6814}.journey{background:linear-gradient(#f2dce4 0%,#e4e2ed 45%,#addddd 100%);border-radius:29px}.journey:after{content:"";opacity:.7;background:radial-gradient(#81d2d0 0,#9edbd8 42%,#bee5df 64%,#0000 67%);border-radius:50%;height:170px;position:absolute;bottom:-35px;left:-8%;right:-8%}.journey>p{color:#6f6572}.copy small{color:#756387;letter-spacing:.08em}.copy strong{color:#5a5060;font-family:Songti SC,STSong,Georgia,serif;font-size:20px}.copy em{color:#a16578;background:#fff8;border:1px solid #fff}.quick{background:linear-gradient(145deg,#fff9,#f8f0edcc);border-radius:27px;padding:19px}.quick small,.panel>small{color:var(--rose);letter-spacing:.12em}.choices button{color:#675e69;background:#fff9;border-color:#eadde1}.choices button.on{color:#755d77;background:linear-gradient(145deg,#f2dfe6,#e4dce9);border-color:#d6bac8}.drink{background:linear-gradient(135deg,#645676,#4c4b76);box-shadow:0 12px 25px #5149692b}.panel{background:linear-gradient(155deg,#fffaf7dd,#f7f1f3cc);border-radius:29px;padding:25px}.panel h1{color:#554e5d;letter-spacing:-.04em;font-weight:500}.panel h2{color:#5b5260;font-family:Songti SC,STSong,Georgia,serif;font-weight:500}.metric-grid div,.route-rewards,.records,.sync-box,.artifact-grid article{background:#ffffff91;border:1px solid #fff}.analysis-note{color:#75686d;background:linear-gradient(120deg,#f7e7cc,#f5e0d7)}.route-rewards{box-shadow:0 10px 25px #766a7410}.collection-panel h2{font-size:23px}.artifact{background:linear-gradient(145deg,#f7dcdd,#d9d4e8);box-shadow:inset 0 0 0 1px #fff9,0 7px 16px #77677817}.sync-buttons button{background:#71627d}.sync-buttons button+button{background:#b49eb8}nav{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(135deg,#6d6377f5,#786b80f5);border:1px solid #fff3;border-radius:26px;width:min(480px,100% - 28px);min-height:74px;padding:7px 8px;box-shadow:0 17px 40px #483d514d}nav button{color:#f2edf3;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;gap:5px;min-width:0;padding:8px 4px;font-size:10px;display:flex}nav button.active{background:linear-gradient(145deg,#8f8197,#9c899a);box-shadow:inset 0 0 0 1px #ffffff17}nav button i{color:currentColor;width:22px;height:22px;display:block;position:relative}nav button span{display:block}nav .nav-journey:before{content:"";border:2px solid;border-top:0;border-radius:2px;width:10px;height:13px;position:absolute;top:4px;left:5px}nav .nav-journey:after{content:"";border-top:2px solid;border-left:2px solid;width:10px;height:10px;position:absolute;top:1px;left:5px;transform:rotate(45deg)}nav .nav-analysis:before{content:"";border:2px solid;border-radius:50%;position:absolute;inset:3px}nav .nav-analysis:after{content:"";border-bottom:2px solid;border-left:2px solid;width:8px;height:8px;position:absolute;top:3px;left:11px}nav .nav-collection:before{content:"";border:2px solid;border-radius:3px;width:16px;height:16px;position:absolute;top:3px;left:3px}nav .nav-collection:after{content:"";background:#f5dcc1;border-radius:50%;width:6px;height:6px;position:absolute;top:0;right:0;box-shadow:0 0 7px #fff0d1}nav .nav-settings:before{content:"";background:currentColor;width:18px;height:2px;position:absolute;top:5px;left:2px;box-shadow:0 6px,0 12px}nav .nav-settings:after{content:"";background:currentColor;border-radius:2px;width:3px;height:8px;position:absolute;top:2px;left:6px;box-shadow:8px 6px,2px 12px}@media (width<=390px){main{padding-left:14px;padding-right:14px}.panel{padding:22px}.copy{left:20px;right:20px}.copy strong{font-size:19px}}:root{--app-safe-top:env(safe-area-inset-top)}@media (width<=600px){:root{--app-safe-top:max(env(safe-area-inset-top),56px)}}.analysis-panel,.settings-panel{background:linear-gradient(155deg,#fff8f3,#f5e8ee 52%,#e7efed);padding:24px 22px 34px}.analysis-panel>h1{color:#665a70;letter-spacing:-.05em;margin:18px 0 2px;font-size:58px;line-height:1}.analysis-panel>.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:20px}.analysis-panel>.metric-grid>div{background:#ffffffa6;border:1px solid #fff;border-radius:18px;padding:16px 14px;box-shadow:0 10px 26px #75677b10}.analysis-panel>.metric-grid b{font-size:21px}.analysis-panel>.metric-grid small{color:#908491;margin-top:4px;font-size:9px;display:block}.analysis-panel .analysis-note{color:#7d6c64;background:#fff1d9;border-radius:17px;margin:14px 0 4px;padding:14px 15px;font-size:11px;line-height:1.65}.analysis-panel .records{margin-top:15px}.analysis-panel .records div{align-items:center;padding:12px 5px}.analysis-panel .records span{flex-direction:column;display:flex}.analysis-panel .records small{margin-top:3px}.analysis-panel .records button{color:#8a6e7f;background:#eee3e9;border:0;border-radius:10px;padding:7px 9px;font-size:9px}.settings-panel>h2{margin:7px 0 8px;font:650 27px/1.25 Georgia,Songti SC,serif}.settings-panel>p{color:#857985;font-size:11px;line-height:1.6}.settings-panel .sync-box{background:#ffffff8f;border:1px solid #fff;border-radius:22px;margin-top:16px;padding:19px}.settings-panel .sync-box h3{margin:7px 0 13px;font-size:18px}.settings-panel .sync-code{background:#f0e6ec;border-radius:14px;padding:12px}.settings-panel .sync-box label{gap:6px;margin-top:12px;font-size:10px;display:grid}.settings-panel .sync-box input{background:#fff;border:1px solid #e1d5dd;border-radius:13px;width:100%;padding:12px}.settings-panel .sync-buttons{grid-template-columns:1fr 1fr;gap:8px;margin-top:10px;display:grid}.settings-panel .sync-buttons button{color:#fff;background:#81708d;border:0;border-radius:13px;padding:11px 6px;font-size:10px;font-weight:800}.settings-panel .sync-buttons button+button{background:#93bbb4}@media (width<=390px){.analysis-panel,.settings-panel{padding-left:17px;padding-right:17px}.settings-panel .sync-buttons{grid-template-columns:1fr}}.journey{height:590px}.journey .journey-canvas{width:100%;height:100%;position:absolute;inset:0}.journey .copy{top:20px}.journey .endpoint-artifact{filter:drop-shadow(0 8px 15px #7d687733);top:11%;right:10%}.chapter-preview-button{box-shadow:0 8px 20px #76677910;color:#796879!important;background:#fffaf7!important;margin:10px auto 14px!important}.quick{margin-top:0}.quick>div:first-child strong{color:#8f6677;font-size:11px}.choices{gap:7px}.choices button{min-height:41px;font-size:10px}.collection-panel{background:linear-gradient(155deg,#fff8f3,#f3e8ef 48%,#e5efec)}.collection-panel>p{color:#8d808b;margin:4px 0 18px;font-size:11px}.collection-panel .artifact-grid{gap:9px;margin-top:0}.collection-panel .artifact-grid article{border-radius:18px;padding:13px 4px 11px;box-shadow:0 8px 22px #77687910}.collection-panel .artifact-grid article.locked{filter:none;opacity:.34}.collection-panel .artifact-grid article.locked canvas{filter:grayscale()}.cup-box{background:#ffffff8f;border:1px solid #fff;border-radius:22px;margin-top:16px;padding:19px}.cup-box h3{margin:7px 0 13px;font-size:18px}.cup-picker{grid-template-columns:repeat(4,1fr);gap:7px;display:grid}.cup-picker button{color:#756a78;background:#fff9;border:1px solid #fff;border-radius:15px;padding:12px 3px}.cup-picker button.active{background:linear-gradient(145deg,#eed8e3,#d9e8e4);box-shadow:0 7px 18px #75687918}.cup-picker b,.cup-picker small{display:block}.cup-picker b{font-size:16px}.cup-picker small{margin-top:2px;font-size:8px}.cup-box>label{color:#817582;grid-template-columns:auto 1fr auto;align-items:center;gap:9px;margin-top:12px;font-size:10px;display:grid}.cup-box>label input{background:#fff;border:1px solid #e0d4dc;border-radius:12px;min-width:0;padding:10px;font-size:13px}@media (width<=390px){.cup-picker{gap:4px}.cup-picker button{padding:10px 2px}}.reminder-dot{border-radius:999px}.reminder-dot:before{box-shadow:none!important;background:#aaa!important}.reminder-dot.on:before{background:#7fa88c!important;box-shadow:0 0 8px #7fa88c!important}.reminder-box{background:linear-gradient(145deg,#eee1ea,#e0ebea);border:1px solid #fff;border-radius:22px;margin-top:16px;padding:19px}.reminder-box h3{margin:7px 0 8px;font-size:18px}.reminder-box p{color:#7f7480;margin:0;font-size:10px;line-height:1.65}.reminder-box button{color:#fff;background:#80708b;border:0;border-radius:14px;width:100%;margin-top:13px;padding:12px;font-weight:800}.reminder-box button.active{background:#a48794}.reminder-box em{color:#7f7480;margin-top:9px;font-size:9px;font-style:normal;display:block}.journey-canvas,.canvas-loading{z-index:1;width:100%;height:100%;position:absolute;inset:0}.canvas-loading{background:linear-gradient(#f2dce4,#e2e3ee 60%,#addddd)}.journey>.sun,.journey>.architecture,.journey>.path,.journey>.traveler{display:none}.journey>.copy,.journey>.endpoint-artifact,.journey>p{z-index:5}nav.five-tabs{grid-template-columns:repeat(5,1fr)!important}nav .nav-progress:before{content:"";border:2px solid;border-radius:50%;position:absolute;inset:3px}nav .nav-progress:after{content:"";border-bottom:2px solid;border-left:2px solid;width:7px;height:8px;position:absolute;top:4px;left:11px}.progress-panel>h2{margin:7px 0 18px;font-size:24px}.progress-summary{background:#fff9;border:1px solid #fff;border-radius:25px;grid-template-columns:145px 1fr;align-items:center;gap:16px;padding:18px;display:grid}.progress-ring{--progress:0deg;background:conic-gradient(#dc706e var(--progress),#f0e7e8 0);border-radius:50%;place-items:center;width:132px;height:132px;display:grid;position:relative}.progress-ring:before{content:"";background:#fffaf6;border-radius:50%;position:absolute;inset:13px}.progress-ring strong,.progress-ring span{z-index:1;position:relative}.progress-ring strong{font-size:35px}.progress-ring strong small{font-size:15px}.progress-ring span{color:#8b7f89;margin-top:-36px;font-size:10px}.progress-copy{flex-direction:column;display:flex}.progress-copy>b{margin-top:7px;font-size:25px;font-weight:500}.progress-copy em{color:#928691;font-size:11px;font-style:normal}.progress-copy p{color:#80747e;font-size:11px;line-height:1.6}.progress-metrics{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px;display:grid}.progress-metrics article{background:#fff9;border:1px solid #fff;border-radius:16px;flex-direction:column;padding:14px;display:flex}.progress-metrics b{font-size:19px}.progress-metrics small{color:#8c808a;margin-top:4px;font-size:9px}@media (width<=390px){.progress-summary{grid-template-columns:120px 1fr;padding:14px}.progress-ring{width:112px;height:112px}.progress-ring strong{font-size:30px}}.progress-panel{background:linear-gradient(155deg,#fff8f3,#f4e8ee 48%,#e5efec)}.progress-panel>h2{margin-bottom:15px;font-size:23px}.progress-summary{background:#ffffffa3;border-radius:23px;grid-template-columns:132px 1fr;gap:15px;padding:15px;box-shadow:0 10px 25px #76687910}.progress-ring{background:conic-gradient(#dc817f var(--progress),#eee4e8 0);width:120px;height:120px}.progress-copy>b{font-size:23px}.route-rewards{border-radius:20px;padding:16px}.progress-metrics article{background:#ffffffa3;box-shadow:0 8px 20px #7668790d}.chapter-preview-panel{max-height:calc(100dvh - 32px);overflow:auto}.preview-canvas{background:#e5dfe8;border-radius:23px;height:min(53vh,470px);position:relative;overflow:hidden}.preview-canvas .journey-canvas{z-index:1}.preview-endpoint{z-index:3;top:8%;right:15%;background:#fff8!important;position:absolute!important}.preview-chapter-grid{grid-template-columns:repeat(10,1fr);gap:5px;margin-top:13px;display:grid}.preview-chapter-grid button{aspect-ratio:1;color:#88798a;background:#eee6ed;border:0;border-radius:8px;font-size:9px}.preview-chapter-grid button.active{color:#fff;background:#746282;font-weight:800}@media (width<=390px){.preview-overlay{padding:10px}.preview-overlay>section{padding:20px}.preview-canvas{height:47vh}.preview-chapter-grid{grid-template-columns:repeat(10,1fr);gap:4px}.preview-chapter-grid button{border-radius:6px}}