: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) + 10px) 16px calc(env(safe-area-inset-bottom) + 108px)}header{height:48px;margin-bottom:8px}header b{letter-spacing:.01em;color:#4f4857;font-size:13px}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:8px 10px 8px 22px;font-size:9px;position:relative}header .reminder-dot:before{content:"";background:#7fa88c;border-radius:50%;width:7px;height:7px;position:absolute;top:50%;left:10px;transform:translateY(-50%);box-shadow:0 0 8px #7fa88c}header .header-settings{border-radius:999px;padding:8px 11px;font-size:9px}.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}}@media (width<=600px){main{padding-left:12px;padding-right:12px}.journey{border-radius:26px;height:600px;min-height:600px}.journey .copy{top:12px;left:16px;right:16px}.journey-actions{bottom:13px;left:10px;right:10px}.journey-actions .chapter-preview-button,.journey-drink{min-height:46px}.quick{border-radius:24px}nav{left:12px;right:12px;bottom:max(10px,env(safe-area-inset-bottom));width:auto;transform:none}}: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 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>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}}.journey{height:min(640px,calc(100dvh - var(--app-safe-top) - 105px));min-height:540px}.journey .copy{top:20px;left:24px;right:24px}.journey .copy small{max-width:75%;font-size:10px}.journey .copy strong{color:#716675;margin-top:8px;font-family:inherit;font-size:10px;font-weight:500}.journey .copy em{font-size:10px}.journey-actions{z-index:8;grid-template-columns:auto minmax(0,1fr);gap:9px;display:grid;position:absolute;bottom:18px;left:20px;right:20px}.journey-actions .chapter-preview-button,.journey-drink{border:1px solid #fff;border-radius:999px;min-height:50px;font-weight:800}.journey-actions .chapter-preview-button{box-shadow:0 8px 20px #76677910;color:#796879!important;background:#fffaf0db!important;margin:0!important;padding:0 17px!important}.journey-drink{color:#fff;background:linear-gradient(135deg,#665878,#484772);border:0;padding:0 18px;box-shadow:0 12px 28px #51496935}.quick{margin-top:14px}.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}.open-update-log{text-align:left;background:#ffffff91;border:1px solid #fff;border-radius:18px;justify-content:space-between;align-items:center;width:100%;margin-top:16px;padding:15px 16px;display:flex}.open-update-log span{flex-direction:column;gap:4px;display:flex}.open-update-log small{color:#a46d80;font-size:9px}.open-update-log b{font-size:14px}.open-update-log em{color:#897c89;font-size:10px;font-style:normal}.update-log-layer{z-index:90;padding:max(18px,env(safe-area-inset-top)) 18px max(18px,env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#62576acc;place-items:center;display:grid;position:fixed;inset:0}.update-log-shell{width:min(440px,100%);height:min(720px,calc(100dvh - max(36px,env(safe-area-inset-top)) - max(36px,env(safe-area-inset-bottom))));background:linear-gradient(160deg,#fff8f2,#f5e8ee 55%,#e5eeec);border:1px solid #fff;border-radius:30px;grid-template-rows:auto minmax(0,1fr) auto;display:grid;overflow:hidden;box-shadow:0 28px 80px #392f4366}.update-log-shell>header{align-items:flex-start;height:auto;margin:0;padding:24px 22px 16px;display:flex}.update-log-shell>header small{color:#ad6679;letter-spacing:.12em;font-size:10px;font-weight:800}.update-log-shell>header h2{margin:7px 50px 0 0;font:500 25px/1.25 Georgia,Songti SC,serif}.update-log-shell>header button{color:#746777;background:#ffffffc9;border:0;border-radius:50%;flex:0 0 42px;width:42px;height:42px;font-size:25px}.update-log-scroll{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;min-height:0;padding:3px 20px 22px;overflow-y:auto}.update-log-scroll article{background:#ffffffa6;border:1px solid #fff;border-radius:22px;margin-bottom:13px;padding:18px}.update-log-scroll article>div{color:#99899a;justify-content:space-between;font-size:10px;display:flex}.update-log-scroll ul{margin:0;padding-left:18px}.update-log-scroll li{color:#756b77;margin:8px 0;font-size:11px;line-height:1.6}.update-log-shell>footer{padding:13px 20px calc(16px + env(safe-area-inset-bottom));background:#fff8;border-top:1px solid #fff}.update-log-shell>footer button{color:#fff;background:#766582;border:0;border-radius:15px;width:100%;padding:13px;font-weight:800}.analysis-switch{background:#ffffff78;border:1px solid #fff;border-radius:19px;grid-template-columns:1fr 1fr;gap:7px;margin-bottom:23px;padding:5px;display:grid}.analysis-switch button{text-align:left;background:0 0;border:0;border-radius:15px;flex-direction:column;gap:3px;padding:12px 9px;display:flex}.analysis-switch button.active{background:linear-gradient(145deg,#e2d1df,#d7e7e4);box-shadow:0 7px 17px #76697a17}.analysis-switch small{color:#8e818d!important;letter-spacing:0!important;font-size:8px!important}.report-view>.report-kind{justify-content:flex-end;gap:4px;margin-bottom:20px;display:flex}.report-kind button{background:#fff9;border:1px solid #fff;border-radius:999px;padding:8px 16px;font-size:10px}.report-kind button.active{color:#fff;background:#786981}.report-view>h2{margin:6px 0 5px;font-size:22px}.report-view>p{color:#8a7e89;margin:0 0 17px;font-size:10px}.report-score{background:linear-gradient(145deg,#f7e7e9,#e4eeee);border:1px solid #fff;border-radius:22px;grid-template-columns:1fr auto;align-items:center;padding:18px;display:grid}.report-score>strong{font-size:30px}.report-score>strong small{color:#8b7d88;margin-top:5px;font-size:9px;display:block}.report-score>span{background:conic-gradient(#91c9c1 0 76%,#fff 76%);border-radius:50%;place-items:center;width:82px;height:82px;display:grid;box-shadow:inset 0 0 0 11px #f9f0f1}.report-score>span b{font-size:20px}.report-score>span small{color:#817681;font-size:8px}.report-metrics{grid-template-columns:repeat(3,1fr);gap:7px;margin-top:10px;display:grid}.report-metrics article{background:#fff9;border:1px solid #fff;border-radius:16px;padding:13px 8px}.report-metrics b,.report-metrics small{display:block}.report-metrics b{font-size:15px}.report-metrics small{color:#8c808b;margin-top:4px;font-size:8px}.report-chart{background:#ffffff76;border:1px solid #fff;border-radius:19px;align-items:flex-end;gap:5px;height:160px;margin-top:17px;padding:14px 10px 8px;display:flex}.report-chart>span{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;gap:5px;height:100%;display:flex}.report-chart i{background:linear-gradient(#d9b8cb,#aebed5);border-radius:9px 9px 3px 3px;width:min(22px,72%);min-height:4px}.report-chart i.complete{background:linear-gradient(#efb5aa,#a2cbc6)}.report-chart small{color:#8d818c;font-size:7px}.report-mix{background:#fff9;border:1px solid #fff;border-radius:19px;margin-top:13px;padding:16px}.report-mix h3{margin:0 0 9px;font-size:14px}.report-mix p{border-bottom:1px dashed #e5dbe1;justify-content:space-between;margin:0;padding:9px 0;font-size:10px;display:flex}.report-mix p:last-child{border:0}.empty-report{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:390px;display:flex}.empty-report i{background:radial-gradient(circle at 36% 32%,#fff 0 7%,#e8d5e1 9% 30%,#bdcfdc 68%,#9dcac4);border:1px solid #fff;border-radius:50%;width:75px;height:75px;box-shadow:0 13px 30px #776b781d}.empty-report h2{margin:20px 0 8px;font-size:19px}.empty-report p{color:#8a7e89;max-width:280px;font-size:10px;line-height:1.7}.report-year{background:radial-gradient(circle at 82% 10%,#fff6cf 0 4%,#0000 22%),linear-gradient(155deg,#eee8f5 0%,#f8e5ec 50%,#dce8f2 100%);border:1px solid #fff;border-radius:24px;padding:18px}.report-year>.report-kind{margin:-2px 0 22px}.report-year>h2{font-size:21px}.report-year .report-score{background:radial-gradient(circle at 78% 18%,#fff5c9 0 5%,#0000 28%),linear-gradient(145deg,#e8dded,#f4dfe5 50%,#d5e2ef)}.report-year .report-chart{background:linear-gradient(#ffffff5c,#e7e0ef8f);height:180px}.report-year .report-chart>span{min-width:0}.report-year .report-chart small{white-space:nowrap;font-size:6px}.report-year .report-chart i{background:linear-gradient(#d6b3d1,#9baed0)}.report-year .report-chart i.complete{background:linear-gradient(#e9adaf,#9bbfd2)}.quick{background:linear-gradient(145deg,#fffaf5e8,#f7eaeddd);border:1px solid #fff;border-radius:27px;padding:18px 18px 20px;box-shadow:0 16px 38px #715f6d14}.quick>div:first-child{margin-bottom:13px}.quick>div:first-child small{font-size:10px;font-weight:800}.quick>div:first-child strong{color:#986776;background:#f4dfdc;border-radius:999px;padding:7px 11px;font-size:10px}.choices{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.choices button{background:#ffffffa8;border-radius:14px;min-height:38px;padding:7px 4px;font-size:9px}.choices button.on{background:linear-gradient(145deg,#f1dce4,#dce8e5);box-shadow:inset 0 0 0 1px #fff}.quick>.drink{border-radius:16px;min-height:46px;margin-top:12px;font-size:11px}.panel{background:linear-gradient(155deg,#fff9f4e8,#f5e9efdc 52%,#e8efeddf);border:1px solid #fff;border-radius:28px;padding:22px 20px 32px;box-shadow:0 17px 42px #6e5f6b16}.panel>small{font-size:10px;font-weight:800}.panel>h2{letter-spacing:-.03em;margin:7px 0 16px;font-size:23px;line-height:1.28}.analysis-panel,.settings-panel{padding:22px 20px 32px}.analysis-switch{border-radius:18px;margin-bottom:18px}.analysis-switch button{min-height:57px;padding:11px 10px}.analysis-switch b{font-size:11px}.analysis-switch small{margin-top:2px;font-size:8px!important}.analysis-panel>h1{margin:12px 0 1px;font-size:48px}.analysis-panel>p:not(.analysis-note){color:#8c7f8a;margin:2px 0 13px;font-size:10px}.analysis-panel>.metric-grid{gap:8px;margin-top:12px}.analysis-panel>.metric-grid>div{border-radius:17px;padding:14px 12px}.analysis-panel>.metric-grid b{font-size:19px}.analysis-panel .analysis-note{margin-top:11px}.progress-summary{border-radius:22px;grid-template-columns:112px 1fr;gap:13px;padding:13px}.progress-ring{width:104px;height:104px}.progress-ring:before{inset:11px}.progress-ring span{margin-top:-29px;font-size:9px}.progress-copy p{margin:8px 0 0;font-size:10px}.water-light-bank{border-radius:19px;padding:12px}.water-light-gem{width:43px;height:43px}.route-rewards>h2{font-size:19px}.progress-metrics article{border-radius:15px;padding:12px}.collection-panel>h2{margin-bottom:5px;font-size:22px}.collection-panel>p{margin-bottom:15px}.collection-panel .artifact-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.collection-panel .artifact-grid article{border-radius:17px;min-width:0;padding:11px 3px 10px}.collection-panel .artifact-grid strong{font-size:9px}.collection-panel .artifact-grid small{font-size:7px}.settings-panel>h2{font-size:23px}.cup-box,.reminder-box,.settings-panel .sync-box{border-radius:21px;margin-top:13px;padding:17px}.cup-box h3,.reminder-box h3,.settings-panel .sync-box h3{font-size:17px}.open-update-log{margin-top:13px}@media (width<=390px){.quick{padding:16px}.choices{gap:6px}.choices button{min-height:36px;font-size:8px}.panel,.analysis-panel,.settings-panel{padding-left:17px;padding-right:17px}.collection-panel .artifact-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.progress-summary{grid-template-columns:101px 1fr}.progress-ring{width:94px;height:94px}.progress-copy>b{font-size:18px}}nav{background:linear-gradient(135deg,#675d73f5,#796c80f5);border-radius:27px;min-height:72px;box-shadow:0 14px 34px #483d5147,inset 0 1px #fff2}nav button{color:#eee8f0;border:1px solid #0000;border-radius:20px;gap:4px;padding:7px 3px;font-size:9px}nav button.active{background:linear-gradient(145deg,#8b7d94,#9a8898);border-color:#ffffff18;box-shadow:inset 0 1px #ffffff1c,0 6px 16px #453b4c20}nav button i{width:20px;height:20px}.undo-toast{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);bottom:calc(max(12px,env(safe-area-inset-bottom)) + 78px)!important;background:linear-gradient(135deg,#665970f2,#79687ef2)!important;border-radius:19px!important;width:min(410px,100% - 34px)!important;padding:11px 12px 11px 16px!important}.undo-toast b{font-size:11px}.undo-toast small{font-size:8px!important}.undo-toast button{font-size:10px;border-radius:11px!important;padding:8px 14px!important}.preview-overlay{padding:max(12px,env(safe-area-inset-top)) 12px max(12px,env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#62576ac9}.preview-overlay>section{background:linear-gradient(155deg,#fff8f2,#f5e8ef 55%,#e5eeec);border:1px solid #fff;border-radius:30px;width:min(430px,100%);padding:19px;box-shadow:0 28px 76px #3c32455f}.preview-close{color:#746777;background:#ffffffc9;border:1px solid #fff;border-radius:50%;width:39px;height:39px;font-size:23px;top:15px;right:15px}.preview-overlay>section>small{color:#a5677a;font-size:9px;font-weight:800}.preview-overlay h2{margin:5px 48px 13px 0;font:500 22px/1.25 Georgia,Songti SC,serif}.preview-canvas{border:1px solid #fff;border-radius:23px;height:min(49vh,430px);box-shadow:0 13px 30px #68596816}.preview-reward{background:#ffffff87;border:1px solid #fff;border-radius:17px;margin-top:11px;padding:9px 11px}.preview-reward .artifact{width:46px;height:46px}.preview-reward small{font-size:8px}.preview-reward b{font-size:11px}.preview-chapter-grid{grid-template-columns:repeat(10,1fr);gap:4px;margin-top:10px}.preview-chapter-grid button{background:#eee5ecb8;border:1px solid #fff;border-radius:7px;font-size:8px}.preview-chapter-grid button.active{background:#776681;box-shadow:0 5px 12px #5f506820}.preview-overlay footer{margin-top:10px}.preview-overlay footer button{background:#766580;border-radius:12px;padding:10px;font-size:10px}.update-log-layer,.shop-layer{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#62576ac9}.update-log-shell,.shop-shell{background:linear-gradient(155deg,#fff8f2,#f5e8ef 55%,#e5eeec);border:1px solid #fff;border-radius:30px;box-shadow:0 28px 76px #3c32455f}.update-log-shell>header{padding:20px 19px 13px}.update-log-shell>header h2{margin-top:5px;font-size:22px}.update-log-shell>header button,.shop-shell>header button{color:#746777;background:#ffffffc9;width:39px;height:39px;font-size:22px}.update-log-scroll{padding:3px 16px 18px}.update-log-scroll article{border-radius:19px;padding:15px}.update-log-scroll h3{margin:9px 0 7px;font-size:15px}.update-log-scroll li{margin:6px 0;font-size:10px}.update-log-shell>footer{padding:11px 16px calc(13px + env(safe-area-inset-bottom))}.update-log-shell>footer button{padding:11px;font-size:10px}.shop-shell{padding:19px}.shop-shell>header h2{font:500 22px/1.25 Georgia,Songti SC,serif}.shop-balance{margin:12px 0}.gift-grid{gap:8px}.gift-grid article{background:#ffffff91;border-radius:18px;padding:12px 8px}.gift-preview{border:1px solid #fff;width:66px;height:66px}.gift-grid button{margin-top:7px;padding:8px}.gift-grid h3{margin-top:6px}@media (width<=390px){nav{min-height:70px}.preview-overlay>section{padding:16px}.preview-canvas{height:43vh}.preview-chapter-grid{grid-template-columns:repeat(10,1fr)}.update-log-layer,.shop-layer{padding-left:12px;padding-right:12px}.update-log-shell>header{padding-left:17px}.shop-shell{padding:16px}.gift-preview{width:60px;height:60px}}:root{--ink:#5b5362;--muted:#8f838e;--rose:#a96579;--plum:#71627d;--mint:#9ccbc6;--blush:#ecc8c8;--lilac:#d8cfe3}html,body{background-color:#fbf2ed}body{background:radial-gradient(circle at 12% 4%,#fff9f2 0 8%,#0000 28%),radial-gradient(circle at 92% 30%,#e7ddea78 0 12%,#0000 34%),linear-gradient(155deg,#fff6ec 0%,#faecef 46%,#e9f0ed 100%)}main{gap:14px}header{margin-bottom:10px}.journey,.quick,.panel{box-shadow:0 13px 34px #695b6812}.quick,.panel{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.panel>small,.quick small{letter-spacing:.1em}.panel>h2,.progress-panel>h2,.collection-panel>h2,.settings-panel>h2{letter-spacing:-.025em;font-family:Songti SC,STSong,Georgia,serif;font-size:21px;font-weight:500;line-height:1.32}.analysis-panel>h1{letter-spacing:-.04em;margin:10px 0 3px;font-family:Songti SC,STSong,Georgia,serif;font-size:38px;font-weight:500;line-height:1.15}.analysis-panel>p:not(.analysis-note){font-size:10px}.panel,.analysis-panel,.settings-panel{background:linear-gradient(150deg,#fffaf5e8 0%,#f8eaefdf 54%,#e8f0eddf 100%)}.metric-grid div,.records,.route-rewards,.sync-box,.artifact-grid article,.cup-box,.reminder-box{box-shadow:0 8px 22px #7566790d}.choices button,.metric-grid div,.records,.route-rewards,.artifact-grid article,.cup-box,.reminder-box,.sync-box{border-color:#fffefb}.analysis-note{background:linear-gradient(135deg,#f7e7cf,#f5ddd9)}.progress-summary{background:linear-gradient(145deg,#fff9f5d9,#efe5eed6 52%,#e3eeebd8)}.progress-ring{filter:drop-shadow(0 9px 18px #846d7816)}.water-light-bank{background:linear-gradient(135deg,#f7e1e4,#e1deed 52%,#dcece8)}.collection-panel .artifact-grid article{background:linear-gradient(145deg,#fffaf6d9,#f0e5ebd8)}.settings-panel .sync-code{background:linear-gradient(135deg,#f3e5eb,#e7e6ef)}.drink,.journey-drink,.update-log-shell>footer button,.shop-shell button,.sync-buttons button{background:linear-gradient(135deg,#75627f,#535078)}nav{background:linear-gradient(135deg,#6c6077f5,#7f7084f5)}nav button.active{background:linear-gradient(145deg,#91829a,#a18e9d)}@media (width<=390px){main{gap:12px}.panel>h2,.progress-panel>h2,.collection-panel>h2,.settings-panel>h2{font-size:20px}.analysis-panel>h1{font-size:34px}.panel,.analysis-panel,.settings-panel{padding-top:19px}.analysis-switch{margin-bottom:15px}.quick{margin-top:11px}}.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}.water-light-bank{text-align:left;background:linear-gradient(135deg,#fff9,#eee2ed);border:1px solid #fff;border-radius:21px;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;width:100%;margin-top:13px;padding:14px;display:grid}.water-light-bank p{margin:0}.water-light-bank small,.water-light-bank strong{display:block}.water-light-bank strong{margin-top:3px;font-size:20px}.water-light-bank em{color:#8a7d89;font-size:9px;font-style:normal}.water-light-gem{background:linear-gradient(145deg,#8dd6cd,#b6afd3);border-radius:17px;place-items:center;width:48px;height:48px;display:grid;box-shadow:inset 0 0 0 2px #fff8}.water-light-gem i{border:2px solid #fff;border-radius:50%;width:24px;height:13px;transform:rotate(-28deg);box-shadow:0 0 12px #fff}.shop-layer{z-index:85;padding:max(18px,env(safe-area-inset-top)) 18px max(18px,env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#62576acc;place-items:center;display:grid;position:fixed;inset:0}.shop-shell{background:linear-gradient(155deg,#fff7f1,#f5e6ee 52%,#e3eeeb);border:1px solid #fff;border-radius:30px;width:min(440px,100%);max-height:calc(100dvh - 40px);padding:22px;overflow:auto;box-shadow:0 28px 80px #392f4366}.shop-shell>header{align-items:flex-start;height:auto;margin:0;display:flex}.shop-shell>header small{color:#aa6a7b;font-size:9px}.shop-shell>header h2{margin:6px 0 0;font-size:24px}.shop-shell>header button{background:#fff;border:0;border-radius:50%;width:42px;height:42px;font-size:24px}.shop-balance{background:#ffffff9c;border-radius:15px;margin:15px 0;padding:12px 15px;font-size:11px}.shop-balance b{color:#77627f;font-size:19px}.gift-grid{grid-template-columns:1fr 1fr;gap:9px;display:grid}.gift-grid article{text-align:center;background:#ffffff8f;border:1px solid #fff;border-radius:20px;padding:14px 9px}.gift-grid h3{margin:8px 0 3px;font-size:12px}.gift-grid small{color:#8d808a;font-size:8px}.gift-grid button{color:#fff;background:#7c6a86;border:0;border-radius:11px;width:100%;margin-top:9px;padding:9px;font-size:9px;font-weight:800}.gift-grid button.equipped{background:#a98996}.gift-grid button:disabled{opacity:.35}.gift-preview,.equipped-sigil{background:linear-gradient(145deg,#f3d9e5,#d8d7ea);border-radius:18px;place-items:center;margin:auto;display:grid;position:relative}.gift-preview{width:72px;height:72px}.gift-preview i,.gift-preview b,.equipped-sigil i,.equipped-sigil b{position:absolute}.gift-wreath i{border:7px dotted #9976b2;border-radius:50%;width:43px;height:20px}.gift-wreath b{border:2px solid #c8a7d4;border-radius:50%;width:49px;height:22px}.gift-moon i{background:#eed6aa;border-radius:50%;width:34px;height:34px;box-shadow:inset -10px 0 #d9c9e8}.gift-moon b{background:#aa8cbc;width:43px;height:3px;bottom:18px}.gift-crown i,.gift-royal i{clip-path:polygon(0 25%,25% 55%,50% 0,75% 55%,100% 25%,88% 100%,12% 100%);background:linear-gradient(#f7dda2,#caa46b);width:43px;height:34px}.gift-crown b,.gift-royal b{background:#fff4de;border-radius:5px;width:42px;height:7px;bottom:16px}.gift-cape i{clip-path:polygon(25% 0,100% 16%,76% 100%,0 82%);background:#b45e78;width:30px;height:48px}.gift-cape b,.gift-royal b{background:#ffe3a5;border-radius:50%;width:8px;height:8px;box-shadow:14px 11px #ffe3a5,-10px 17px #ffe3a5}.equipped-sigil{z-index:7;pointer-events:none;width:45px;height:45px;position:absolute;bottom:74px;left:14px}.equipped-sigil i,.equipped-sigil b{transform:scale(.68)}.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}}