.home{background:#bfe3f4}.home-title{text-align:center;position:absolute;top:70px;left:0;right:0}.title-crayon{font-family:var(--story);letter-spacing:6px;font-size:118px;font-weight:900;line-height:1.1}.title-crayon span{-webkit-text-stroke:3px var(--ink);paint-order:stroke fill;text-shadow:0 7px 0 var(--ink);animation:.7s cubic-bezier(.3,1.6,.5,1) both letterIn,3.2s ease-in-out .8s infinite letterBob;display:inline-block}.title-crayon span:nth-child(odd){animation-delay:inherit}@keyframes letterIn{0%{opacity:0;transform:translateY(-80px)scale(.3)rotate(-20deg)}}@keyframes letterBob{50%{transform:translateY(-8px)rotate(2deg)}}.home-sub{color:#4a4038;margin-top:14px;font-size:34px;font-weight:700}.home-ask{text-align:center;font-family:var(--story);font-size:44px;font-weight:700;position:absolute;top:372px;left:0;right:0}.home-cards{gap:54px;display:flex;position:absolute;top:452px;left:50%;transform:translate(-50%)}.home-card{background:linear-gradient(var(--card) 0 58%, var(--paper) 58%);border:5px solid var(--ink);width:420px;height:420px;box-shadow:0 12px 0 var(--ink);border-radius:34px;flex-direction:column;align-items:center;padding:18px 26px 24px;transition:transform .2s cubic-bezier(.3,1.6,.5,1),box-shadow .2s;animation:.6s cubic-bezier(.3,1.4,.5,1) both popIn;display:flex;position:relative}.home-card:nth-child(2){animation-delay:.1s}.home-card:nth-child(3){animation-delay:.2s}.home-card:hover{box-shadow:0 20px 0 var(--ink);transform:translateY(-10px)rotate(-1deg)}.home-card:active{box-shadow:0 4px 0 var(--ink);transform:translateY(6px)}.home-card.is-last:after{content:"";pointer-events:none;border:4px dashed #2f2b288c;border-radius:44px;position:absolute;inset:-16px}.home-card-art{justify-content:center;align-items:center;height:214px;display:flex}.home-card-title{font-family:var(--story);margin-top:16px;font-size:48px;font-weight:900}.home-card-desc{color:#5b5047;margin-top:8px;font-size:25px}.intro{background:#a8d8f0;overflow:hidden}.intro [filter]{filter:none}.intro-actor{will-change:transform, opacity;transform-origin:50%;pointer-events:none;filter:drop-shadow(0 18px 12px #283c5040);position:absolute;top:0;left:0}.intro-fog{opacity:0;will-change:opacity;pointer-events:none;background:radial-gradient(circle at 20% 30%,#fff 0 18%,#0000 30%),radial-gradient(circle at 70% 60%,#fff 0 22%,#0000 36%),radial-gradient(circle at 45% 80%,#fff 0 16%,#0000 30%),radial-gradient(circle at 85% 20%,#fff 0 16%,#0000 28%),#ffffff8c;position:absolute;inset:-10%}.intro-fade{background:var(--cream);opacity:0;will-change:opacity;pointer-events:none;position:absolute;inset:0}.cover-scene{perspective:3000px;background:radial-gradient(at 50% 60%,#e9c592,#b9854f 75%)}.bigbook{transform-origin:50%;width:1620px;height:900px;transition:transform 1s cubic-bezier(.5,0,.2,1);position:absolute;top:110px;left:150px}.bigbook.phase-closed{transform:scale(.62)}.bigbook.phase-opening,.bigbook.phase-open{transform:none}.bigbook-inside{background:var(--paper);border:5px solid var(--ink);box-shadow:0 6px 0 #efe6d2, 0 10px 0 var(--ink), 0 16px 0 #efe6d2, 0 20px 0 var(--ink), 0 26px 0 #efe6d2, 0 30px 0 var(--ink), 0 50px 50px #3c230a59;border-radius:18px;grid-template-columns:590px 1fr;gap:40px;padding:56px 50px 40px;display:grid;position:absolute;inset:0}.bigbook-inside>:not(.bigbook-spine){opacity:0;transition:opacity .35s}.phase-closed .bigbook-inside>:not(.bigbook-spine){visibility:hidden}.phase-open .bigbook-inside>:not(.bigbook-spine){opacity:1}.bigbook-spine{background:var(--dark);border:5px solid var(--ink);border-radius:18px 18px 0 0;height:30px;position:absolute;top:-5px;left:-5px;right:-5px}.bigbook-cover{transform-origin:50% 0;transform-style:preserve-3d;cursor:pointer;z-index:5;transition:transform 1.05s cubic-bezier(.55,0,.3,1);position:absolute;inset:0}.phase-opening .bigbook-cover{transform:perspective(3000px)rotateX(178deg)}.phase-open .bigbook-cover{display:none}.bigbook-cover-front,.bigbook-cover-back{border:5px solid var(--ink);backface-visibility:hidden;border-radius:18px;position:absolute;inset:0}.bigbook-cover-front{background:var(--base);border-top:34px solid var(--dark)}.book-front{grid-template-rows:minmax(0,1fr) 3%;grid-template-columns:58% 36%;gap:8% 6%;width:100%;height:100%;padding:5%;display:grid;container-type:inline-size}.book-front-art{background:var(--paper) center / cover no-repeat;border:max(2px, .4cqw) solid var(--ink);border-radius:1cqw;width:100%;height:100%}.book-front-label{background:var(--paper);border:max(2px, .4cqw) solid var(--ink);text-align:center;border-radius:1.5cqw;align-self:center;padding:10% 2%}.book-front-title{font-family:var(--story);color:var(--dark);white-space:nowrap;font-size:7.8cqw;font-weight:900;line-height:1.2}.book-front-en{color:#6c6156;margin-top:2%;font-size:2.8cqw;font-weight:700}.book-front-progress{border:max(1px, .25cqw) solid var(--ink);background:#e6edda;border-radius:99px;grid-column:1/-1;height:100%;overflow:hidden}.book-front-progress i{background:var(--dark);height:100%;display:block}.bigbook-cover-back{background:repeating-linear-gradient(45deg, var(--base) 0 18px, var(--dark) 18px 36px);opacity:.9;transform:rotateX(180deg)}.cover-intro{flex-direction:column;min-width:0;padding-top:10px;display:flex}.cover-title{font-family:var(--story);color:var(--dark);font-size:86px;font-weight:900;line-height:1.1}.cover-sub{color:#6c6156;margin-top:6px;font-size:30px;font-weight:700}.cover-text{font-family:var(--story);max-height:260px;margin-top:26px;font-size:32px;line-height:1.6;overflow:auto}.cover-progress{align-items:center;gap:18px;margin-top:auto;font-size:26px;font-weight:700;display:flex}.cover-progress-bar{border:3.5px solid var(--ink);background:#efe6d2;border-radius:99px;flex:1;height:24px;overflow:hidden}.cover-progress-bar i{background:var(--base);border-right:3px solid var(--ink);height:100%;transition:width .6s;display:block}.cover-actions{flex-wrap:wrap;gap:18px;margin-top:26px;display:flex}.cover-reading-cta{display:inline-flex;position:relative}.action-guided{will-change:transform;animation:3.6s ease-in-out infinite readingInvite}.cover-reading-cta.is-guided:before{content:"";pointer-events:none;border-radius:999px;animation:3.6s ease-in-out infinite readingGlow;position:absolute;inset:0;box-shadow:0 0 0 9px #e8ae3650}.action-guided:hover,.action-guided:active{animation-play-state:paused}.cover-reading-sparkles{pointer-events:none;color:#ce922c;position:absolute;inset:-12px}.cover-reading-sparkles .icon{animation:2.8s ease-in-out infinite readingSparkle;position:absolute}.cover-reading-sparkles .icon:first-child{top:2px;left:-10px}.cover-reading-sparkles .icon:nth-child(2){animation-delay:.3s;top:-8px;right:-6px}.cover-reading-sparkles .icon:nth-child(3){animation-delay:.6s;bottom:-6px;right:4px}@keyframes readingInvite{0%,to{transform:translate(0,0)}50%{transform:translateY(-3px)}}@keyframes readingGlow{0%,to{opacity:.2}50%{opacity:.7}}@keyframes readingSparkle{0%,70%,to{opacity:.25;transform:scale(.65)rotate(-12deg)}35%{opacity:1;transform:scale(1.1)rotate(10deg)}}.chapter-legend{color:#645a4b;border-top:2px dashed #c5bba7;flex-wrap:wrap;gap:14px 24px;margin-top:20px;padding:16px 8px;font-size:22px;display:flex}.chapter-legend span{align-items:center;gap:6px;display:inline-flex}.bigbook-cover:focus-visible{outline:5px dashed var(--dark);outline-offset:8px}.interaction-guide{border:3px solid var(--ink);width:max-content;max-width:calc(100% - 60px);box-shadow:0 5px 0 var(--ink);pointer-events:none;background:#fff2c9;border-radius:24px;align-items:center;gap:12px;padding:14px 24px;font-size:28px;display:flex;position:absolute;top:20px;left:50%;transform:translate(-50%)}.hotspot-guide{z-index:5;background:#fff2c9e6;border:5px solid #a96b11;border-radius:50%;justify-content:center;align-items:center;width:88px;height:88px;display:flex;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 9px #ffd35c80}.hotspot-guide span{color:#51360f;white-space:nowrap;background:#fff2c9;border:2px solid #a96b11;border-radius:99px;padding:5px 16px;font-size:24px;position:absolute;top:calc(100% + 12px)}.hotspot-guide:focus-visible{outline:5px dashed var(--ink);outline-offset:12px}.hotspot-guide:active{background:var(--sun)}.cover-chapters{flex-direction:column;min-width:0;min-height:0;display:flex}.cover-chapters-title{font-family:var(--story);margin-bottom:14px;font-size:38px;font-weight:700}.cover-grid{grid-template-columns:repeat(4,1fr);gap:18px 20px;padding:16px 16px 18px;display:grid;overflow:auto}.chapter{text-align:left;border-radius:12px;flex-direction:column;gap:14px;min-width:0;display:flex}.chapter:hover:not(.is-locked) .chapter-thumb{box-shadow:0 5px 0 var(--ink), 0 0 0 5px var(--base)}.chapter:focus-visible{outline:3px dashed var(--ink);outline-offset:6px}.chapter:active:not(.is-locked) .chapter-thumb{box-shadow:0 3px 0 var(--ink);transform:translateY(2px)}.chapter-thumb{aspect-ratio:16/9;border:3.5px solid var(--ink);width:100%;box-shadow:0 5px 0 var(--ink);background:#fff 50%/cover no-repeat;border-radius:12px;flex:none;transition:box-shadow .18s,transform .12s;position:relative}.chapter.is-locked .chapter-thumb{filter:grayscale();opacity:.55}.chapter.is-next .chapter-thumb{outline:4px solid var(--base);outline-offset:2px}.chapter-n{background:var(--base);color:#fff;border:3px solid var(--ink);border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:22px;font-weight:800;display:flex;position:absolute;top:-10px;left:-8px}.chapter-badge{border:3px solid var(--ink);background:var(--paper);border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;display:flex;position:absolute;bottom:-8px;right:-8px}.chapter-badge.done{background:#9ee07e}.chapter-badge.lock{width:56px;height:56px;bottom:50%;right:50%;transform:translate(50%,50%)}.chapter-badge.draw{background:var(--sun)}.chapter-title{padding:0 4px;font-size:22px;font-weight:700;line-height:1.25}.chapter.is-locked .chapter-title{color:#655f54}.chapter.is-locked .chapter-n{background:#817767}.cover-scene[lang=en] .cover-text{font-family:var(--ui);font-size:30px;line-height:1.45}@media (prefers-reduced-motion:reduce){.action-guided,.cover-reading-cta.is-guided:before,.cover-reading-sparkles .icon{animation:none}.action-guided{will-change:auto}.bigbook,.bigbook-cover,.bigbook-inside>:not(.bigbook-spine){transition:none}}.reader-table{background:radial-gradient(at 50% 45%,#fff0d259,#0000 70%),repeating-linear-gradient(88deg,#0000 0 60px,#78502812 60px 63px),linear-gradient(#d8a770,#c28f58);position:absolute;inset:0}.reader-top{gap:14px;height:104px;padding:0 24px}.reader-title{background:var(--paper);border:4px solid var(--ink);min-width:0;max-width:690px;box-shadow:0 5px 0 var(--ink);white-space:nowrap;border-radius:16px;flex:0 auto;align-items:baseline;gap:10px;padding:6px 22px;font-size:24px;font-weight:700;display:flex;overflow:hidden}.reader-title b{font-family:var(--story);color:var(--dark);font-size:32px}.reader-page-title{min-width:0;font-family:var(--story);text-overflow:ellipsis;font-size:28px;overflow:hidden}.reader-title>:not(.reader-page-title){flex:none}.page-dots{background:#fdfaf299;border-radius:99px;flex:none;gap:5px;padding:6px 8px;display:flex}.page-dot{border:3px solid var(--ink);background:var(--paper);border-radius:50%;width:34px;height:34px;font-size:16px;font-weight:800;line-height:1;transition:transform .15s}.page-dot.is-done{background:var(--base);color:#fff}.page-dot.is-locked{opacity:.4;border-style:dashed}.page-dot.is-here{background:var(--sun);color:var(--ink);box-shadow:0 3px 0 var(--ink);transform:scale(1.3)}.stepper{background:#fdfaf2bf;border:3px solid #2f2b284d;border-radius:20px;flex:none;align-items:flex-start;padding:6px 14px 4px;display:flex}.step{opacity:.45;flex-direction:column;align-items:center;gap:2px;width:84px;transition:opacity .3s;display:flex;position:relative}.step-line{background:var(--ink);opacity:.35;border-radius:2px;width:44px;height:4px;position:absolute;top:20px;right:62px}.step-dot{border:3px solid var(--ink);background:var(--paper);border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;transition:transform .3s,background .3s;display:flex;position:relative}.step-label{white-space:nowrap;font-size:17px;font-weight:700}.step.is-past{opacity:.85}.step.is-past .step-dot{background:#9ee07e}.step.is-now{opacity:1}.step.is-now .step-dot{background:var(--sun);animation:1.4s ease-in-out infinite pulse;transform:scale(1.15)}.board{background:var(--paper);border:5px solid var(--ink);box-shadow:0 6px 0 #efe6d2, 0 10px 0 var(--ink), 0 16px 0 #efe6d2, 0 20px 0 var(--ink), 0 40px 40px #3c230a59;border-radius:18px;position:absolute}.board-edge{background:var(--dark);border:4px solid var(--ink);border-bottom:0;border-radius:12px 12px 0 0;height:18px;position:absolute;top:-18px;left:30px;right:30px}.board-inner{border-radius:13px;position:absolute;inset:0;overflow:hidden}.page-canvas{touch-action:none;width:100%;height:100%;display:block;position:absolute;inset:0}.page-canvas.is-drawing{cursor:crosshair}.page-canvas.tool-fill{cursor:cell}.page-loading{color:#b9ab98;justify-content:center;align-items:center;font-size:80px;animation:1s ease-in-out infinite pulse;display:flex;position:absolute;inset:0}.board-veil{background:var(--paper);pointer-events:none;transition:opacity .5s;position:absolute;inset:0}.title-card{border:5px solid var(--ink);text-align:center;box-shadow:0 10px 0 var(--ink);pointer-events:none;background:#fdfaf2ed;border-radius:30px;padding:30px 70px 34px;animation:1.7s both titleCard;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes titleCard{0%{opacity:0;transform:translate(-50%,-40%)scale(.8)}20%,75%{opacity:1;transform:translate(-50%,-50%)scale(1)}to{opacity:0;transform:translate(-50%,-56%)scale(1.03)}}.title-card-n{color:var(--dark);font-size:30px;font-weight:700}.title-card-t{font-family:var(--story);margin-top:6px;font-size:84px;font-weight:900}.title-card-en{color:#6c6156;margin-top:4px;font-size:30px}.subtitle{border:4px solid var(--ink);text-align:center;pointer-events:none;z-index:3;background:#fdfaf2eb;border-radius:24px;width:max-content;max-width:1240px;padding:14px 36px 16px;animation:.4s both subIn;position:absolute;bottom:22px;left:50%;transform:translate(-50%);box-shadow:0 6px #2f2b28cc}@keyframes subIn{0%{opacity:0;transform:translate(-50%,16px)}}.sub-zh{font-family:var(--story);font-size:40px;line-height:1.45}.sub-en{color:#5b5047;font-size:24px;line-height:1.35}.sub-zh+.sub-en{margin-top:4px}.bubble{border:4px solid var(--ink);width:max-content;max-width:460px;font-family:var(--story);text-align:center;box-shadow:0 5px 0 var(--ink);pointer-events:none;z-index:4;background:#fff;border-radius:24px;padding:12px 24px;font-size:32px;font-weight:700;animation:.4s cubic-bezier(.3,1.6,.5,1) both bubbleIn;position:absolute;transform:translate(-50%,calc(-100% - 22px))}.bubble:after{content:"";border-right:4px solid var(--ink);border-bottom:4px solid var(--ink);background:#fff;width:26px;height:26px;margin-left:-13px;position:absolute;bottom:-18px;left:50%;transform:rotate(45deg)}@keyframes bubbleIn{0%{opacity:0;transform:translate(-50%,calc(-100% - 22px))scale(.4)}}.cover-reading-hint{pointer-events:none;z-index:4;animation:.36s ease-out both readingBubbleIn;position:absolute;bottom:calc(100% + 90px);left:0}.bubble.cover-reading-bubble{text-align:left;will-change:transform;align-items:center;gap:12px;max-width:530px;padding:18px 24px;line-height:1.4;animation:3.6s ease-in-out .36s infinite readingBubbleFloat;display:flex;position:relative;transform:translate(0,0)}.cover-reading-bubble:after{left:90px}.cover-reading-bubble>.icon{color:var(--dark);flex-shrink:0}.cover-scene[lang=en] .cover-reading-bubble{font-family:var(--ui);font-size:28px}@keyframes readingBubbleIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translate(0,0)}}@keyframes readingBubbleFloat{0%,to{transform:translate(0,0)}50%{transform:translateY(-3px)}}@media (prefers-reduced-motion:reduce){.cover-reading-hint,.bubble.cover-reading-bubble{will-change:auto;animation:none}}.draw-prompt{background:var(--sun);border:4px solid var(--ink);max-width:1300px;font-family:var(--story);box-shadow:0 5px 0 var(--ink);pointer-events:none;z-index:3;border-radius:999px;align-items:center;gap:12px;padding:10px 30px 10px 18px;font-size:34px;font-weight:700;animation:.6s cubic-bezier(.3,1.5,.5,1) both promptIn;display:flex;position:absolute;top:18px;left:50%;transform:translate(-50%)}@keyframes promptIn{0%{opacity:0;transform:translate(-50%,-30px)scale(.8)}60%{opacity:1;transform:translate(-50%)rotate(-2deg)}80%{transform:translate(-50%)rotate(2deg)}}.alive-banner{color:#fff;border:5px solid var(--ink);font-family:var(--story);text-shadow:0 3px #00000059;box-shadow:0 8px 0 var(--ink);white-space:nowrap;pointer-events:none;z-index:4;background:linear-gradient(90deg,#f2a33a,#e0574f,#9b6bd6,#5d9cc4);border-radius:999px;align-items:center;gap:16px;padding:10px 40px;font-size:64px;font-weight:900;animation:.7s cubic-bezier(.3,1.6,.5,1) both bannerIn;display:flex;position:absolute;top:40px;left:50%;transform:translate(-50%)}.alive-banner .icon{color:#fff3a0;animation:3s linear infinite spin}@keyframes bannerIn{0%{transform:translate(-50%)scale(0)rotate(-10deg)}}.complete-card{border:5px solid var(--ink);text-align:center;width:460px;box-shadow:0 10px 0 var(--ink);z-index:5;background:#fdfaf2f5;border-radius:30px;padding:26px 30px 30px;animation:.6s cubic-bezier(.3,1.3,.5,1) both cardIn;position:absolute;top:50%;right:34px;transform:translateY(-50%)}@keyframes cardIn{0%{transform:translate(120%,-50%)}}.complete-card.is-book{background:linear-gradient(#fff6d6,#fdfaf2)}.complete-stars{color:#f7b82e;filter:drop-shadow(0 3px #2f2b2880);justify-content:center;align-items:flex-end;gap:8px;display:flex}.complete-stars span{animation:.5s cubic-bezier(.3,1.6,.5,1) both popIn}.complete-title{font-family:var(--story);color:var(--dark);margin-top:10px;font-size:50px;font-weight:900}.complete-sub{color:var(--green);margin-top:4px;font-size:24px;font-weight:700}.complete-actions{flex-wrap:wrap;justify-content:center;gap:14px;margin-top:20px;display:flex}.complete-actions .btn{min-height:58px;padding:6px 22px 6px 16px;font-size:24px}.complete-actions .btn-primary{width:100%;min-height:70px;font-size:30px}.collection-dialog.clear-page-dialog{color:#304329;width:820px;max-width:calc(100% - 64px);font-family:var(--story);background:#fffaf0;border:3px solid #304329;border-radius:30px;padding:46px 44px 42px;box-shadow:0 7px #304329,0 22px 60px #182b2440}.clear-page-dialog h2{margin:0 48px 14px 0;font-size:34px;line-height:1.4}.clear-page-dialog p{color:#696650;margin:0;font-size:23px;line-height:1.7}.clear-page-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin-top:32px;display:grid}.clear-page-actions .btn{border:4px solid var(--clear-button-edge);background:var(--clear-button-fill);width:100%;min-height:76px;color:var(--clear-button-text);font:700 30px/1.3 var(--story);box-shadow:0 7px 0 var(--clear-button-edge), inset 0 3px 0 #ffffff70;border-radius:999px;padding:12px 18px;transition:transform .14s,box-shadow .14s,background-color .14s}.clear-page-keep{--clear-button-edge:#304b28;--clear-button-fill:#d8edb0;--clear-button-text:#294222;--clear-button-hover:#e4f3c6}.clear-page-reset{--clear-button-edge:#304b28;--clear-button-fill:#fff0d8;--clear-button-text:#7b4b24;--clear-button-hover:#ffe3b7}.clear-page-actions .btn:not(:disabled):hover{background:var(--clear-button-hover);box-shadow:0 9px 0 var(--clear-button-edge), inset 0 3px 0 #ffffff70;transform:translateY(-2px)}.clear-page-actions .btn:not(:disabled):active{box-shadow:0 2px 0 var(--clear-button-edge);transform:translateY(4px)}.clear-page-actions .btn:focus-visible,.clear-page-dialog .collection-dialog-close:focus-visible{outline-offset:6px;outline:4px solid #387d71}@media (prefers-reduced-motion:reduce){.clear-page-actions .btn{transition:none}}.page-actions{z-index:10;justify-content:center;align-items:center;gap:18px;display:flex;position:absolute;top:calc(100% + 24px);left:0;right:0}.draw-mode{background:var(--paper);border:3px solid var(--ink);border-radius:18px;padding:4px;display:flex}.draw-mode button{font:inherit;background:0 0;border:0;border-radius:12px;padding:10px 16px;font-size:22px;font-weight:700}.draw-mode button.is-on{color:#fff;background:#377447}.page-actions .btn{min-height:62px;font-size:25px}.story-sequence{font-family:var(--story);color:#514e40;pointer-events:none;z-index:4;background:linear-gradient(108deg,#fffdf5f5,#f5f0e3f5);border:1.5px solid #77705c;border-radius:3px 12px 5px 9px/9px 4px 11px 3px;width:380px;padding:8px 18px 2px;position:absolute;top:calc(100% + 14px);left:30px;transform:rotate(-.6deg);box-shadow:2px 3px #77705c20}.story-sequence-title{align-items:center;gap:10px;font-size:21px;font-weight:500;display:flex}.story-sequence-page{opacity:.65;border-bottom:1px solid;padding:1px 3px;font-size:17px}.story-sequence-title small{white-space:nowrap;margin-left:auto;padding-left:16px;font-size:18px}.story-sequence-track{height:36px;margin-top:5px}.story-sequence-track svg{width:100%;height:100%;display:block}.story-sequence--tea{--story-guide:#817d67;--story-accent:#666f44;--story-node-fill:#c5cfaa}.story-sequence--pottery{--story-guide:#8a8273;--story-accent:#57534b;--story-node-fill:#aaa497;color:#5b5148;background:linear-gradient(108deg,#faf7eff5,#e8e2d8f5);border-color:#736b5d;box-shadow:2px 3px #736b5d20}.story-sequence--ocean{--story-guide:#819d9f;--story-accent:#4c7884;--story-node-fill:#a7c9ce;color:#486c75;background:linear-gradient(108deg,#f4f9f4f5,#eaf3eef5);border-color:#6a8586;box-shadow:2px 3px #6a858620}.story-progress-guide,.story-progress-ink{fill:none;stroke:var(--story-guide);stroke-width:1.2px;stroke-linecap:round;stroke-linejoin:round}.story-progress-guide{opacity:.35}.story-progress-ink{stroke:var(--story-accent);stroke-width:1.8px}.story-sequence--tea .story-progress-guide{opacity:.3;stroke-dasharray:2 4}.story-logo path{stroke:var(--story-guide);stroke-width:1.2px;stroke-linecap:round;stroke-linejoin:round}.story-logo-outline{fill:#faf8ef}.story-logo.is-read path{stroke:var(--story-accent)}.story-logo.is-read .story-logo-outline{fill:var(--story-node-fill)}.story-logo .story-node-detail{fill:none;stroke-width:.75px}.find-chip{background:var(--paper);border:4px solid var(--ink);height:62px;box-shadow:0 5px 0 var(--ink);border-radius:999px;align-items:center;gap:6px;padding:0 22px 0 16px;font-size:25px;font-weight:700;display:flex}.find-chip>span{margin-right:8px}.find-chip .icon:not(:first-child){color:#f7b82e}.done-btn{background:var(--paper);border:4px solid var(--ink);height:74px;box-shadow:0 6px 0 var(--ink);border-radius:999px;align-items:center;gap:8px;padding:0 30px 0 6px;font-size:30px;font-weight:800;transition:transform .12s,background .3s;display:flex}.done-btn svg{display:block}.done-btn:active{box-shadow:0 1px 0 var(--ink);transform:translateY(5px)}.done-btn.is-ready{background:#9ee07e;animation:1.3s ease-in-out infinite pulse}.turn{background:var(--paper);border:4px solid var(--ink);width:88px;height:88px;box-shadow:0 6px 0 var(--ink);z-index:12;border-radius:50%;justify-content:center;align-items:center;transition:transform .15s;display:flex;position:absolute;bottom:14px}.turn-prev{left:40px}.turn-next{right:40px}.turn-status{background:var(--paper);border:2px solid var(--ink);text-align:center;pointer-events:none;z-index:12;border-radius:12px;max-width:260px;padding:8px 14px;font-size:22px;font-weight:700;position:absolute;bottom:114px;right:24px}.turn:disabled{opacity:.35}.turn:not(:disabled):active{box-shadow:0 1px 0 var(--ink);transform:translateY(5px)}.turn.is-ready{background:var(--base);color:#fff;animation:1.2s ease-in-out infinite turnBounce}@keyframes turnBounce{50%{transform:translate(8px)scale(1.08)}}.flip{z-index:30;transform-origin:50% 0;transform-style:preserve-3d;pointer-events:none;animation-timing-function:cubic-bezier(.45,0,.25,1);animation-fill-mode:both;position:absolute;inset:-5px}.flip-up{animation-name:flipUp}.flip-down{animation-name:flipDown}@keyframes flipUp{0%{transform:perspective(2600px)rotateX(0)}to{transform:perspective(2600px)rotateX(180deg)}}@keyframes flipDown{0%{transform:perspective(2600px)rotateX(180deg)}to{transform:perspective(2600px)rotateX(0)}}.flip-front,.flip-back{border:5px solid var(--ink);backface-visibility:hidden;background:var(--paper) center / cover no-repeat;border-radius:18px;position:absolute;inset:0}.flip-front{box-shadow:inset 0 -30px 40px -30px #00000040}.flip-back{background:linear-gradient(#00000014,#0000 30%),repeating-linear-gradient(0deg,#f7f0e2 0 40px,#f3ead8 40px 42px);transform:rotateX(180deg)}@keyframes slideL{0%{transform:translate(-120%)}}@keyframes slideR{0%{transform:translate(120%)}}@keyframes sweep{0%{top:-60px}to{top:100%}}@keyframes likePop{50%{transform:scale(1.3)}}html[data-surface=app]{--ink:#2f2b28;--paper:#fdfaf2;--cream:#f3ead8;--wood:#d9a870;--wood-d:#b9854f;--sun:#ffd35c;--green:#3fae5a;--ui:"YouYuan", "Yuanti SC", "HanziPen SC", "PingFang SC", "Microsoft YaHei", sans-serif;--story:"KaiTi", "STKaiti", "Kaiti SC", "KaiTi_GB2312", serif;--collection-font:"WonderRound", "Microsoft YaHei", sans-serif}:where(.experience),:where(.experience) *{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html[data-surface=app],html[data-surface=app] body,html[data-surface=app] #root{width:100%;height:100%;color:var(--ink);font-family:var(--ui);-webkit-user-select:none;user-select:none;touch-action:manipulation;overscroll-behavior:none;background:#2b2622;margin:0;overflow:hidden}:where(.experience) button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}:where(.experience) button:disabled{cursor:default}:where(.experience) img{-webkit-user-drag:none}:where(.experience) h1,:where(.experience) h2,:where(.experience) p{margin:0}.viewport{inset:env(safe-area-inset-top,0px) env(safe-area-inset-right,0px) auto env(safe-area-inset-left,0px);height:calc(100% - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px));height:calc(100dvh - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px));background:radial-gradient(#3b332c,#1f1b18);position:fixed;overflow:hidden}.stage{transform-origin:50%;background:var(--cream);position:absolute;top:50%;left:50%;overflow:hidden}.scene{opacity:1;position:absolute;inset:0;overflow:hidden}.scene>div{position:absolute;inset:0}.scene-book-arrival{animation:none}::view-transition{pointer-events:none}::view-transition-group(*){animation-duration:.75s;animation-timing-function:cubic-bezier(.22,.68,.25,1)}::view-transition-old(root){animation-duration:.6s}::view-transition-new(root){animation-duration:.6s}::view-transition-old(book-tea){object-fit:fill;width:100%;height:100%}::view-transition-new(book-tea){object-fit:fill;width:100%;height:100%}::view-transition-old(book-pottery){object-fit:fill;width:100%;height:100%}::view-transition-new(book-pottery){object-fit:fill;width:100%;height:100%}::view-transition-old(book-ocean){object-fit:fill;width:100%;height:100%}::view-transition-new(book-ocean){object-fit:fill;width:100%;height:100%}@media (prefers-reduced-motion:reduce){::view-transition-group(*){animation-duration:.01ms}}@keyframes sceneIn{0%{opacity:0}}.abs{position:absolute;top:0;left:0}.grow{flex:1}.corner-tl{z-index:30;top:24px;left:28px;position:absolute!important}.corner-br{z-index:30;bottom:30px;right:36px;position:absolute!important}.icon{flex:none;display:block}.btn{border:4px solid var(--ink);background:var(--paper);white-space:nowrap;min-height:66px;box-shadow:0 6px 0 var(--ink);border-radius:999px;justify-content:center;align-items:center;gap:10px;padding:10px 28px 10px 22px;font-size:27px;font-weight:700;transition:transform .12s,box-shadow .12s,filter .2s;display:inline-flex;position:relative}.btn:not(:disabled):hover{box-shadow:0 8px 0 var(--ink);transform:translateY(-2px)}.btn:not(:disabled):active{box-shadow:0 1px 0 var(--ink);transform:translateY(5px)}.btn:disabled{opacity:.45;filter:grayscale(.4)}.btn-primary{background:var(--btn,#f2a33a);color:#fff;text-shadow:0 2px #00000047}.btn-primary .icon{filter:drop-shadow(0 2px #00000040)}.btn-plain{background:var(--paper)}.btn-ghost{background:#fdfaf2b3;border-style:dashed;box-shadow:0 4px #2f2b2880}.btn-ghost[style*=--btn]{color:var(--btn)}.btn-round{border-radius:50%;width:72px;height:72px;min-height:0;padding:0}.topbar{z-index:40;pointer-events:none;align-items:center;gap:18px;height:100px;padding:0 28px;display:flex;position:absolute;top:0;left:0;right:0}.topbar>*{pointer-events:auto}.topbar-title{font-family:var(--story);background:var(--paper);border:4px solid var(--ink);box-shadow:0 5px 0 var(--ink);border-radius:18px;padding:4px 28px;font-size:44px;font-weight:700;transform:rotate(-1.5deg)}.egg-count{background:var(--paper);border:4px solid var(--ink);box-shadow:0 5px 0 var(--ink);border-radius:999px;align-items:center;gap:8px;padding:8px 20px 8px 14px;font-size:28px;font-weight:700;display:flex}.tabs{gap:10px;margin-left:12px;display:flex}.tab{border:4px solid var(--ink);height:62px;box-shadow:0 4px 0 var(--ink);background:#fdfaf2d9;border-radius:999px;align-items:center;gap:8px;padding:0 24px;font-size:25px;font-weight:700;transition:transform .15s,background .2s;display:flex}.tab.is-on{background:var(--tab,var(--sun));color:var(--ink);transform:translateY(-3px)}.tab[style*=--tab].is-on{color:#fff;text-shadow:0 2px #0000004d}.toast{z-index:200;background:var(--ink);color:var(--paper);pointer-events:none;white-space:nowrap;border-radius:999px;padding:16px 36px;font-size:30px;font-weight:700;animation:2.6s both toastIn;position:absolute;bottom:120px;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #0000004d}@keyframes toastIn{0%{opacity:0;transform:translate(-50%,30px)scale(.9)}10%,85%{opacity:1;transform:translate(-50%)scale(1)}to{opacity:0;transform:translate(-50%,-10px)}}.modal-back{z-index:150;background:#281e1480;justify-content:center;align-items:center;animation:.25s both sceneIn;display:flex;position:fixed;inset:0}.modal{background:var(--paper);border:5px solid var(--ink);max-width:1600px;max-height:1020px;box-shadow:0 12px 0 var(--ink), 0 30px 80px #00000059;border-radius:30px;padding:22px 34px 30px;animation:.35s cubic-bezier(.2,1.4,.4,1) both modalIn;overflow:auto}@keyframes modalIn{0%{opacity:0;transform:scale(.85)translateY(30px)}}.modal-head{align-items:center;gap:14px;margin-bottom:18px;display:flex}.modal-head h2{font-family:var(--story);font-size:40px}.empty{color:#6c6156;flex-direction:column;align-items:center;gap:24px;padding:90px 0 40px;font-size:32px;display:flex}.local-note{text-align:center;color:#8a7e70;padding:18px 0 8px;font-size:20px}.wheel-spin{animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.gull-wing{transform-box:fill-box;transform-origin:50%;animation:.5s ease-in-out infinite alternate flap}@keyframes flap{to{transform:scaleY(.35)}}.drift{pointer-events:none;animation:28s ease-in-out infinite alternate drift;position:absolute}.drift-b{animation-duration:36s;animation-direction:alternate-reverse}@keyframes drift{to{transform:translate(160px)}}.gull-fly{pointer-events:none;animation:14s ease-in-out infinite gullFly;position:absolute}.gull-b{animation-duration:17s;animation-delay:-3s}@keyframes gullFly{0%{transform:translate(0)}25%{transform:translate(260px,-50px)}50%{transform:translate(520px,10px)}75%{transform:translate(260px,50px)}to{transform:translate(0)}}.gull-g{animation:3s ease-in-out infinite gullBob}@keyframes gullBob{50%{transform:translate(30px,-18px)}}.float-slow{animation:3.2s ease-in-out infinite floatSlow}@keyframes floatSlow{50%{transform:translateY(-16px)rotate(-3deg)}}.chug{animation:.45s ease-in-out infinite alternate chug}@keyframes chug{to{transform:translateY(-4px)}}.steam-line{animation:2.2s ease-in-out infinite steamLine}@keyframes steamLine{0%{opacity:0;transform:translateY(6px)}40%{opacity:.6}to{opacity:0;transform:translateY(-14px)}}.bob{animation:3.4s ease-in-out infinite bob}@keyframes bob{0%,to{transform:translateY(0)rotate(-2deg)}50%{transform:translateY(-9px)rotate(2deg)}}.sun-rays{transform-box:fill-box;transform-origin:50%;animation:40s linear infinite spin}.wave-a{animation:6s ease-in-out infinite alternate waveA}.wave-b{animation:8s ease-in-out infinite alternate-reverse waveA}@keyframes waveA{to{transform:translate(-60px)}}.win-glow{animation:2.8s ease-in-out infinite winGlow}@keyframes winGlow{50%{fill:#fff1b8}}.puff{transform-box:fill-box;transform-origin:50%;animation:1.8s ease-out forwards puff}@keyframes puff{0%{opacity:.95;transform:scale(.4)}to{opacity:0;transform:translate(-60px,-90px)scale(2.1)}}.sway-flower{animation:2.6s ease-in-out infinite swayFlower}@keyframes swayFlower{0%,to{transform:rotate(-7deg)}50%{transform:rotate(7deg)}}@keyframes pulse{50%{transform:scale(1.08)}}@keyframes popIn{0%{opacity:0;transform:scale(0)}70%{opacity:1;transform:scale(1.15)}to{transform:scale(1)}}@media (prefers-reduced-motion:reduce){.drift,.gull-fly,.sun-rays,.wave-a,.wave-b{animation:none}}@font-face{font-family:WonderHand;src:url(/game/fonts/wenkai/medium.woff2)format("woff2");font-weight:500;font-display:swap}.study-room-scene{z-index:1}.study-overlay{z-index:12;animation:.2s both studyOverlayIn}@keyframes studyOverlayIn{0%{opacity:0}}.study-room{color:var(--ink);touch-action:none;isolation:isolate;background:#f3ead8;font-family:WonderHand,KaiTi,serif;position:absolute;inset:0;overflow:hidden}.study-room:after{content:"";z-index:30;pointer-events:none;opacity:.09;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.7' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23aa8b50' filter='url(%23n)' opacity='.7' d='M0 0h200v200H0z'/%3E%3C/svg%3E");position:absolute;inset:0}.study-world-shell{position:absolute;inset:0;overflow:hidden}.study-sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.study-camera{transform-origin:0 0;will-change:transform;width:2800px;height:1080px;position:absolute;top:0;left:0}.study-svg{display:block;position:absolute;inset:0;overflow:visible}.study-room.is-night .study-svg{filter:brightness(.82)sepia(.18);transition:filter .8s}.study-cork-thumb{object-fit:cover;border:2.5px solid var(--ink);pointer-events:none;z-index:1;border-radius:3px;position:absolute;box-shadow:2px 3px #3c230a47}.study-prop-image{pointer-events:none;z-index:1;filter:drop-shadow(0 5px #2f2b2824);height:auto;position:absolute}.study-room[data-sprite-teapot=true] #study-teapot,.study-room[data-sprite-cup=true] #study-cup,.study-room[data-sprite-vessel=true] #study-vessel{opacity:0}.study-desk-book{cursor:pointer;transform:rotate(var(--rot));transform-origin:50% 80%;z-index:2;background:0 0;border:0;padding:0;transition:transform .18s,filter .18s;position:absolute}.study-desk-book:hover{transform:rotate(var(--rot)) translateY(-9px);filter:drop-shadow(0 8px 8px #2f2b282e)}.study-desk-book:focus-visible{outline-offset:8px;border-radius:12px;outline:4px dashed #3b6b87}.study-desk-book-pages{border:2.5px solid var(--ink);background:repeating-linear-gradient(0deg,#fffdf6 0 3px,#efe4cd 3px 5px);border-radius:8px;position:absolute;inset:7px -5px -7px 8px;transform:skewY(1.6deg)}.study-desk-book-cover{object-fit:fill;border:3.5px solid var(--ink);background:#fffdf6;border-radius:8px 10px 10px 8px;width:100%;height:100%;position:absolute;inset:0;box-shadow:3px 4px #2f2b2833}.study-desk-book-ribbon{color:#fffdf6;border:2.5px solid var(--ink);z-index:3;background:#b9a98f;border-radius:4px 4px 0 0;justify-content:center;align-items:center;min-width:30px;height:38px;padding:2px 5px;font-size:17px;font-weight:800;line-height:1;display:flex;position:absolute;top:-17px;left:50%;transform:translate(-50%)}.study-desk-book.is-started .study-desk-book-ribbon{background:var(--book-dark)}.study-desk-book.is-done .study-desk-book-ribbon{color:var(--ink);background:#e0a92b}.study-desk-book-title{border:2px solid var(--ink);text-align:center;z-index:3;background:#fdfaf2f0;border-radius:5px;padding:3px 6px;font-size:23px;font-weight:800;line-height:1.2;position:absolute;bottom:10px;left:9%;right:9%}.study-desk-book-draft{white-space:nowrap;z-index:4;background:#fff1cf;border:2px solid #b78d55;border-radius:999px;padding:1px 10px;font-size:15px;font-weight:700;position:absolute;bottom:-13px;right:-12px}.study-hotspot{cursor:pointer;z-index:1;background:0 0;border:0;border-radius:16px;padding:0;position:absolute}.study-hotspot:hover{outline-offset:5px;outline:3px dashed #2f2b2842}.study-hotspot:focus-visible{outline-offset:6px;outline:4px dashed #3b6b87}.study-tag{border:3px solid var(--ink);white-space:nowrap;pointer-events:none;background:#fffdf6;border-radius:5px;justify-content:center;align-items:center;padding:4px 17px;font-size:25px;font-weight:700;line-height:1.25;transition:opacity .2s;display:inline-flex;position:absolute;rotate:-1deg;box-shadow:2px 3px #2f2b283d}.study-tag.tag-top-left{top:20px;left:22px}.study-tag.tag-top-right{top:20px;right:22px}.study-tag.tag-top{top:16px;left:50%;transform:translate(-50%)}.study-tag.tag-bottom{bottom:16px;left:50%;transform:translate(-50%)}.study-tag.tag-bottom-right{bottom:14px;right:16px}.study-tag.tag-hover{opacity:0}.study-hotspot:hover .study-tag.tag-hover,.study-hotspot:focus-visible .study-tag.tag-hover{opacity:1}.study-room:not([data-home=true]) .study-tag{opacity:0}.study-svg .is-wobble,.study-prop-image.is-wobble{transform-box:fill-box;transform-origin:50% 92%;animation:.9s ease-in-out 2 studyWobble}.study-svg .is-turn,.study-prop-image.is-turn{transform-box:fill-box;transform-origin:50% 92%;animation:1.9s ease-in-out studyTurn}.study-jar-lid{transform-box:fill-box;transform-origin:0 100%}.is-open .study-jar-lid{animation:2.4s both studyJar}.study-svg .is-sailing{animation:2.8s ease-in-out studySail}@keyframes studySail{0%,to{translate:0;rotate:0deg}30%{translate:-80px -10px;rotate:-5deg}65%{translate:-140px 4px;rotate:4deg}}.study-svg .is-hopping{animation:3s ease-in-out studyHop}.study-svg .is-flying{animation:4.2s ease-in-out studyFly}@keyframes studyWobble{20%{rotate:-8deg}45%{rotate:6deg}70%{rotate:-3deg}}@keyframes studyJar{0%,to{translate:0;rotate:0deg}18%,75%{translate:-6px -30px;rotate:-24deg}}@keyframes studyTurn{50%{translate:0 -10px;scale:-1 1}}@keyframes studyHop{0%,to{translate:0}30%{translate:180px -45px}65%{translate:320px 35px}}@keyframes studyFly{0%,to{translate:0;rotate:0deg}20%{translate:-380px -380px;rotate:-12deg}45%{translate:-1100px -520px;rotate:12deg}65%{translate:-1150px -500px;rotate:150deg}85%{translate:-500px -260px;rotate:200deg}}.study-prop-steam,.study-prop-leaves{z-index:3;pointer-events:none;position:absolute}.study-prop-steam{width:80px;height:120px;top:550px;left:490px}.study-prop-steam i{border-left:5px solid #ffffffe6;border-radius:50%;width:20px;height:60px;animation:1.6s ease-out infinite studySteam;position:absolute;bottom:0}.study-prop-steam i:nth-child(2){animation-delay:.4s;left:26px}.study-prop-steam i:nth-child(3){animation-delay:.8s;left:52px}@keyframes studySteam{0%{opacity:0;transform:translateY(20px)scaleY(.5)}30%{opacity:1}to{opacity:0;transform:translateY(-70px)scaleY(1.2)skew(15deg)}}.study-prop-leaves{top:835px;left:454px}.study-prop-leaves i{border:2.5px solid var(--ink);background:#6fae55;border-radius:0 100%;width:26px;height:14px;animation:1.6s ease-out both studyLeaf;position:absolute}@keyframes studyLeaf{0%{opacity:0;transform:translateY(20px)}20%{opacity:1}60%{transform:translate(var(--dx), -110px) rotate(200deg)}to{transform:translate(calc(var(--dx) * 1.4), 40px) rotate(380deg);opacity:0}}@media (prefers-reduced-motion:reduce){.study-svg .is-wobble,.study-svg .is-turn,.study-svg .is-hopping,.study-svg .is-flying,.study-svg .is-sailing,.study-prop-image,.study-jar-lid{animation:none!important}.study-prop-steam,.study-prop-leaves{display:none}}.study-hud{z-index:40;pointer-events:none;animation:.35s .5s both studyHudIn;position:absolute;inset:0}@keyframes studyHudIn{0%{opacity:0}}.study-hud-left,.study-hud-right{align-items:center;gap:14px;display:flex;position:absolute;top:24px}.study-hud-left{left:28px}.study-hud-right{right:28px}.study-hud button{pointer-events:auto}.study-back{border:4px solid var(--ink);cursor:pointer;background:#fffdf6;border-radius:999px;align-items:center;gap:10px;padding:6px 22px 6px 11px;font:700 27px WonderHand,KaiTi,serif;transition:transform .12s,box-shadow .12s;display:flex;box-shadow:0 5px #9e8e70}.study-back:hover{transform:translateY(-2px);box-shadow:0 7px #9e8e70}.study-back:active{transform:translateY(3px);box-shadow:0 2px #9e8e70}.study-brand-tag{border:3px solid var(--ink);background:#fffdf6;border-radius:6px;padding:6px 22px;font:800 27px WonderHand,KaiTi,serif;rotate:-1.2deg;box-shadow:2px 4px #2f2b2838}.study-count{color:#5c4a2f;cursor:pointer;background:#fff1cf;border:3px solid #b78d55;border-radius:999px;align-items:center;gap:7px;padding:6px 16px;font:700 23px WonderHand,KaiTi,serif;display:inline-flex;box-shadow:0 3px #d2c6af}.study-scan-entry{pointer-events:auto;min-height:64px;position:absolute;bottom:30px;right:36px;padding:6px 26px!important;font-size:28px!important}.study-quick-start{pointer-events:auto;min-height:64px;position:absolute;bottom:30px;left:36px;padding:6px 24px!important;font-size:28px!important}.study-reading-glow{z-index:1;pointer-events:none;background:radial-gradient(#ffe28a94,#ffe28a00 70%);border-radius:50%;animation:3.4s ease-in-out infinite studyReadingGlow;position:absolute}@keyframes studyReadingGlow{50%{opacity:.82}}.study-map{z-index:41;pointer-events:none;flex-direction:row;align-items:center;gap:6px;display:flex;position:absolute;bottom:14px;left:50%;transform:translate(-50%)}.study-map-toggle{pointer-events:auto;font:700 14px var(--ui);color:#7b6a55;cursor:pointer;background:#fdfaf2eb;border:2px solid #b78d55;border-radius:999px;order:2;padding:3px 11px}.study-map-zones{border:3px solid var(--ink);pointer-events:auto;background:#fffdf6;border-radius:999px;order:1;gap:3px;padding:5px;display:flex;box-shadow:0 4px #cbbfa8}.study-map-zones button{font:700 17px var(--ui);color:#6c6156;cursor:pointer;background:0 0;border:0;border-radius:999px;padding:3px 13px;position:relative}.study-map-zones button.is-here{color:var(--ink);background:#ffd35c}.study-map-zones button.is-here:after{content:"";background:#d7483b;border-radius:50%;width:7px;height:7px;margin-left:-3.5px;position:absolute;bottom:-7px;left:50%}.study-ripple{z-index:35;pointer-events:none;border:3px solid #3b6b87;border-radius:50%;width:28px;height:28px;margin:-14px 0 0 -14px;animation:.65s ease-out forwards studyRipple;position:absolute}@keyframes studyRipple{0%{opacity:.9;transform:scale(.35)}to{opacity:0;transform:scale(2.8)}}.study-focus-shade{z-index:15;pointer-events:none;background:radial-gradient(at 50% 48%,#0000 0 26%,#2f2b2838 78%);animation:.25s both studyShadeIn;position:absolute;inset:0}@keyframes studyShadeIn{0%{opacity:0}}.study-room[data-portrait=true] .study-focus-shade{background:radial-gradient(at 50% 46%,#0000 0 22%,#2f2b2833 70%)}.study-panel{border:5px solid var(--ink);width:1460px;max-height:838px;box-shadow:0 8px 0 #e0d3bb, 0 12px 0 var(--ink), 0 18px 30px #3c230a3d;z-index:20;touch-action:pan-y;background:#fdfaf2;border-radius:26px;flex-direction:column;animation:.24s cubic-bezier(.2,.9,.3,1) both studyPanelIn;display:flex;position:absolute;top:116px;left:50%;overflow:hidden;transform:translate(-50%)}.study-book-panel{width:1560px}@keyframes studyPanelIn{0%{opacity:0;transform:translate(-50%,26px)}to{opacity:1;transform:translate(-50%)}}.study-panel-head{background:linear-gradient(#fffdf6,#fbf4e5);border-bottom:3px dashed #cbbfa8;flex:none;align-items:center;gap:16px;padding:14px 26px 13px;display:flex}.study-panel-icon{border:3.5px solid var(--ink);background:var(--sun);border-radius:50%;flex:none;place-items:center;width:60px;height:60px;display:grid;box-shadow:0 4px #d9a870}.study-panel-title small{font:700 16px var(--ui);letter-spacing:2px;color:#8a765d;display:block}.study-panel-title h1{margin:0;font:800 37px/1.12 WonderHand,KaiTi,serif}.study-panel-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.study-panel-body{flex:1;min-height:0;padding:18px 28px 22px;overflow:auto}.study-panel button:focus-visible,.study-hud button:focus-visible,.study-publish input:focus-visible{outline-offset:4px;outline:4px dashed #3b6b87}.study-panel-body::-webkit-scrollbar{width:10px}.study-panel-body::-webkit-scrollbar-thumb{background:#c9b795;border:2px solid #fdfaf2;border-radius:8px}.study-panel-body::-webkit-scrollbar-track{background:0 0}.study-tabs{gap:10px;display:flex}.study-chip-row{flex-wrap:wrap;align-items:center;gap:9px;display:flex}.study-chip{font:700 20px var(--ui);color:var(--ink);cursor:pointer;background:#fffdf6;border:3px solid #6c6156;border-radius:999px;padding:6px 17px;transition:transform .12s,background .15s,box-shadow .12s;box-shadow:0 3px #cbbfa8}.study-chip:hover{transform:translateY(-1px)}.study-chip.is-on{background:var(--chip,#ffd35c);border-color:var(--ink);transform:translateY(-2px);box-shadow:0 4px #9e8e70}.study-chip[style*=--chip].is-on{background:color-mix(in srgb, var(--chip) 42%, #fffdf6)}.study-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin:2px 0 12px;display:flex}.study-note{font:600 18px var(--ui);color:#7b6a55;align-items:center;gap:8px;display:flex}.study-loading{text-align:center;font:700 24px var(--ui);color:#7b6a55;padding:40px 0}.study-error{color:#a13d32;font:700 19px var(--ui)}.study-link{color:#6c6156;font:700 18px var(--ui);text-underline-offset:4px;cursor:pointer;background:0 0;border:0;align-items:center;gap:5px;padding:3px 4px;text-decoration:underline;display:inline-flex}.study-link:hover{color:var(--ink)}.study-empty{text-align:center;color:#6c6156;flex-direction:column;align-items:center;gap:14px;padding:30px 20px;display:flex}.study-empty img{object-fit:contain;width:150px;max-height:170px}.study-empty h2{color:var(--ink);font:800 32px WonderHand,KaiTi,serif}.study-empty p{max-width:760px;font:600 20px var(--ui);line-height:1.55}.study-empty-actions{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.study-pager{font:700 21px var(--ui);color:#6c6156;justify-content:center;align-items:center;gap:16px;margin-top:9px;display:flex}.study-pager-arrow{border:3.5px solid var(--ink);cursor:pointer;background:#fffdf6;border-radius:50%;place-items:center;width:54px;height:54px;display:grid;box-shadow:0 4px #cbbfa8}.study-pager-arrow:disabled{opacity:.3;cursor:default}.study-pager-dot{width:36px;height:36px;font:700 17px var(--ui);cursor:pointer;background:#fffdf6;border:2.5px solid #8a765d;border-radius:50%}.study-pager-dot.is-on{border-color:var(--ink);background:#ffd35c}.study-book-shelf{flex-direction:column;gap:13px;display:flex}.study-shelf-row{background:#fff9e9;border:3px solid #c2ab84;border-radius:18px;grid-template-columns:176px minmax(0,1fr) 232px;align-items:center;gap:20px;padding:12px 16px;display:grid;box-shadow:2px 3px #2f2b281a}.study-shelf-cover{border:3px solid var(--ink);background:var(--book);cursor:pointer;border-radius:8px;width:176px;height:132px;padding:0;position:relative;overflow:hidden;box-shadow:3px 4px #2f2b2833}.study-shelf-cover img{object-fit:cover;width:100%;height:100%;display:block}.study-shelf-star{border:2.5px solid var(--ink);background:#fffdf6;border-radius:50%;place-items:center;width:38px;height:38px;display:grid;position:absolute;bottom:5px;right:5px}.study-shelf-copy{min-width:0}.study-shelf-copy h2{font:800 31px WonderHand,KaiTi,serif}.study-shelf-copy p{font:600 17px var(--ui);color:#6c6156;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:2px 0 8px;line-height:1.45;display:-webkit-box;overflow:hidden}.study-shelf-progress{align-items:center;gap:10px;display:flex}.study-shelf-progress>span{border:2px solid var(--ink);background:#e6edda;border-radius:999px;flex:1;height:14px;overflow:hidden}.study-shelf-progress i{background:var(--book);height:100%;display:block}.study-shelf-progress small,.study-shelf-status{font:600 17px var(--ui);color:#6c6156}.study-shelf-status{align-items:center;gap:5px;margin-top:6px;display:inline-flex}.study-shelf-actions{flex-direction:column;align-items:stretch;gap:7px;display:flex}.study-shelf-actions .btn{min-height:52px;font-size:22px}.study-shelf-actions .study-link{justify-content:center;font-size:16px}.study-albums{flex-direction:column;gap:14px;display:flex}.study-album-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.study-album-card{cursor:pointer;text-align:center;background:#fff9e9;border:3px solid #c2ab84;border-radius:16px;flex-direction:column;align-items:center;gap:5px;padding:12px;transition:transform .15s,box-shadow .15s;display:flex}.study-album-card:hover{transform:translateY(-3px);box-shadow:0 5px #cbbfa8}.study-album-cover{border:2.5px solid var(--ink);background:#fffdf6;border-radius:8px;place-items:center;width:100%;height:190px;display:grid;overflow:hidden}.study-album-cover img{object-fit:contain;max-width:100%;max-height:100%}.study-album-card strong{font:800 21px var(--ui);line-height:1.3}.study-album-card small{font:600 15px var(--ui);color:#7b6a55}.study-create-row{font:600 18px var(--ui);color:#6c6156;border:2.5px dashed #bda987;border-radius:14px;flex-wrap:wrap;align-items:center;gap:10px;padding:12px 16px;display:flex}.study-gallery-stats{flex-wrap:wrap;gap:12px;margin-bottom:8px;display:flex}.study-gallery-stats>span{font:800 20px var(--ui);background:#fff9e9;border:2.5px solid #bda987;border-radius:999px;align-items:center;gap:7px;padding:5px 15px;display:inline-flex}.study-gallery-stats small{font:600 15px var(--ui);color:#7b6a55}.study-pin-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:17px 22px;padding:9px 6px 2px;display:grid}.study-pin-card{border:3px solid var(--ink);transform:rotate(var(--rot));background:#fffdf6;border-radius:8px;flex-direction:column;gap:5px;padding:12px 12px 9px;display:flex;position:relative;box-shadow:3px 5px #2f2b2833}.study-pin{z-index:2;background:#d7483b;border:2.5px solid #42362e;border-radius:50%;width:16px;height:16px;margin-left:-8px;position:absolute;top:-10px;left:50%;box-shadow:1px 2px #58372766}.study-pin-art{border:2.5px solid var(--ink);cursor:pointer;background:#f3ead8;border-radius:5px;height:140px;padding:0;position:relative;overflow:hidden}.study-pin-art img{object-fit:cover;width:100%;height:100%;display:block}.study-pin-play{color:#fffdf6;font:700 16px var(--ui);opacity:0;background:#2f2b28d1;border-radius:999px;align-items:center;gap:5px;padding:3px 11px;transition:opacity .15s;display:flex;position:absolute;bottom:8px;left:50%;transform:translate(-50%)}.study-pin-art:hover .study-pin-play,.study-pin-art:focus-visible .study-pin-play{opacity:1}.study-pin-card>strong{font:800 20px var(--ui);line-height:1.25}.study-pin-card>small{font:600 15px var(--ui);color:#7b6a55}.study-pin-foot{justify-content:space-between;align-items:center;gap:8px;margin-top:2px;display:flex}.study-pin-foot>span{font:600 14px var(--ui);color:#7b6a55}.study-like{font:700 16px var(--ui);color:#8a5a4a;cursor:pointer;background:#fff9e9;border:2px solid #d4b3a2;border-radius:999px;align-items:center;gap:4px;padding:2px 8px;display:inline-flex}.study-like.is-on{background:#ffe9ee;border-color:#e08a9b}.study-guide-note{font:600 18px var(--ui);background:#e6edda;border:2.5px solid #9db37f;border-radius:14px;align-items:center;gap:10px;margin-bottom:10px;padding:10px 16px;display:flex}.study-guide-note p{flex:1}.study-square-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.study-frame-card{border:3px solid var(--ink);background:#fff9e9;border-radius:16px;grid-template-columns:205px minmax(0,1fr);gap:14px;padding:12px;display:grid;box-shadow:2px 3px #2f2b2824}.study-frame-art{border:3px solid var(--ink);cursor:pointer;background:#f3ead8;border-radius:8px;height:148px;padding:0;position:relative;overflow:hidden}.study-frame-art img{object-fit:cover;width:100%;height:100%;display:block}.study-frame-source{border:2px solid var(--ink);font:700 13px var(--ui);background:#fdfaf2eb;border-radius:999px;align-items:center;gap:4px;padding:2px 8px;display:inline-flex;position:absolute;bottom:6px;left:6px}.study-frame-copy{flex-direction:column;gap:4px;min-width:0;display:flex}.study-frame-copy>strong{font:800 22px var(--ui);line-height:1.25}.study-frame-copy>small{font:600 15px var(--ui);color:#7b6a55;align-items:center;gap:4px;display:flex}.study-frame-author{font:600 15px var(--ui);color:#6c6156;align-items:center;gap:5px;display:flex}.study-frame-author img{object-fit:contain;width:24px;height:28px}.study-frame-actions{flex-wrap:wrap;align-items:center;gap:8px;margin-top:auto;display:flex}.study-unpublish{font:600 14px var(--ui);color:#8a5a4a;cursor:pointer;background:#fffdf6;border:2px solid #d1b7a0;border-radius:999px;padding:2px 8px}.study-unpublish.is-confirm{color:#8c382d;background:#fae3d7;border-color:#b85c4a;font-weight:800}.study-publish{background:#fff9e9;border:3px solid #bda987;border-radius:16px;flex-direction:column;gap:12px;margin-bottom:14px;padding:14px 16px;display:flex}.study-publish-head{align-items:center;gap:10px;display:flex}.study-publish-head h2{font:800 26px WonderHand,KaiTi,serif}.study-publish-picker{gap:10px;padding:2px 2px 8px;display:flex;overflow-x:auto}.study-publish-choice{font:600 14px var(--ui);text-align:left;cursor:pointer;background:#fffdf6;border:3px solid #c2ab84;border-radius:10px;flex-direction:column;flex:0 0 160px;gap:4px;padding:6px;display:flex}.study-publish-choice img{object-fit:cover;border:2px solid var(--ink);border-radius:5px;width:100%;height:88px}.study-publish-choice.is-on{border-color:var(--ink);background:#e6edda;box-shadow:0 3px #9e8e70}.study-publish-fields{grid-template-columns:1fr 1fr;gap:12px;display:grid}.study-publish-fields label{font:700 17px var(--ui);flex-direction:column;gap:4px;display:flex}.study-publish-fields input{height:44px;font:600 18px var(--ui);color:var(--ink);background:#fffdf6;border:2.5px solid #8a765d;border-radius:10px;padding:4px 12px}.study-publish .btn{align-self:flex-start}.study-journal{grid-template-columns:348px minmax(0,1fr);gap:20px;display:grid}.study-journal-side{flex-direction:column;gap:14px;display:flex}.study-continue{border:3px solid var(--ink);background:#fff9e9;border-radius:16px;padding:14px;box-shadow:3px 5px #2f2b2829}.study-continue>small{font:700 14px var(--ui);letter-spacing:1.5px;color:#8a765d}.study-continue-art{border:2.5px solid var(--ink);background:var(--book);border-radius:8px;height:150px;margin:8px 0;position:relative;overflow:hidden}.study-continue-art img{object-fit:cover;width:100%;height:100%}.study-continue-art>span{border:2px solid var(--ink);font:800 15px var(--ui);background:#fdfaf2f0;border-radius:999px;padding:2px 9px;position:absolute;bottom:6px;right:6px}.study-continue h2{font:800 28px WonderHand,KaiTi,serif}.study-continue p{font:600 17px var(--ui);color:#6c6156;margin:1px 0 9px}.study-continue .btn{min-height:50px;font-size:21px}.study-book-progress{border:2.5px dashed #bda987;border-radius:14px;padding:12px 14px}.study-book-progress h2{font:800 20px var(--ui);margin-bottom:6px}.study-progress-row{cursor:pointer;text-align:left;background:0 0;border:0;border-radius:10px;align-items:center;gap:9px;width:100%;padding:6px 4px;display:flex}.study-progress-row:hover{background:#f7eedb}.study-progress-cover{border:2px solid var(--ink);border-radius:4px;flex:none;width:48px;height:36px;overflow:hidden}.study-progress-cover img{object-fit:cover;width:100%;height:100%}.study-progress-copy{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.study-progress-copy strong{font:700 17px var(--ui)}.study-progress-bar{background:#e6edda;border:1.5px solid #8a765d;border-radius:999px;height:9px;overflow:hidden}.study-progress-bar i{height:100%;display:block}.study-progress-copy small{font:600 13px var(--ui);color:#7b6a55}.study-journal-main{flex-direction:column;min-width:0;display:flex}.study-journal-head{justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:6px;display:flex}.study-journal-head h2{font:800 27px WonderHand,KaiTi,serif}.study-journal-head span{font:600 16px var(--ui);color:#8a765d}.study-timeline{flex-direction:column;gap:7px;margin:0;padding:0;list-style:none;display:flex}.study-event-day{font:800 16px var(--ui);color:#8a765d;letter-spacing:1px;margin:4px 0 2px}.study-event-card{cursor:pointer;text-align:left;background:#fffdf6;border:2.5px solid #d3c3a5;border-radius:12px;align-items:center;gap:10px;width:100%;padding:7px 10px;transition:border-color .15s,transform .15s;display:flex}.study-event-card:hover{border-color:#8a765d;transform:translate(2px)}.study-event-icon{background:#f7eedb;border:2px solid #8a765d;border-radius:50%;flex:none;place-items:center;width:34px;height:34px;display:grid}.study-event-card img{object-fit:cover;border:2px solid var(--ink);border-radius:5px;flex:none;width:72px;height:45px}.study-event-copy{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.study-event-copy strong{font:700 17px var(--ui)}.study-event-copy small{font:600 14px var(--ui);color:#8a765d}.study-event-copy>span{font:600 14px var(--ui);color:#6c6156;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.study-event-time{font:600 14px var(--ui);color:#8a765d}.study-sticker-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;padding:4px 2px 6px;display:grid}.study-sticker{cursor:pointer;background:#fffdf6;border:3px solid #c2ab84;border-radius:14px;flex-direction:column;align-items:center;gap:4px;padding:10px 6px 8px;transition:transform .15s,box-shadow .15s;display:flex}.study-sticker:hover{transform:translateY(-3px);box-shadow:0 5px #cbbfa8}.study-sticker.theme-tea{background:#f3f8ed}.study-sticker.theme-pottery{background:#f7f2fa}.study-sticker.theme-ocean{background:#eef7fb}.study-sticker-image{place-items:center;width:100%;height:116px;display:grid;position:relative}.study-sticker-image img{object-fit:contain;max-width:100%;max-height:100%}.study-sticker-lock{border:2px solid var(--ink);background:#fffdf6;border-radius:50%;place-items:center;width:32px;height:32px;display:grid;position:absolute;bottom:2%;right:6%}.study-sticker.is-locked .study-sticker-image img{filter:grayscale(.8);opacity:.5}.study-sticker strong{font:700 16px var(--ui);text-align:center;line-height:1.2}.study-sticker small{font:600 13px var(--ui);color:#7b6a55}.study-sticker.is-collected{border-color:#8a765d;box-shadow:inset 0 0 0 2px #fffdf6}.study-sticker-blank{min-height:170px}.study-sticker-grid+.study-empty{margin-top:6px}.study-window-copy{font:600 21px var(--ui);color:#6c6156;margin:0 0 14px;line-height:1.55}.study-planet-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.study-planet-card{border:3px solid var(--ink);text-align:center;background:#fff9e9;border-radius:18px;flex-direction:column;align-items:center;gap:7px;padding:14px;display:flex}.study-planet-art{border:3px solid var(--ink);cursor:pointer;background:#f3ead8;border-radius:12px;width:100%;height:200px;padding:0;position:relative;overflow:hidden}.study-planet-art img{object-fit:cover;z-index:1;width:100%;height:100%;position:relative}.study-planet-glow{background:radial-gradient(circle,#ffe38f8c,#0000 68%);border-radius:50%;animation:3.2s ease-in-out infinite studyGlow;position:absolute;inset:10%}@keyframes studyGlow{50%{opacity:.65;transform:scale(1.12)}}.study-planet-card h2{font:800 28px WonderHand,KaiTi,serif}.study-planet-card p{min-height:44px;font:600 16px var(--ui);color:#6c6156;line-height:1.4}.study-planet-card .btn{min-height:48px;font-size:20px}.study-book-layout{grid-template-columns:430px minmax(0,1fr);align-items:start;gap:26px;display:grid}.study-cover-stage{perspective:1600px;height:345px;position:relative}.study-cover-page{border:4px solid var(--ink);background:#fffaf0;border-radius:12px;flex-direction:column;gap:12px;padding:18px;display:flex;position:absolute;inset:0;box-shadow:inset 0 0 0 10px #f3ead8}.study-cover-page img{object-fit:cover;border:2.5px solid var(--ink);background:#fff;border-radius:6px;width:100%;height:100%}.study-book-main{flex-direction:column;gap:13px;min-width:0;display:flex}.study-book-heading h2{font:900 44px/1.15 WonderHand,KaiTi,serif}.study-book-heading>span{font:700 19px var(--ui);letter-spacing:2px;color:#8a765d;margin-top:1px;display:block}.study-book-heading p{font:600 19px var(--ui);color:#4f473c;margin-top:9px;line-height:1.6}.study-book-progressbar{align-items:center;gap:10px;display:flex}.study-book-progressbar>span{border:2.5px solid var(--ink);background:#e6edda;border-radius:999px;flex:1;height:15px;overflow:hidden}.study-book-progressbar i{background:var(--dark);height:100%;display:block}.study-book-progressbar small{font:700 16px var(--ui);color:#6c6156;white-space:nowrap}.study-book-actions{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.study-book-actions>span{font:600 16px var(--ui);color:#7b6a55}.study-chapters{min-height:0}.study-chapters-title{align-items:center;gap:8px;margin-bottom:8px;font:800 23px WonderHand,KaiTi,serif;display:flex}.study-chapters-title>span{font:600 15px var(--ui);color:#8a765d;margin-left:4px}.study-chapter-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px 18px;padding:4px 4px 8px;display:grid}.study-chapter-grid .chapter{gap:6px}.study-chapter-grid .chapter-thumb{box-shadow:0 3px 0 var(--ink);border-width:3px;border-radius:8px}.study-chapter-grid .chapter-n{border-width:2.5px;width:32px;height:32px;font-size:17px;top:-7px;left:-6px}.study-chapter-grid .chapter-badge{border-width:2.5px;width:32px;height:32px;bottom:-6px;right:-6px}.study-chapter-grid .chapter-title{padding:0 2px;font-size:15px;line-height:1.2}.experience .album-scene{background:var(--cream);color:var(--ink);font-family:var(--ui)}.study-album-finish{width:1320px}.study-album-finish-layout{grid-template-columns:310px minmax(0,1fr);align-items:start;gap:24px;display:grid}.study-album-finish-cover{border:3px solid var(--ink);transform-origin:50%;background:#fff9e9;border-radius:12px;flex-direction:column;gap:7px;padding:12px;display:flex;position:relative;box-shadow:4px 6px #2f2b2833}.study-album-finish-cover>img{aspect-ratio:16/9;object-fit:cover;border:2.5px solid var(--ink);background:#fffdf6;border-radius:6px;width:100%}.study-album-finish-cover>span{font:700 17px var(--ui);color:#6c6156;text-align:center}.study-album-cover-wait{aspect-ratio:16/9;color:#bda987;border:2.5px dashed #bda987;border-radius:6px;place-items:center;display:grid}.study-album-finish.is-flying .study-album-finish-cover{animation:.9s cubic-bezier(.4,0,.2,1) both studyAlbumFly}@keyframes studyAlbumFly{0%{opacity:1;transform:none}45%{opacity:1;transform:translate(-60px,-18px)rotate(-7deg)scale(1.08)}to{opacity:0;transform:translate(-420px,-180px)rotate(-18deg)scale(.18)}}.study-album-finish-copy{flex-direction:column;gap:11px;min-width:0;display:flex}.study-album-finish-copy h2{font:900 36px/1.2 WonderHand,KaiTi,serif}.study-album-finish-copy>p{font:600 18px var(--ui);color:#6c6156;line-height:1.55}.study-album-name{font:700 17px var(--ui);flex-direction:column;gap:5px;display:flex}.study-album-name input{height:46px;font:600 20px var(--ui);color:var(--ink);background:#fffdf6;border:3px solid #8a765d;border-radius:11px;padding:4px 14px}.study-album-preparing{font:600 16px var(--ui);color:#7b6a55;align-items:center;gap:10px;display:flex}.study-album-preparing progress{accent-color:#71964d;flex:1;height:16px}.study-album-summary{font:600 16px var(--ui)!important;color:#5f594e!important}.study-album-actions{flex-wrap:wrap;align-items:center;gap:10px;margin-top:2px;display:flex}.study-album-actions .btn{min-height:50px;font-size:21px}.study-album-flying{font:800 20px var(--ui);color:#4f7a43;align-items:center;gap:8px;display:inline-flex}.study-album-strip{border-top:3px dashed #cbbfa8;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin-top:18px;padding-top:14px;display:grid}.study-album-strip figure{flex-direction:column;gap:4px;margin:0;display:flex}.study-album-strip img{aspect-ratio:16/9;object-fit:cover;border:2px solid var(--ink);background:#fffdf6;border-radius:5px;width:100%}.study-album-strip figcaption{font:600 12px var(--ui);color:#7b6a55;line-height:1.25}.study-transfer{z-index:45;pointer-events:none;position:absolute;inset:0;overflow:hidden}.study-transfer-paper{object-fit:cover;border:4px solid var(--ink);background:#fffdf6;border-radius:8px;width:420px;max-height:260px;animation:.9s cubic-bezier(.4,0,.2,1) both studyPaperFly;position:absolute;top:64%;left:50%;box-shadow:0 10px #2f2b282e,0 20px 45px #2f2b2840}@keyframes studyPaperFly{0%{opacity:0;transform:translate(-50%,44px)rotate(7deg)scale(1.16)}18%{opacity:1}55%{opacity:1;transform:translate(-50%, calc(var(--stage-h,1080px) * -.05)) rotate(-2deg) scale(.62)}to{opacity:0;transform:translate(-50%, calc(var(--stage-h,1080px) * -.14)) rotate(0) scale(.12)}}.study-transfer-glow{background:radial-gradient(circle,#ffe28aa8,#0000 70%);border-radius:50%;width:190px;height:190px;margin:-95px 0 0 -95px;animation:.9s both studyTransferGlow;position:absolute;top:52%;left:50%}@keyframes studyTransferGlow{0%,45%{opacity:0;transform:scale(.6)}75%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.45)}}.study-transfer p{color:#6c6156;white-space:nowrap;background:#fdfaf2eb;border:2px solid #b78d55;border-radius:999px;padding:6px 20px;font:700 22px WonderHand,KaiTi,serif;position:absolute;bottom:13%;left:50%;transform:translate(-50%)}.study-desk-book.is-receiving{z-index:3;animation:.9s studyBookReceive}@keyframes studyBookReceive{35%{transform:rotate(var(--rot)) translateY(-15px) scale(1.05);filter:drop-shadow(0 0 24px #ffe28a)}70%{transform:rotate(var(--rot)) translateY(-5px) scale(1.01)}}.study-shelf-panel,.study-gallery-panel{width:1820px;max-height:900px;top:84px}.study-shelf-panel .study-panel-title h1,.study-gallery-panel .study-panel-title h1{font-size:46px}.study-shelf-panel .study-panel-body,.study-gallery-panel .study-panel-body{padding:20px 34px 24px}.study-shelf-lead{border-bottom:3px dashed #cbbfa8;justify-content:space-between;align-items:flex-end;gap:20px;margin:0 2px 16px;padding-bottom:12px;display:flex}.study-shelf-lead small{font:700 15px var(--ui);letter-spacing:2px;color:#8a765d;display:block}.study-shelf-lead h2{margin:2px 0 0;font:800 36px WonderHand,KaiTi,serif}.study-shelf-lead p{max-width:620px;font:600 18px var(--ui);color:#6c6156;text-align:right}.study-shelf-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;display:grid}.study-shelf-card{background:#fff9e9;border:3px solid #c2ab84;border-radius:20px;flex-direction:column;gap:7px;padding:16px;display:flex;box-shadow:3px 5px #2f2b2829}.study-shelf-card-cover{aspect-ratio:4/3;border:3.5px solid var(--ink);cursor:pointer;background:#fffdf6;border-radius:12px;width:100%;max-height:340px;padding:0;transition:transform .16s,box-shadow .16s;position:relative;overflow:hidden;box-shadow:4px 6px #2f2b2833}.study-shelf-card-cover:hover{transform:translateY(-4px);box-shadow:4px 9px #2f2b283d}.study-shelf-card-cover img{object-fit:cover;width:100%;height:100%;display:block}.study-shelf-card-bookmark{font:700 16px var(--ui);color:#5c4a2f;background:#fff1cf;border:2px solid #b78d55;border-radius:999px;padding:3px 12px;position:absolute;bottom:10px;left:10px}.study-shelf-card h2{margin-top:3px;font:800 32px WonderHand,KaiTi,serif}.study-shelf-card-intro{-webkit-line-clamp:2;min-height:2.9em;font:600 17px var(--ui);color:#6c6156;-webkit-box-orient:vertical;line-height:1.45;display:-webkit-box;overflow:hidden}.study-shelf-card .study-shelf-progress{margin-top:2px}.study-shelf-card-actions{flex-direction:column;gap:5px;margin-top:auto;display:flex}.study-shelf-card-actions .btn{min-height:52px;font-size:22px}.study-shelf-card-actions .study-link{justify-content:center;font-size:16px}.study-shelf-panel .study-album-cover{height:220px}.study-shelf-panel .study-album-card strong{font-size:23px}.study-gallery-panel .study-pin-grid{gap:20px 24px}.study-gallery-panel .study-pin-art{height:165px}.study-gallery-panel .study-pin-card>strong{font-size:22px}.study-gallery-panel .study-gallery-stats{gap:14px;margin-bottom:10px}.study-gallery-panel .study-pin-play{opacity:.9}.study-room[data-portrait=true] .study-shelf-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.study-room[data-portrait=true] .study-shelf-lead{flex-direction:column;align-items:flex-start;gap:4px}.study-room[data-portrait=true] .study-shelf-lead p{text-align:left}.study-room[data-portrait=true] .study-shelf-lead h2{font-size:30px}.study-room[data-portrait=true] .study-shelf-card h2{font-size:25px}.study-room[data-portrait=true] .study-shelf-card-intro{font-size:15px}.study-room[data-portrait=true] .study-shelf-card-actions .btn{min-height:46px;font-size:18px}.study-room[data-portrait=true] .study-shelf-panel .study-album-cover{height:160px}.collection-dialog-backdrop.rest-reminder-backdrop{z-index:300}.study-room[data-portrait=true] .study-panel{width:calc(100% - 64px);max-height:calc(100% - 146px);top:84px}.study-room[data-portrait=true] .study-book-panel,.study-room[data-portrait=true] .study-album-finish{width:calc(100% - 64px)}.study-room[data-portrait=true] .study-panel-head{gap:11px;padding:11px 18px 10px}.study-room[data-portrait=true] .study-panel-icon{width:50px;height:50px}.study-room[data-portrait=true] .study-panel-title h1{font-size:30px}.study-room[data-portrait=true] .study-panel-title small{letter-spacing:1px;font-size:13px}.study-room[data-portrait=true] .study-panel-actions{gap:7px}.study-room[data-portrait=true] .study-panel-actions .btn{min-height:46px;padding:4px 16px;font-size:19px}.study-room[data-portrait=true] .study-panel-body{padding:14px 18px 18px}.study-room[data-portrait=true] .study-chip{padding:5px 13px;font-size:17px}.study-room[data-portrait=true] .study-toolbar{gap:8px;margin-bottom:9px}.study-room[data-portrait=true] .study-gallery-stats{gap:8px}.study-room[data-portrait=true] .study-gallery-stats>span{padding:4px 11px;font-size:17px}.study-room[data-portrait=true] .study-pin-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.study-room[data-portrait=true] .study-pin-art{height:150px}.study-room[data-portrait=true] .study-shelf-row{grid-template-columns:150px minmax(0,1fr);gap:14px;padding:11px 13px}.study-room[data-portrait=true] .study-shelf-cover{width:150px;height:113px}.study-room[data-portrait=true] .study-shelf-copy h2{font-size:27px}.study-room[data-portrait=true] .study-shelf-actions{flex-flow:wrap;grid-column:2}.study-room[data-portrait=true] .study-shelf-actions .btn{min-height:46px;font-size:19px}.study-room[data-portrait=true] .study-album-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.study-room[data-portrait=true] .study-album-cover{height:150px}.study-room[data-portrait=true] .study-square-grid{grid-template-columns:1fr}.study-room[data-portrait=true] .study-frame-card{grid-template-columns:170px minmax(0,1fr)}.study-room[data-portrait=true] .study-frame-art{height:125px}.study-room[data-portrait=true] .study-journal{grid-template-columns:290px minmax(0,1fr);gap:14px}.study-room[data-portrait=true] .study-continue-art{height:120px}.study-room[data-portrait=true] .study-event-card img{width:62px;height:39px}.study-room[data-portrait=true] .study-event-time{display:none}.study-room[data-portrait=true] .study-sticker-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.study-room[data-portrait=true] .study-sticker-image{height:128px}.study-room[data-portrait=true] .study-planet-row{grid-template-columns:1fr;gap:14px}.study-room[data-portrait=true] .study-planet-art{height:145px}.study-room[data-portrait=true] .study-planet-card p{min-height:0}.study-room[data-portrait=true] .study-planet-card .btn{min-height:44px;font-size:19px}.study-room[data-portrait=true] .study-book-layout{grid-template-columns:320px minmax(0,1fr);gap:16px}.study-room[data-portrait=true] .study-book-heading h2{font-size:36px}.study-room[data-portrait=true] .study-book-heading p{font-size:17px}.study-room[data-portrait=true] .study-chapter-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px 10px}.study-room[data-portrait=true] .study-album-finish-layout{grid-template-columns:230px minmax(0,1fr);gap:16px}.study-room[data-portrait=true] .study-album-strip{grid-template-columns:repeat(4,minmax(0,1fr))}.study-room[data-portrait=true] .study-album-finish-copy h2{font-size:30px}.study-room[data-portrait=true] .study-album-actions .btn{min-height:46px;font-size:19px}.study-room[data-portrait=true] .study-back{padding:5px 16px 5px 9px;font-size:22px}.study-room[data-portrait=true] .study-brand-tag{padding:5px 15px;font-size:22px}.study-room[data-portrait=true] .study-count{padding:5px 12px;font-size:19px}.study-room[data-portrait=true] .study-scan-entry{min-height:54px;padding:4px 18px!important;font-size:22px!important}.study-room[data-portrait=true] .study-quick-start{min-height:54px;bottom:18px;left:18px;padding:4px 16px!important;font-size:22px!important}.study-room[data-portrait=true] .study-tag{padding:3px 12px;font-size:21px}.study-room[data-portrait=true] .study-map{gap:4px;bottom:12px}.study-room[data-portrait=true] .study-map-zones{padding:4px}.study-room[data-portrait=true] .study-map-zones button{padding:3px 10px;font-size:15px}.study-room[data-portrait=true] .study-map-toggle{padding:2px 9px;font-size:13px}.study-room[data-portrait=true] .modal.viewer{width:calc(100% - 48px)}.study-room[data-portrait=true] .viewer-frame{aspect-ratio:16/9;width:100%;height:auto}.study-room[data-portrait=true] .viewer-actions{flex-wrap:wrap}.stage[data-study-portrait=true] .quick-start-welcome{zoom:.7}@media (prefers-reduced-motion:reduce){.study-desk-book,.study-transfer-paper,.study-transfer-glow,.study-overlay,.study-panel,.study-hud,.study-tag,.study-cover-flap,.study-settings-layer .settings-page{transition:none!important;animation:none!important}.study-planet-glow{animation:none}.study-ripple{animation-duration:.01ms}}.study-panel.study-book-panel{width:1840px;max-height:calc(100% - 138px);box-shadow:none;background:0 0;border:0;border-radius:0;padding:8px 10px 24px;top:82px;overflow-y:auto}.study-book-layout{filter:drop-shadow(0 14px 12px #39281955);grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr);align-items:stretch;gap:0;padding:6px 6px 12px}.study-book-left,.study-book-main{background-color:#fff9e9;border:2px solid #b7a179;position:relative;box-shadow:0 4px #eee1c4,0 6px #b4a17d,0 10px #e6d7b7,0 13px #42553c,0 17px #31422d}.study-book-left{background-image:linear-gradient(90deg,#dbc79c26,#0000 8% 90%,#a58b5738);border-right:0;border-radius:44px 90px 8px 22px/20px 28px 8px 16px;flex-direction:column;gap:16px;padding:32px 44px 28px 40px;display:flex}.study-book-main{background-image:linear-gradient(90deg,#8b704d38,#e9dabc44 3%,#0000 8% 96%,#dcc8a033);border-left-color:#ad946a;border-radius:90px 44px 22px 8px/28px 20px 16px 8px;min-width:0;padding:42px 32px 26px 42px}.study-book-heading h1{color:var(--dark);font:900 64px/1.2 WonderHand,KaiTi,serif}.study-book-heading>span{letter-spacing:1px;margin-top:7px;font-size:27px}.study-book-left .study-cover-stage{flex-shrink:0;height:350px;margin:2px 0}.study-book-left .study-cover-page{box-shadow:none;background:0 0;border:0;border-radius:0;align-items:center;padding:0}.study-book-left .study-cover-page img{object-fit:contain;background:0 0;border:0;border-radius:3px;width:auto;max-width:100%;height:100%;box-shadow:2px 4px 8px #5f4b2726}.study-book-intro{color:#65543f;margin:0;font:500 26px/1.55 WonderHand,KaiTi,serif}.study-book-left .study-book-actions{text-align:left;flex-direction:row;align-items:center;gap:20px}.study-book-actions .btn{border-color:var(--dark);min-height:66px;padding:8px 26px;font-size:29px}.study-book-actions .btn-primary{box-shadow:0 5px 0 var(--dark)}.study-book-actions .btn-ghost{background:#fffdf6;border-style:dashed}.study-book-progressbar{margin-top:auto}.study-book-progressbar small{font-size:20px}.study-book-resume-hint{font:500 19px var(--ui);color:#7b6a55;margin:0}.study-chapters-title{color:var(--dark);border-bottom:2px dashed #d5c6a6;margin-bottom:30px;padding-bottom:16px;font-size:40px}.study-chapter-grid .chapter{gap:12px;min-width:0}.study-chapter-grid .chapter-title{overflow-wrap:anywhere;min-height:68px;font-size:24px;line-height:1.4}.study-chapter-grid .chapter-badge.lock{width:32px;height:32px}.study-chapter-grid .chapter-thumb{background-color:#fffdf6}.study-room[data-portrait=true] .study-book-layout{filter:none;grid-template-columns:1fr;gap:22px}.study-room[data-portrait=true] .study-book-left{border-right:2px solid #b7a179;border-radius:24px;padding:26px 36px}.study-room[data-portrait=true] .study-book-main{background-image:none;border-radius:24px;padding:30px 36px}.study-room[data-portrait=true] .study-book-left .study-cover-stage{height:340px}.study-room[data-portrait=true] .study-chapter-grid .chapter-title{min-height:70px;font-size:25px}.stage[data-study-portrait=true] .settings-page-back{background:#f6ead0}.stage[data-study-portrait=true] .settings-page .modal-head{left:5%;right:5%}.stage[data-study-portrait=true] .settings-sidebar{width:90%;display:flex;top:110px;left:5%}.stage[data-study-portrait=true] .settings-sidebar button{flex:1;font-size:26px}.stage[data-study-portrait=true] .settings-reading-card{display:none}.stage[data-study-portrait=true] .settings-page .settings-content{inset:230px 5% 4%}.study-panel.study-book-panel{animation:.25s ease-out both studyBookReveal}.study-book-layout{perspective:2400px}.study-book-left{transform-origin:100%}.study-book-main{transform-origin:0}.study-book-panel:not(.is-returning) .study-book-left{animation:1.1s cubic-bezier(.2,.65,.25,1) both studyBookUnfoldLeft}.study-book-panel:not(.is-returning) .study-book-main{animation:1.1s cubic-bezier(.2,.65,.25,1) both studyBookUnfoldRight}.study-book-left:after{content:"";border-radius:inherit;pointer-events:none;opacity:0;background:linear-gradient(90deg,#59401b05,#59401b80);position:absolute;inset:0}.study-book-panel:not(.is-returning) .study-book-left:after{animation:1.1s ease-out both studyBookFoldShade}.study-panel.study-book-panel.is-returning{animation:none}@keyframes studyBookReveal{0%{opacity:0}to{opacity:1}}@keyframes studyBookUnfoldLeft{0%{transform:rotateY(76deg)}to{transform:rotateY(0)}}@keyframes studyBookUnfoldRight{0%{transform:rotateY(-28deg)}to{transform:rotateY(0)}}@keyframes studyBookFoldShade{0%{opacity:1}to{opacity:0}}.study-room[data-portrait=true] .study-book-left,.study-room[data-portrait=true] .study-book-main{transform-origin:50% 0}.study-room[data-portrait=true] .study-book-panel:not(.is-returning) .study-book-left,.study-room[data-portrait=true] .study-book-panel:not(.is-returning) .study-book-main{animation-name:studyBookUnfoldPortrait}@keyframes studyBookUnfoldPortrait{0%{transform:rotateX(-16deg)}to{transform:rotateX(0)}}@media (prefers-reduced-motion:reduce){.study-panel.study-book-panel,.study-book-panel:not(.is-returning) .study-book-left,.study-book-panel:not(.is-returning) .study-book-main,.study-book-panel:not(.is-returning) .study-book-left:after{animation:none!important}}.magic-scan{background:var(--cream,#f3ead8);color:var(--ink,#2f2b28);font-family:var(--ui,sans-serif);position:absolute;inset:0;overflow:hidden}.magic-scan>*{position:relative}.magic-scan button{cursor:pointer}.magic-scan button:not(.btn){font:inherit}.magic-scan button:disabled{opacity:.45;cursor:default}.magic-scan button:focus-visible,.magic-scan [tabindex]:focus-visible{outline-offset:5px;outline:4px solid #298f83}.magic-top{background:var(--paper,#fdfaf2);border-bottom:2px solid var(--ink,#2f2b28);align-items:center;gap:20px;height:112px;padding:20px 56px;display:flex}.magic-top strong{font-size:32px;display:block}.magic-top span{color:#6d7c85;font-size:17px}.magic-top .magic-top-note{color:#4b7063;background:#eaf2df;border-radius:30px;margin-left:auto;padding:12px 24px;font-size:21px}.magic-back{border-radius:50%;place-items:center;width:64px;height:64px;display:grid;background:#fff!important;border:1px solid #e6d8bc!important}.magic-file{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute;overflow:hidden}.magic-actions{flex-wrap:wrap;align-items:center;gap:18px;display:flex}.magic-primary,.magic-secondary,.magic-link{border-radius:40px;justify-content:center;align-items:center;gap:12px;min-height:66px;display:inline-flex;padding:15px 29px!important;font-size:25px!important;font-weight:700!important}.magic-primary{box-shadow:0 4px #e5ad3155;background:#ffd35c!important;border:2px solid #e5ad31!important}.magic-secondary{background:#fffcf4!important;border:2px solid #e4d8c1!important}.magic-link{text-underline-offset:6px;text-decoration:underline;padding:10px!important;font-size:21px!important}.magic-kicker{color:#77664d;font-size:19px}.magic-welcome{background:var(--paper,#fdfaf2);border:3px solid var(--ink,#2f2b28);text-align:center;border-radius:18px;width:1320px;margin:60px auto;padding:60px 80px 35px;box-shadow:0 5px #d8cbb5}.magic-intro>.icon{color:var(--ink,#2f2b28);margin:0 auto}.magic-intro h1{font-family:var(--story,serif);margin:22px 0;font-size:58px;line-height:1.4}.magic-intro>p{color:#655d53;max-width:1000px;margin:0 auto 34px;font-size:27px;line-height:1.7}.magic-intro .magic-actions{justify-content:center;gap:30px}.magic-intro .magic-small{margin:30px auto 0;font-size:21px}.magic-sample-options{border-top:1px solid #d8cbb5;margin-top:35px;padding-top:24px}.magic-sample-options summary{cursor:pointer;color:#655d53;width:fit-content;margin:auto;font-size:22px;display:list-item}.magic-sample-options summary:focus-visible{outline:3px solid var(--ink,#2f2b28);outline-offset:6px}.magic-samples{gap:20px;padding:25px 0 0;display:flex}.magic-samples button{text-align:left;border-radius:12px;flex:1;align-items:center;gap:16px;display:flex;background:var(--paper,#fdfaf2)!important;border:2px solid #c9bdac!important;padding:16px!important}.magic-samples img{object-fit:cover;border-radius:6px;width:105px;height:75px}.magic-samples span{font-size:23px}.magic-samples small{color:#756b5d;margin-top:8px;font-size:18px;display:block}.magic-camera{padding:28px 75px}.magic-viewfinder{background:#243d43;border-radius:24px;height:725px;position:relative;overflow:hidden}.magic-viewfinder video,.magic-viewfinder>svg{object-fit:contain;width:100%;height:100%;position:absolute;inset:0}.magic-viewfinder>svg{pointer-events:none}.magic-camera-status{color:#fff;background:#14302bd9;border-radius:30px;padding:12px 26px;font-size:22px;position:absolute;top:26px;left:50%;transform:translate(-50%)}.magic-camera-search{pointer-events:none;position:absolute;inset:0;overflow:hidden}.magic-camera-dock{justify-content:center;align-items:center;gap:40px;height:155px;display:flex}.magic-camera-hint{text-align:center;flex:1;min-width:0;max-width:950px}.magic-camera-hint p{margin:0 0 12px;font-size:27px;font-weight:700;line-height:1.5}.magic-camera-hint label{color:#617b72;justify-content:center;align-items:center;gap:10px;font-size:20px;display:flex}.magic-camera-hint input{accent-color:#2ba880;width:24px;height:24px}.magic-shutter{border-radius:50%;place-items:center;width:108px;height:108px;display:grid;box-shadow:0 3px 15px #254b3322;border:3px solid #fff!important;padding:10px!important}.magic-shutter .icon{background:#ffd35c;border-radius:50%;width:82px;height:82px;padding:18px}.magic-camera-error{background:#fdfaf2f5;flex-direction:column;justify-content:center;align-items:center;gap:25px;display:flex;position:absolute;inset:0}.magic-camera-error h2{font-size:44px}.magic-camera-error p{max-width:1100px;font-size:26px}.magic-processing{padding:45px 130px}.magic-processing-photo{background:#e3d5bd;border-radius:24px;place-items:center;height:650px;display:grid;position:relative;overflow:hidden;box-shadow:0 12px 50px #68543220}.magic-processing-photo canvas{object-fit:contain;width:100%;height:100%}.magic-sweep{pointer-events:none;background:#ffe58b;height:3px;animation:2.2s ease-in-out infinite magic-scan-sweep;position:absolute;left:0;right:0;box-shadow:0 0 22px 8px #ffd35c88}.magic-processing-copy{align-items:center;gap:35px;margin-top:30px;display:flex}.magic-processing-copy img{object-fit:contain;width:135px;height:155px}.magic-processing-copy h2{margin:12px 0;font-size:36px}.magic-processing-copy p{color:#6a7884;font-size:24px}.magic-processing-copy button{margin-left:auto}.magic-orbit{border:5px solid #ddc591;border-top-color:#d49c27;border-radius:50%;width:90px;height:90px;animation:1s linear infinite magic-spin}.magic-review{grid-template-columns:1fr 1fr;align-items:center;gap:70px;padding:65px 85px;display:grid}.magic-review-photo{background:#e4d7bd;border-radius:22px;place-items:center;height:660px;display:grid;overflow:hidden}.magic-review-photo canvas{object-fit:contain;width:100%;height:100%}.magic-review-copy h2{margin:20px 0;font-size:45px}.magic-review-copy>p{color:#687b85;font-size:23px;line-height:1.7}.magic-candidates{gap:14px;margin:25px 0;display:grid}.magic-candidates button{text-align:left;border-radius:20px;gap:22px;display:flex;background:#fffdf6!important;border:1px solid #e3d3b8!important;padding:15px!important}.magic-candidates img{object-fit:contain;width:155px;height:105px}.magic-candidates span{flex-direction:column;justify-content:center;gap:8px;display:flex}.magic-candidates small{color:#6c7c88;font-size:18px}.magic-candidates b{font-size:25px}.magic-candidates em{color:#278166;font-size:18px;font-style:normal}.magic-corners{text-align:center;padding:30px 80px}.magic-corners h2{margin:0 0 12px;font-size:36px}.magic-corners>p{color:#647784;font-size:23px}.magic-corner-photo{max-width:1350px;height:640px;max-height:650px;margin:25px auto;position:relative}.magic-corner-photo canvas,.magic-corner-photo svg{width:100%;height:100%;position:absolute;inset:0}.magic-corner-photo svg{touch-action:none;overflow:visible}.magic-corner-photo g{cursor:grab;outline-offset:6px}.magic-corners .magic-actions{justify-content:center}.magic-animation{padding:25px 100px}.magic-story-heading{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.magic-story-heading span{color:#6c7c88;font-size:21px}.magic-story-heading h2{margin-top:8px;font-size:34px}.magic-story-state{background:#e8efdd;border-radius:30px;padding:12px 24px}.magic-story-stage{background:#fffdf5;border-radius:20px;height:635px;position:relative;overflow:hidden;box-shadow:0 12px 40px #60472922}.magic-story-stage canvas{object-fit:contain;width:100%;height:100%}.magic-story-stage.is-playing{animation:.6s both magic-story-arrive}.magic-story-overlay{background:#fffdf5;flex-direction:column;justify-content:center;align-items:center;gap:25px;display:flex;position:absolute;inset:0}.magic-story-overlay p{font-size:28px}.magic-playing-tag{background:#fffdf5e8;border-radius:30px;align-items:center;gap:8px;padding:10px 20px;font-size:20px;display:flex;position:absolute;top:22px;left:24px}.magic-story-progress{background:#e5ddc9;border-radius:4px;height:5px;margin:16px 0;overflow:hidden}.magic-story-progress i{background:#dba530;height:100%;transition:width .12s linear;display:block}.magic-subtitle{text-align:center;min-height:42px;margin:18px 0 22px;font-size:27px}.magic-animation>.magic-actions{justify-content:center}.magic-error{text-align:center;padding:140px 180px}.magic-error>.icon{margin:0 auto 30px}.magic-error h2{margin-bottom:25px;font-size:46px}.magic-error p{max-width:1200px;margin:auto auto 40px;font-size:26px;line-height:1.8}.magic-error .magic-actions{justify-content:center}.home-scan-entry{z-index:5;border-radius:40px;align-items:center;gap:14px;display:flex;position:absolute;bottom:55px;right:90px;box-shadow:0 5px #c38d2933;background:#ffd35c!important;border:2px solid #e4b03e!important;padding:20px 30px!important;font-size:25px!important}@keyframes magic-scan-sweep{0%{opacity:0;transform:translateY(25px)}15%,80%{opacity:1}to{opacity:0;transform:translateY(620px)}}@keyframes magic-spin{to{transform:rotate(360deg)}}@keyframes magic-story-arrive{0%{opacity:.3;transform:translateY(12px)scale(.985)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.magic-sweep,.magic-orbit,.magic-story-stage.is-playing{animation:none}.magic-sweep{opacity:.3;top:50%}.magic-story-progress i{transition:none}}.magic-live-outline{stroke:#ffd35c;stroke-dasharray:10 5;transition:stroke .25s}.is-located .magic-live-outline{stroke-dasharray:none}.is-confirmed .magic-live-outline{stroke:#71f4c9;stroke-dasharray:none;stroke-width:4px}.magic-live-beam{will-change:transform;animation:2.4s linear infinite magic-camera-beam}.magic-camera-search-light{background:#fff1a6;height:4px;animation:2.4s ease-in-out infinite magic-search-beam;position:absolute;top:0;left:0;right:0;box-shadow:0 0 25px 8px #ffdd6460}.magic-frame-label{color:#fff;background:#183c35da;border-radius:30px;padding:12px 24px;font-size:23px;position:absolute;bottom:26px;left:50%;transform:translate(-50%)}.magic-quality{color:#2f2b28;background:#fdfaf2f2;border:2px solid #2f2b28;border-radius:14px;width:245px;padding:16px 20px;position:absolute;top:26px;right:26px}.magic-quality>span{color:#655d53;font-size:20px;display:block}.magic-quality strong{margin:7px 0;font-size:46px;display:block}.magic-quality strong small{margin-left:10px;font-size:18px}.magic-quality>small{color:#655d53;margin-top:12px;font-size:14px;display:block}.magic-quality p{margin:12px 0;font-size:16px}.magic-quality-track{background:#d8cebb;border-radius:5px;height:5px;overflow:hidden}.magic-quality-track i{background:#57916c;height:100%;transition:width .3s;display:block}.magic-capture{white-space:nowrap}@keyframes magic-camera-beam{0%{transform:translateY(0)}to{transform:translateY(var(--scan-height))}}@keyframes magic-search-beam{0%,to{opacity:.3;transform:translateY(0)}50%{opacity:1;transform:translateY(430px)}}@media (prefers-reduced-motion:reduce){.magic-live-beam,.magic-camera-search-light{animation:none}.magic-live-beam{transform:translateY(calc(var(--scan-height) * .5))}.magic-quality-track i{transition:none}}.magic-sweep{will-change:transform;top:0}@media (prefers-reduced-motion:reduce){.magic-sweep{top:50%;transform:none}}.magic-voice-toggle{white-space:nowrap;cursor:pointer;color:#426d4c;background:#eaf2df;border-radius:36px;align-items:center;gap:14px;min-height:68px;margin-left:auto;padding:12px 20px;font-size:24px;display:flex}.magic-voice-toggle input{accent-color:#426d4c;cursor:pointer;width:28px;height:28px}.magic-voice-toggle:focus-within{outline-offset:4px;outline:3px solid #298f83}.album-scene{color:#073473;font-family:var(--collection-font);background:#fffdf5 url(/game/home-planets/collection-background.webp) 50%/100% 100% no-repeat}.album-body{position:absolute;inset:126px 174px 28px 213px}.album-heading{justify-content:center;align-items:center;gap:55px;height:106px;display:flex}.album-heading h1{letter-spacing:4px;white-space:nowrap;align-items:center;gap:16px;font-size:78px;display:flex}.album-heading strong{font-size:30px}.album-heading b{color:#efa900;margin:0 9px;font-size:49px}.album-heading p{letter-spacing:1px;margin-top:3px;font-size:21px}.album-filters{justify-content:center;align-items:center;gap:25px;margin:24px 0 6px;display:flex}.collection-pills{align-items:center;gap:10px;display:flex}.collection-pills button{min-height:52px;font:700 23px var(--collection-font);color:#073473;white-space:nowrap;background:#fffefaec;border:1px solid #f0dfc5;border-radius:32px;padding:8px 25px;box-shadow:0 3px 6px #9f763812}.collection-pills button[aria-pressed=true]{color:#fff;background:#0d3975}.album-filter-divider{background:#17457a;width:2px;height:35px}.sticker-grid{grid-template-rows:repeat(2,305px);grid-template-columns:repeat(6,minmax(0,1fr));gap:16px 12px;min-height:626px;margin-top:14px;display:grid}.sticker-item{color:#073473;min-width:0;font-family:var(--collection-font);background:0 0;border:0;border-radius:20px;flex-direction:column;align-items:center;padding:0 5px 9px;transition:background .2s;display:flex}.sticker-item:hover{background:#fff9df9e}.sticker-image{width:100%;height:240px;display:block;position:relative}.sticker-image img{object-fit:contain;width:100%;height:100%;transition:transform .18s}.theme-pottery .sticker-image img{scale:1.25}.sticker-item:hover .sticker-image img{transform:translateY(-4px)}.sticker-item strong{font-size:24px;line-height:1.3}.sticker-state{color:#366576;align-items:center;gap:7px;margin-top:7px;font-size:18px;display:flex}.sticker-state.theme-tea{color:#2f7752}.sticker-state.theme-pottery{color:#87532a}.is-locked .sticker-image img{opacity:.3;filter:saturate(.4)}.sticker-lock{color:#707e8b;background:#f8f9f9;border-radius:11px;place-items:center;width:38px;height:42px;display:grid;position:absolute;bottom:15px;right:19px;box-shadow:0 1px 8px #21415c1a}.album-pagination{justify-content:center;align-items:center;gap:12px;margin-top:21px;display:flex}.album-pagination button{color:#073473;min-width:45px;min-height:45px;font:700 22px var(--collection-font);background:#fffcf6;border-radius:25px;place-items:center;padding:6px 14px;display:grid}.album-pagination button[aria-current=page]{color:#fff;background:#123d76}.album-pagination button:disabled{opacity:.35}.album-pagination>span{margin-left:16px;font-size:19px}.album-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:220px 0 100px}.album-empty img{object-fit:contain;width:200px;height:220px}.album-empty h2{margin:8px 0;font-size:32px}.album-empty p{margin-bottom:22px;font-size:21px}.collection-primary{color:#073473;min-height:55px;font:700 23px var(--collection-font);border-radius:30px;justify-content:center;align-items:center;gap:11px;padding:10px 27px;display:inline-flex;box-shadow:0 3px #dcb04c;background:#ffda57!important;border:1px solid #ebbc42!important}.collection-dialog-backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:60;background:#17304c80;place-items:center;display:grid;position:absolute;inset:0}.collection-dialog{color:#073473;width:900px;font-family:var(--collection-font);background:#fffdf5;border:1px solid #ebddc3;border-radius:30px;padding:45px;position:relative;box-shadow:0 25px 100px #142f4c55}.collection-dialog-close{border-radius:50%;place-items:center;width:43px;height:43px;display:grid;position:absolute;top:17px;right:19px;background:#fff!important;border:1px solid #ecdfc9!important}.sticker-dialog{grid-template-columns:350px 1fr;align-items:center;gap:30px;width:1000px;min-height:470px;display:grid}.sticker-dialog>img{object-fit:contain;width:350px;height:350px}.sticker-dialog.theme-pottery>img{scale:1.25}.sticker-dialog>img.is-awaiting{opacity:.55}.sticker-dialog-theme{color:#6c7c80;font-size:19px}.sticker-dialog h2{margin:14px 0 20px;font-size:42px}.sticker-dialog p{font-size:24px;line-height:1.7}.sticker-dialog-progress{color:#467b64;align-items:center;gap:9px;padding:20px 0 30px;font-size:22px;display:flex}.album-scene button:focus-visible{outline-offset:3px;outline:3px solid #377cab}@media (prefers-reduced-motion:reduce){.sticker-item,.sticker-image img{transition:none}}.planet-home .home-quick-start{z-index:6;background:var(--paper);min-width:280px;font:700 27px var(--ui);color:var(--ink);position:absolute;bottom:35px;left:70px}.quick-start-backdrop{z-index:80;background:#231f1a99;place-items:center;display:grid;position:absolute;inset:0}.quick-start-welcome{border:4px solid var(--ink);text-align:center;width:1384px;height:872px;font-family:var(--story);isolation:isolate;background:radial-gradient(#fffdf7 25%,#fff9e9 100%);border-radius:35px 29px 37px 30px/30px 34px 31px 28px;position:relative;box-shadow:0 4px #4c3925,inset 0 0 25px #ead8af88}.quick-start-welcome:before{content:"";border-radius:inherit;pointer-events:none;z-index:-1;opacity:.13;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.7' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23aa8b50' filter='url(%23n)' opacity='.7' d='M0 0h200v200H0z'/%3E%3C/svg%3E");position:absolute;inset:0}.quick-start-close{z-index:2;width:68px;height:68px;position:absolute;top:20px;right:24px;box-shadow:0 5px #d6a353}.quick-start-heading{height:230px;position:absolute;top:24px;left:90px;right:125px}.quick-start-heading>img{object-fit:contain;width:265px;height:230px;position:absolute;top:0;left:0}.quick-start-heading>div{width:680px;position:absolute;top:6px;left:305px}.quick-start-heading h1{width:max-content;font:900 98px/1.25 var(--story);letter-spacing:3px;margin:0 auto 28px;position:relative}.quick-start-heading h1:after{content:"";z-index:-1;filter:url(#rough2);background:#ffd44f;border-radius:40% 20% 35% 15%;height:15px;position:absolute;bottom:0;left:-10px;right:-8px;transform:rotate(-1deg)}.quick-start-heading h1:before{content:"";background:linear-gradient(40deg,#0000 35%,#619747 37% 63%,#0000 65%) 0 0/28px 23px no-repeat,linear-gradient(-40deg,#0000 35%,#619747 37% 63%,#0000 65%) 100% 0/28px 23px no-repeat,linear-gradient(#619747,#619747) 0 38px/25px 7px no-repeat,linear-gradient(#619747,#619747) right 38px/25px 7px no-repeat;position:absolute;inset:30px -55px 26px}.quick-start-heading p{white-space:nowrap;font:700 41px/1.35 var(--story);margin:0;position:relative}.quick-start-heading p:after{content:"";filter:url(#rough);background:linear-gradient(90deg,#83a957 0 33%,#0000 33% 41%,#83a957 41% 91%,#0000 91%);border-radius:50%;height:7px;position:absolute;bottom:-8px;left:5px;right:5px}.quick-start-preview{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;margin:0;padding:0;list-style:none;display:grid;position:absolute;top:257px;left:28px;right:28px}.quick-start-preview-title{font:700 40px var(--story);white-space:nowrap;justify-content:center;align-items:center;gap:23px;display:flex}.quick-start-preview-title b{width:61px;height:61px;font:700 43px var(--story);background:radial-gradient(circle at 40% 30%,#ffdc64,#ffc52b);border-radius:49% 51% 47% 53%;flex-shrink:0;place-items:center;display:grid}.quick-start-illustrations{grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;height:238px;display:grid;position:absolute;top:326px;left:22px;right:18px}.quick-start-illustration{position:relative;overflow:hidden}.quick-start-illustration>img{width:400%;max-width:none;height:auto;display:block;position:absolute;top:50%;transform:translateY(-50%)}.quick-start-illustrations>span{color:#669a46;font:700 44px var(--story);position:absolute;top:42%;transform:rotate(-3deg)}.quick-start-illustrations>span:first-of-type{left:23.7%}.quick-start-illustrations>span:nth-of-type(2){left:49.1%}.quick-start-illustrations>span:nth-of-type(3){left:74.5%}.quick-start-example{color:#24291b;width:max-content;font:700 30px/1.5 var(--story);margin:0 auto;padding:0 28px;position:absolute;top:575px;left:0;right:0}.quick-start-example:before{content:"";filter:url(#rough2);z-index:-1;background:#d4e4b2;border-radius:40% 25% 30% 15%;position:absolute;inset:9px -12px 0}.quick-start-welcome-actions{flex-wrap:nowrap;justify-content:center;align-items:center;gap:34px;display:flex;position:absolute;top:648px;left:0;right:0}.quick-start-welcome-actions .btn{width:456px;min-height:108px;font:700 46px var(--story);box-shadow:0 11px 0 var(--ink), inset 0 4px 0 #fff9;background:radial-gradient(#fffcf3,#fff3da);border-width:5px;padding:10px 22px}.quick-start-welcome-actions .btn-primary{box-shadow:0 11px 0 var(--ink), inset 0 5px 0 #acd57b, inset 0 -6px 0 #2f7732;color:#fffdf0;background:radial-gradient(at 50% 35%,#6dac48,#499332 80%);font-size:52px}.quick-start-welcome-actions:before,.quick-start-welcome-actions:after{content:"";background:linear-gradient(55deg,#0000 37%,#ffc52f 39% 61%,#0000 63%) 100% 0/27px 29px no-repeat,linear-gradient(15deg,#0000 35%,#ffc52f 37% 63%,#0000 65%) 0 100%/27px 14px no-repeat;width:44px;height:44px;position:absolute;top:-3px}.quick-start-welcome-actions:before{left:151px}.quick-start-welcome-actions:after{right:151px;transform:scaleX(-1)}.quick-start-note{font:400 27px var(--story);color:#39352f;margin:0;position:absolute;top:791px;left:0;right:0}.quick-start-note:before,.quick-start-note:after{content:"‹";color:#669a46;font:700 39px/25px var(--ui);vertical-align:-2px;margin:0 28px;display:inline-block}.quick-start-note:after{transform:rotate(180deg)}.quick-start-welcome[data-language=en] h1{letter-spacing:0;margin-top:15px;font-size:70px}.quick-start-welcome[data-language=en] .quick-start-heading p{font-size:30px}.quick-start-welcome[data-language=en] .quick-start-preview-title{gap:13px;font-size:29px}.quick-start-welcome[data-language=en] .quick-start-welcome-actions .btn{font-size:35px}.quick-start-backdrop{animation:.32s ease-out both quickBackdropIn}.quick-start-welcome{animation:.52s cubic-bezier(.2,.85,.25,1) both quickWelcomeIn}.quick-start-preview li{transition:transform .3s,color .3s}.quick-start-preview li.is-speaking{color:#3c762e;transform:translateY(-5px)}.quick-start-preview li.is-speaking b{box-shadow:0 0 0 7px #7ca95355}.quick-start-illustration{border-radius:15px;transition:box-shadow .3s,transform .3s,background .3s}.quick-start-illustration.is-speaking{background:#e9f0d7;transform:translateY(-5px);box-shadow:0 0 0 5px #6a9c46,0 8px #b9cb9e}.quick-start-replay{width:52px;height:52px;box-shadow:0 3px 0 var(--ink);border-width:3px;position:absolute;bottom:28px;right:56px}.quick-start-replay .icon{width:30px;height:30px}@keyframes quickBackdropIn{0%{background-color:#0000}}@keyframes quickWelcomeIn{0%{opacity:0;transform:translateY(30px)scale(.94)}to{opacity:1;transform:none}}.quick-start-reader-label{font:700 22px var(--story);white-space:nowrap;color:var(--dark);border-right:2px dashed #71845766;margin-right:12px;padding-right:18px}.reader-quick-start .board{animation:.55s ease-out both quickPageIn}.reader-quick-start .complete-title{font-size:41px}.reader-quick-start .complete-actions .btn{white-space:nowrap}.quick-start-save-error{color:#a0382e;margin-top:12px;font-size:23px}@keyframes quickPageIn{0%{opacity:0;translate:0 18px}to{opacity:1;translate:0}}.quick-start-gallery-message{background:#fffdf5;border:3px solid #769854;border-radius:22px;grid-column:1/-1;align-items:center;gap:24px;min-width:0;padding:22px 28px;display:flex}.quick-start-gallery-message>.icon{color:#4f7a43;flex-shrink:0}.quick-start-gallery-message p{flex:1;min-width:0;margin:0;font-size:27px;line-height:1.6}.quick-start-gallery-message .btn{flex:none;min-width:200px;font-size:25px}.gallery-from-guide .gallery-bright-body{padding-left:75px}.gallery-artwork.is-guide-artwork{outline-offset:4px;outline:5px solid #7fa86a}.quick-start-backdrop{align-items:start;padding-top:48px}.quick-start-welcome-subtitle{color:#fffdf2;width:1450px;font:500 30px/1.45 var(--story);text-align:center;pointer-events:none;background:#27291fe8;border-radius:18px;padding:10px 24px;position:absolute;top:calc(100% + 22px);left:50%;transform:translate(-50%)}.guide-sub-en{font:400 27px/1.35 var(--ui)}.quick-start-welcome-subtitle>div+div{margin-top:4px}.quick-start-backdrop:has([data-subtitles=zh-en]){padding-top:20px}.quick-start-welcome[data-subtitles=zh-en]{transform-origin:top;scale:.94}.quick-start-welcome[data-subtitles=zh-en] .quick-start-welcome-subtitle{font-size:27px}.quick-start-welcome[data-subtitles=zh-en] .guide-sub-en{font-size:24px}.quick-start-illustration{cursor:pointer;background:0 0;border:0;padding:0}.quick-start-illustration:focus-visible{outline-offset:5px;outline:5px solid #497c34}.quick-start-illustrations>span{pointer-events:none}.reader-quick-start .reader-title{font:700 27px/1.4 var(--story);align-items:center;max-width:950px}.reader-quick-start .reader-title b,.reader-quick-start .reader-page-title{font:inherit}.reader-quick-start .stepper{flex-shrink:0}.reader-quick-start .page-actions .btn{white-space:nowrap}.reader-quick-start .quick-start-reader-subtitle{max-width:1180px}.reader-quick-start .quick-start-reader-subtitle .sub-zh{font-size:36px}.reader-quick-start .quick-start-reader-subtitle:has(.sub-zh+.sub-en) .sub-zh{font-size:32px}.reader-quick-start .complete-card .guide-focus{transition:outline-color .2s;animation:none}.guide-focus{outline-offset:7px;outline:5px solid #e9b83e;animation:.35s ease-out guideFocusIn}.reader-quick-start .board:has([data-guide-focus=palette]) .palette{outline-offset:7px;outline:5px solid #e9b83e;animation:.35s ease-out guideFocusIn}.reader-quick-start:has([data-guide-focus=read]) [data-guide-step=narrate] .step-dot{outline-offset:7px;outline:5px solid #e9b83e;animation:.35s ease-out guideFocusIn}.reader-quick-start:has([data-guide-focus=animate]) [data-guide-step=alive] .step-dot{outline-offset:7px;outline:5px solid #e9b83e;animation:.35s ease-out guideFocusIn}.guide-target-outline{pointer-events:none;z-index:2;background:#e6bc4c12;border:4px dashed #568c3d;border-radius:24px;animation:.35s ease-out guideFocusIn;position:absolute;box-shadow:0 0 0 7px #ffe19666}@keyframes guideFocusIn{0%{opacity:.25;outline-offset:14px}to{opacity:1;outline-offset:7px}}@media (prefers-reduced-motion:reduce){.quick-start-backdrop,.quick-start-welcome,.reader-quick-start .board,.reader-quick-start .tool-panel,.reader-quick-start .palette,.reader-quick-start .alive-banner,.reader-quick-start .complete-card,.reader-quick-start .complete-stars span{animation:none}.quick-start-preview li,.quick-start-illustration{transition:none;transform:none}.guide-focus,.guide-target-outline,.reader-quick-start .palette,.reader-quick-start .step-dot{animation:none!important}}.scan-entry-welcome-backdrop{--scan-entry-ink:#293e24;--scan-entry-paper:#fffdf4;--scan-entry-green:#5d843d;--scan-entry-soft:#edf2dc;--scan-entry-soil:#a67b47;--scan-entry-gold:#ffd35c;--scan-entry-muted:#78816b;--scan-entry-shadow:#58412644;--scan-entry-wash:#fffdf4ed;--scan-entry-radius:22px;--scan-entry-font:28px;--scan-entry-small:23px;--scan-entry-large:38px;--scan-entry-title:51px;color:var(--scan-entry-ink);font-family:var(--story)}.scan-entry-welcome .btn{border-color:var(--scan-entry-ink);color:var(--scan-entry-ink);box-shadow:0 5px 0 var(--scan-entry-ink);font-family:var(--story)}.scan-entry-welcome button:focus-visible{outline:5px solid var(--scan-entry-green);outline-offset:6px}.scan-entry-primary{background:var(--scan-entry-gold)!important}.scan-entry-caption{border:4px solid var(--scan-entry-ink);border-radius:var(--scan-entry-radius);background:var(--scan-entry-wash);box-shadow:0 5px 0 var(--scan-entry-shadow);text-align:center;font-size:var(--scan-entry-large);pointer-events:none;padding:17px 30px;line-height:1.45;position:absolute;bottom:22px;left:11%;right:11%}.scan-entry-caption-en{font-family:var(--ui);font-size:var(--scan-entry-font)}.scan-entry-caption:has(p+p){font-size:var(--scan-entry-font);padding:12px 24px}.scan-entry-caption:has(p+p) .scan-entry-caption-en{font-size:var(--scan-entry-small)}.scan-entry-welcome-backdrop{background:var(--wood);z-index:15;place-items:center;display:grid;position:absolute;inset:0}.magic-scan>.scan-entry-welcome-backdrop{position:absolute;inset:0}.scan-entry-welcome{background:var(--scan-entry-paper);border:4px solid var(--scan-entry-ink);width:1500px;box-shadow:0 8px 0 var(--scan-entry-ink), 0 30px 60px var(--scan-entry-shadow);border-radius:32px;padding:42px 55px 165px;position:relative}.scan-entry-welcome-close{position:absolute;top:24px;right:24px}.scan-entry-welcome-kicker{text-align:center;color:var(--scan-entry-green);font-size:var(--scan-entry-small);letter-spacing:3px;display:block}.scan-entry-welcome h1{text-align:center;font-size:var(--scan-entry-title);margin:17px 0 30px}.scan-entry-welcome-body{grid-template-columns:1fr 1fr;align-items:center;gap:44px;display:grid}.scan-entry-welcome-copy h2{font-size:var(--scan-entry-large);margin:0 0 18px}.scan-entry-welcome-copy p{font-size:var(--scan-entry-font);line-height:1.6}.scan-entry-welcome-copy ol{gap:12px;margin:20px 0;padding:0;list-style:none;display:grid}.scan-entry-welcome-copy li{font-size:var(--scan-entry-font);align-items:center;gap:16px;display:flex}.scan-entry-welcome-copy .scan-entry-no-drawing{color:var(--scan-entry-green);font-weight:700}.scan-entry-welcome-actions{justify-content:center;gap:28px;margin-top:32px;display:flex}.scan-entry-welcome-actions .btn{font-size:var(--scan-entry-large)}.scan-entry-welcome-links{font-size:var(--scan-entry-small);justify-content:center;gap:55px;margin-top:25px;display:flex}.scan-entry-welcome-links button{text-underline-offset:5px;align-items:center;gap:8px;text-decoration:underline;display:flex}.scan-entry-welcome .scan-entry-caption{box-shadow:none;font-size:var(--scan-entry-font);border:0;bottom:18px;left:45px;right:45px}.scan-entry-welcome-audio-note{text-align:center;font-size:var(--scan-entry-small);position:absolute;bottom:-42px;left:0;right:0}.scan-guide-illustration{text-align:center}.scan-guide-illustration>img{object-fit:contain;width:100%;height:335px;display:block}.scan-guide-illustration>p{font-size:var(--scan-entry-font);margin:8px 0}.scan-guide-illustration>small{color:var(--scan-entry-muted);font-size:var(--scan-entry-small)}.scan-guide-steps>li{align-items:flex-start;gap:20px}.scan-guide-steps>li>b{border:2px solid var(--scan-entry-ink);background:var(--scan-entry-gold);border-radius:50%;flex-shrink:0;place-items:center;width:46px;height:46px;display:grid}.scan-guide-steps strong{font-size:var(--scan-entry-font)}.scan-guide-steps li p{font-size:var(--scan-entry-small);color:var(--scan-entry-muted)}.scan-guide-samples{justify-content:center;gap:22px;display:flex;position:absolute;bottom:22px;left:55px;right:55px}.scan-guide-samples button{border:2px solid var(--scan-entry-green);border-radius:var(--scan-entry-radius);background:var(--scan-entry-soft);width:31%;font-size:var(--scan-entry-small);text-align:left;align-items:center;gap:14px;padding:8px 12px;display:flex}.scan-guide-samples img{object-fit:contain;width:118px;height:72px}.scan-guide-samples small{color:var(--scan-entry-muted);margin-top:6px;display:block}.album-scene{background:var(--cream);height:100%;color:var(--ink)}.draft-save-status{z-index:10;pointer-events:none;background:#fdfaf2e8;border-radius:8px;padding:5px 12px;font-size:17px;position:absolute;top:10px;right:12px}.draft-save-status.is-error{color:#9e312b;pointer-events:auto}.draft-save-status button{font:inherit;margin-left:12px;text-decoration:underline}.album-finish-paper,.album-view-paper{background:var(--paper);border:4px solid var(--ink);border-radius:24px;padding:38px 48px;position:absolute;inset:116px 150px 68px;overflow:auto;box-shadow:0 12px #cfbc9b}.album-finish-paper header{text-align:center}.album-finish-paper header>svg{color:var(--base)}.album-finish-paper h1{margin:12px 0;font-size:42px}.album-finish-paper p{font-size:25px;line-height:1.6}.album-name{align-items:center;gap:26px;margin-top:32px;font-size:28px;display:flex}.album-name input{min-width:0;font:inherit;border:3px solid var(--ink);color:inherit;-webkit-user-select:text;user-select:text;background:#fffdf6;border-radius:12px;flex:1;padding:14px 20px}.album-preview-strip{gap:18px;padding:10px 4px 22px;display:flex;overflow:auto}.album-preview-strip figure{flex:0 0 235px;margin:0}.album-preview-strip img{aspect-ratio:16/9;object-fit:contain;border:2px solid #ab9473;border-radius:8px;width:100%}.album-preview-strip figcaption{margin-top:8px;font-size:19px}.album-actions{justify-content:center;gap:22px;margin-top:30px;display:flex}.album-preparing{text-align:center;padding:80px}.album-preparing progress{accent-color:#80a76a;width:70%;height:25px}.album-error{color:#9e312b}.album-view-paper{padding:20px 34px}.album-canvas-frame{justify-content:center;align-items:center;height:555px;display:flex;position:relative}.album-canvas-frame canvas{object-fit:contain;max-width:100%;max-height:100%}.album-canvas-frame>p{font-size:26px;position:absolute}.album-canvas-frame .album-flip{border-radius:10px;inset:0 7%}.album-canvas-frame .album-flip .flip-front,.album-canvas-frame .album-flip .flip-back{border-width:3px;border-radius:10px}.album-canvas-frame .album-flip .flip-front{background-color:#fffdf6;background-position:50%;background-size:contain}.album-page-tabs button:disabled{opacity:.6}.album-reader-actions{justify-content:center;align-items:center;gap:30px;margin:14px 0;font-size:24px;display:flex}.album-page-tabs{justify-content:center;gap:10px;padding:8px;display:flex;overflow:auto}.album-page-tabs button{border:3px solid #0000;border-radius:6px;flex:0 0 82px;position:relative;overflow:hidden}.album-page-tabs button[aria-current]{border-color:#7b9b55}.album-page-tabs img{width:100%;display:block}.album-page-tabs span{background:var(--paper);padding:2px 6px;position:absolute;bottom:0;right:0}.album-view-footer{justify-content:space-between;align-items:center;gap:14px;margin-top:14px;font-size:21px;display:flex}.album-shelf{padding:24px 38px}.album-shelf h1{font-size:38px}.album-shelf p{font-size:26px}.album-empty{text-align:center;padding:60px}.album-card-grid{grid-template-columns:repeat(3,1fr);gap:30px;display:grid}.album-card{text-align:left;border-radius:16px;box-shadow:0 6px #bca684;background:var(--paper)!important;border:3px solid var(--ink)!important;padding:16px!important}.album-card img{aspect-ratio:16/9;object-fit:contain;border-bottom:7px solid #e4d7bf;width:100%}.album-card b{margin:14px 0;font-size:25px;display:block}.album-card span{font-size:21px}.album-create-row{flex-wrap:wrap;align-items:center;gap:18px;margin-top:36px;font-size:24px;display:flex}.modal.settings.settings-page{width:100%;max-width:none;height:100%;max-height:none;box-shadow:none;color:#2d291e;background:0 0;border:0;border-radius:0;padding:0;font-family:WonderHand,serif;display:block;position:absolute;inset:0}.settings-page .modal-head{border:0;height:77px;padding:0;position:absolute;top:15px;left:12%;right:10%}.settings-page .modal-head h2{font:700 48px WonderHand,serif}.settings-sidebar{gap:12px;width:16.5%;display:grid;position:absolute;top:17%;left:14%}.settings-sidebar button{white-space:nowrap;background:#fffaf0;border:3px solid #eadcc2;border-radius:20px;justify-content:space-between;align-items:center;gap:15px;min-height:90px;padding:14px 20px;font-size:31px;display:flex}.settings-sidebar button[aria-current]{background:#ffda6c;border-color:#be8e28;box-shadow:inset 0 0 0 3px #ffebaa}.settings-page .settings-content{padding:0 8px 0 0;position:absolute;inset:14.5% 10% 6.5% 33.5%;overflow-y:auto}.settings-page .settings-content[hidden]{display:none}.settings-page .set-grid{flex-direction:column;gap:18px;display:flex}.settings-page .set-row{border-bottom:1px dashed #cfc2a4;min-height:65px;padding:8px 0;display:flex}.settings-page .set-label{width:245px;font-size:28px}.settings-page .seg{flex:1}.settings-page .seg-btn{font-family:WonderHand,serif;font-size:25px}.settings-content h1{color:#3b6333;margin:0;font:700 70px WonderHand,serif}.settings-content>p,.rest-settings>p{color:#7c715e;margin:5px 0 24px;font-size:32px}.rest-settings h2{margin:20px 0 12px;font-size:32px}.rest-intervals{gap:16px;display:flex}.rest-intervals button{background:#fff9ed;border:3px solid #302c24;border-radius:25px;flex:1;padding:13px 10px;font:700 30px WonderHand,serif;box-shadow:0 4px #ccbd9b}.rest-intervals button[aria-pressed=true]{background:#ffdc73}.rest-custom{margin-top:14px;font-size:24px;display:block}.rest-custom input{font:inherit;background:#fff9ec;border:2px solid #8a784e;width:120px;padding:6px}.rest-modes{gap:18px;display:grid}.rest-modes button{text-align:left;background:#fff9ed;border:3px solid #dfd2b9;border-radius:20px;align-items:center;gap:30px;min-height:132px;padding:15px 30px;display:flex}.rest-modes button[aria-checked=true]{background:#f6f6e5;border-color:#507341}.rest-radio{color:#507341;font-size:47px}.rest-modes strong{color:#3f6134;font-size:35px}.rest-modes p{color:#796e5c;margin-top:5px;font-size:25px}.rest-early-setting{border-top:2px dashed #d5c5a5;align-items:center;gap:20px;margin-top:25px;padding-top:22px;font-size:28px;display:flex}.rest-early-setting input{accent-color:#6c974e;width:36px;height:36px}.rest-early-setting small{color:#7b6b54;max-width:330px;margin-left:auto;font-size:25px}.rest-save-button{color:#fff9e7;min-width:360px;margin:23px auto 0;display:block;background:#7aa458!important}.rest-settings .settings-message{text-align:center;margin:14px 0;font-size:24px}.settings-storage .outer-paper-button{margin:35px 25px 0 0;display:block}.settings-page .download-settings{font-size:27px;line-height:1.6}.settings-page .download-settings h2{color:#3b6333;margin:24px 0 12px;font:700 38px WonderHand,serif}.settings-page .download-settings p{margin:12px 0;font-size:27px}.settings-page .download-settings progress{accent-color:#71964d;width:100%;height:25px;margin:20px 0;display:block}.settings-page .download-settings button{min-height:58px;font-size:27px}@media (width<=700px){.modal.settings.settings-page{background:#fff9ed;padding:15px;overflow-y:auto}.settings-page .modal-head{height:55px;position:relative;inset:auto}.settings-page .modal-head h2{font-size:30px}.settings-page .settings-sidebar{flex-wrap:wrap;gap:8px;width:100%;margin:16px 0;display:flex;position:relative;inset:auto}.settings-sidebar button{white-space:normal;flex:1;gap:6px;min-height:48px;padding:8px;font-size:17px}.settings-sidebar button .icon{width:22px;height:22px}.settings-page .settings-content{padding:10px 0 25px;position:relative;inset:auto;overflow:visible}.settings-content h1{font-size:37px}.settings-content>p,.rest-settings>p{font-size:22px}.rest-intervals{flex-wrap:wrap;gap:8px}.rest-intervals button{flex:1 0 28%;min-height:48px;font-size:20px}.rest-modes button{gap:15px;padding:15px}.rest-modes strong{font-size:25px}.rest-modes p{font-size:19px}.rest-radio{font-size:30px}.rest-early-setting{flex-wrap:wrap;gap:12px;font-size:20px}.rest-early-setting small{font-size:18px}.rest-save-button{width:100%;min-width:0;min-height:52px;font-size:27px!important}.settings-page .set-label{width:110px;font-size:19px}.settings-page .set-row{flex-wrap:wrap;gap:10px}.settings-page .seg-btn{min-height:44px;font-size:18px}.settings-page .download-settings p{font-size:21px}.collection-dialog.rest-reminder{width:min(94vw,740px);min-height:0;padding:24px}.rest-reminder>img{width:100%;height:150px}.rest-reminder h1{font-size:38px}.rest-reminder p,.rest-save-state{font-size:22px}.rest-actions button{min-height:48px;font-size:21px!important}.rest-reminder small{font-size:18px}}.rest-modes button{padding-right:345px;position:relative;overflow:hidden}.rest-modes button>div{z-index:1;position:relative}.rest-mode-illustration{object-fit:contain;pointer-events:none;width:340px;height:130px;position:absolute;bottom:0;right:0}.rest-radio{appearance:auto;accent-color:#507341;pointer-events:none;flex:0 0 38px;width:38px;height:38px}.settings-reading-card{text-align:center;background:#f0f1dc;border:3px solid #e6e6ce;border-radius:18px;gap:12px;width:16%;padding:12px 12px 20px;display:grid;position:absolute;bottom:10%;left:14%}.settings-reading-card img{object-fit:contain;width:100%;height:180px}.settings-reading-card strong{font-size:25px}.settings-reading-card span{color:#507341;font-size:22px}@media (width<=700px){.settings-reading-card{display:none}.rest-modes button{padding-bottom:105px;padding-right:15px}.rest-mode-illustration{width:260px;height:100px}.rest-radio{flex-basis:30px;width:30px;height:30px}}.settings-sidebar button{white-space:normal;gap:10px;width:100%;min-width:0;font-size:28px}.settings-sidebar button>.icon{flex:0 0 32px}.rest-modes p{font-size:23px;line-height:1.35}.rest-modes strong{font-size:32px}.rest-settings>p{margin-bottom:18px}.rest-settings h2{margin-top:17px}.rest-save-button{margin-top:18px}@media (width<=700px){.settings-sidebar button{gap:4px;min-height:52px;padding:10px 6px;font-size:17px;line-height:1.4}.settings-sidebar button>.icon{display:none}.rest-modes strong{font-size:25px}.rest-modes p{font-size:19px}}.settings-page .rest-save-button{color:#fff9e7;background:#7aa458!important}.settings-page-back{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#281e1480}.modal.settings.settings-compact{border:4px solid var(--ink);background:#fffaf0;border-radius:36px;grid-template-rows:36px auto minmax(0,1fr);grid-template-columns:320px minmax(0,1fr);gap:20px 32px;width:1560px;max-width:calc(100% - 120px);height:920px;max-height:calc(100% - 120px);padding:24px 36px 32px;display:grid;position:relative;inset:auto;overflow:hidden;box-shadow:0 0 0 8px #cf9a5d,0 0 0 11px #433a2c,0 24px 70px #0006}.settings-compact .modal-head{width:auto;height:64px;margin:0;position:absolute;inset:12px 30px auto auto}.settings-compact .modal-head .btn{width:64px;height:64px;min-height:64px;padding:0}.settings-compact .settings-sidebar{grid-area:2/1;gap:14px;width:auto;margin:0;display:grid;position:static}.settings-compact .settings-sidebar button{border-radius:20px;min-height:86px;padding:16px 22px;font-size:28px}.settings-compact .settings-sidebar button>.icon:last-child{flex-basis:25px;display:block}.settings-compact .settings-reading-card{grid-area:3/1;align-self:end;gap:12px;width:auto;margin:0;padding:16px 18px 24px;display:grid;position:static}.settings-compact .settings-reading-card img{height:165px}.settings-compact .settings-content{scrollbar-width:thin;scrollbar-color:#b89b70 #f3ead8;scrollbar-gutter:stable;overscroll-behavior:contain;border-left:2px solid #e3caa4;grid-area:2/2/4;min-width:0;min-height:0;padding:8px 16px 16px 36px;position:static;overflow-y:auto}.settings-compact .settings-content:hover{scrollbar-color:#957344 #f3ead8}.settings-compact .settings-content::-webkit-scrollbar{width:10px}.settings-compact .settings-content::-webkit-scrollbar-track{background:#f3ead8;border-radius:999px}.settings-compact .settings-content::-webkit-scrollbar-thumb{background:#b89b70;border:2px solid #f3ead8;border-radius:999px}.settings-compact .settings-content::-webkit-scrollbar-thumb:hover{background:#957344}.settings-compact .settings-content::-webkit-scrollbar-button{display:none}.settings-compact .settings-content[hidden]{display:none}.settings-compact .set-grid{gap:4px}.settings-compact .set-row{flex-wrap:wrap;gap:16px;min-height:60px}.settings-compact .set-label{box-sizing:border-box;width:230px;padding-left:20px;font-size:25px}.settings-compact .seg{flex-wrap:wrap}.settings-compact .seg-btn{min-height:48px;font-size:23px}.settings-compact .settings-content h1{font-size:56px}.settings-compact .settings-content>p,.settings-compact .rest-settings>p{font-size:25px}.settings-compact .download-settings,.settings-compact .download-settings p{font-size:24px}.settings-compact .download-settings h2{font-size:30px}.settings-compact .set-foot{flex-wrap:wrap;gap:16px}.settings-compact .rest-modes button{padding-right:260px}.settings-compact .rest-mode-illustration{width:250px}.settings-compact .rest-intervals{flex-wrap:wrap}.settings-compact .rest-intervals button{flex-basis:25%}.settings-compact .rest-early-setting{flex-wrap:wrap}.settings-compact .settings-sidebar .btn,.settings-compact .rest-intervals .btn,.settings-compact .rest-modes .btn,.settings-compact .seg-btn{border:4px solid var(--ink);background:var(--paper);box-shadow:0 6px 0 var(--ink);color:var(--ink);white-space:normal;font-family:WonderHand,KaiTi,serif;transition:transform .12s,box-shadow .12s,background .2s}.settings-compact .settings-sidebar .btn,.settings-compact .rest-intervals .btn{border-radius:999px}.settings-compact .settings-sidebar .btn[aria-current],.settings-compact .rest-intervals .btn[aria-pressed=true],.settings-compact .seg-btn.is-on{background:var(--sun)}.settings-compact .rest-modes .btn{border-radius:24px;justify-content:flex-start}.settings-compact .rest-modes .btn[aria-checked=true]{background:#eef2dc;border-color:#507341}.settings-compact .seg{background:0 0;border:0;border-radius:0;gap:12px;padding:0 0 6px}.settings-compact .seg-btn{min-width:90px;height:auto;padding:6px 18px}.settings-compact .settings-sidebar{gap:20px}.settings-compact .rest-intervals{gap:18px;padding-bottom:6px}.settings-compact .rest-modes{gap:22px}.settings-compact .btn:not(:disabled):hover{box-shadow:0 8px 0 var(--ink);transform:translateY(-2px)}.settings-compact .btn:not(:disabled):active{box-shadow:0 1px 0 var(--ink);transform:translateY(5px)}.settings-compact .btn:focus-visible{outline-offset:5px;outline:4px dashed #3b6b87}.settings-compact .settings-storage .btn{margin:18px 14px 8px 0;font:700 27px WonderHand,KaiTi,serif}.settings-compact .rest-save-button{min-width:260px;font-size:27px}.stage[data-study-portrait=true] .settings-compact{grid-template-columns:250px minmax(0,1fr);column-gap:20px;max-width:calc(100% - 60px);max-height:calc(100% - 80px);padding:20px 24px 28px}.stage[data-study-portrait=true] .settings-compact .settings-sidebar button{padding:12px 14px;font-size:23px}.stage[data-study-portrait=true] .settings-compact .settings-content{padding-left:22px}.stage[data-study-portrait=true] .settings-compact .settings-reading-card img{height:140px}.stage[data-study-portrait=true] .settings-compact .set-label{width:150px}.stage[data-study-portrait=true] .settings-compact .rest-modes button{padding-bottom:110px;padding-right:18px}.collection-dialog.rest-reminder{color:#211e18;text-align:center;background:#fffaf0;border:4px solid #283e24;border-radius:25px;width:740px;min-height:700px;padding:35px 48px;font-family:WonderHand,serif;box-shadow:0 8px #fff7df,0 13px #263820,0 25px 60px #0005}.rest-reminder>.collection-dialog-close{display:none}.rest-reminder>img{object-fit:contain;width:520px;height:255px}.rest-reminder h1{margin:0 0 12px;font-size:63px}.rest-reminder p{font-size:30px;line-height:1.5}.rest-save-state{color:#46643b;background:#e6e9d1;border-radius:20px;margin:24px 0 18px;padding:18px 10px;font-size:31px}.rest-save-state.has-error{color:#8c382d;background:#fae3d7;font-size:25px}.rest-actions{gap:20px;display:flex}.rest-actions button{flex:1;padding:10px 15px!important;font-size:33px!important}.rest-actions button:first-child{color:#fff9ec;background:#7ca15e!important}.rest-reminder small{color:#898171;margin-top:26px;font-size:25px;display:block}.rest-parent{gap:15px;font-size:28px;display:grid}.rest-parent input{width:110px;font:inherit;background:#fff;border:2px solid #6e8058;padding:8px}.rest-early{z-index:70;color:#384f2b;background:#fff5d9;border:3px solid #718758;border-radius:24px;padding:16px 25px;font:28px WonderHand,serif;position:absolute;bottom:30px;right:35px}.tool-panel{border:4px solid var(--ink);width:156px;box-shadow:0 6px 0 var(--ink);z-index:10;background:#fdfaf2eb;border-radius:28px;flex-direction:column;align-items:center;gap:12px;padding:16px 10px;animation:.45s cubic-bezier(.3,1.3,.5,1) both slideL;display:flex;position:absolute;top:0;left:-186px}.tool{border:3.5px solid #0000;border-radius:20px;flex-direction:column;align-items:center;gap:2px;width:124px;padding:8px 0 6px;font-size:20px;font-weight:700;transition:transform .15s,background .2s;display:flex}.tool .icon{color:var(--ink)}.tool.is-on{background:color-mix(in srgb, var(--tc) 45%, #fff);border-color:var(--ink);box-shadow:0 4px 0 var(--ink);transform:scale(1.06)}.sizes{border-top:3px dashed #2f2b284d;border-bottom:3px dashed #2f2b284d;flex-direction:column;align-items:center;gap:6px;width:100%;padding:8px 0;transition:opacity .2s;display:flex}.sizes.is-off{opacity:.25;pointer-events:none}.size{border:3px solid #0000;border-radius:14px;justify-content:center;align-items:center;width:64px;height:46px;display:flex}.size i{border:2px solid var(--ink);border-radius:50%;display:block}.size.is-on{border-color:var(--ink);background:#fff}.tool-panel .btn-round{width:64px;height:64px}.palette{border:4px solid var(--ink);width:156px;box-shadow:0 6px 0 var(--ink);z-index:10;background:#fdfaf2eb;border-radius:28px;grid-template-columns:1fr 1fr;justify-items:center;gap:2px 4px;padding:12px 10px;animation:.45s cubic-bezier(.3,1.3,.5,1) both slideR;display:grid;position:absolute;top:0;right:-186px}.crayon-swatch{transform-origin:50% 100%;padding:0;transition:transform .15s;position:relative}.crayon-swatch svg{display:block}.crayon-swatch:hover{transform:translateY(-4px)}.crayon-swatch.is-on{filter:drop-shadow(0 5px #2f2b2899);transform:translateY(-10px)scale(1.12)rotate(-6deg)}.crayon-swatch.is-suggested:after{content:"";background:var(--sun);border:2px solid var(--ink);border-radius:50%;width:12px;height:12px;position:absolute;bottom:6px;right:-2px}.scan-modal{width:1300px}.scan-steps{counter-reset:s;gap:24px;margin:10px 0 30px;padding:0;list-style:none;display:flex}.scan-steps li{border:3.5px solid var(--ink);text-align:center;counter-increment:s;background:#fff7e2;border-radius:22px;flex-direction:column;flex:1;align-items:center;gap:14px;padding:30px 20px 26px;font-size:26px;font-weight:700;line-height:1.4;display:flex;position:relative}.scan-steps li:before{content:counter(s);background:var(--sun);border:3px solid var(--ink);border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;font-size:24px;display:flex;position:absolute;top:-14px;left:-12px}.scan-buttons{flex-wrap:wrap;justify-content:center;gap:20px;margin-top:20px;display:flex}.sheet-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;display:flex}.scan-pick>.sheet-actions{margin-top:22px}.scan-tip{margin-bottom:14px;font-size:26px;font-weight:700}.scan-preview{border:4px solid var(--ink);background:#222;border-radius:12px;position:relative;overflow:hidden}.scan-preview canvas{display:block}.scan-quad{touch-action:none;width:100%;height:100%;position:absolute;inset:0}.scan-working{background:#ffffff73;justify-content:center;align-items:center;font-size:40px;font-weight:800;display:flex;position:absolute;inset:0}.scan-working span{background:var(--paper);border:4px solid var(--ink);border-radius:999px;padding:10px 30px}.scan-sweep{background:linear-gradient(#0000,#ffd35ccc,#0000);height:60px;animation:1.2s ease-in-out infinite alternate sweep;position:absolute;left:0;right:0}.scan-fail{text-align:center;padding:40px 0 10px;font-size:30px;font-weight:700}.shelf-scene{background:#f1e3c6}.shelf-wall,.gallery-wall{background:repeating-linear-gradient(90deg,#0000 0 118px,#b9854f1a 118px 122px),linear-gradient(#f7ecd4,#ead7b2);position:absolute;inset:0}.gallery-wall{background:radial-gradient(circle at 20% 30%,#0000000d 0 2px,#0000 3px) 0 0/24px 24px,linear-gradient(#dcae78,#c99a63)}.shelf-body,.gallery-body{scrollbar-width:thin;padding:16px 10px 20px;position:absolute;inset:116px 60px 20px;overflow:auto}.shelf-books{flex-direction:column;gap:30px;display:flex}.shelf-row{border:4px solid var(--ink);box-shadow:0 12px 0 #9b6b3f, 0 16px 0 var(--ink);background:#fdfaf2bf;border-radius:24px;gap:40px;padding:22px 30px 30px;display:flex}.shelf-cover{background:var(--base);border:4px solid var(--ink);border-left:14px solid var(--dark);width:250px;height:200px;box-shadow:0 5px 0 #f7f0e2, 0 9px 0 var(--ink);border-radius:8px 14px 14px 8px;flex-direction:column;flex:none;align-items:center;padding:12px;transition:transform .2s;display:flex;position:relative}.shelf-cover:hover{transform:rotate(-2deg)translateY(-4px)}.shelf-cover-art{border:3px solid var(--ink);background:#fff 50%/cover no-repeat;border-radius:8px;flex:1;width:100%}.shelf-cover-title{background:var(--paper);border:3px solid var(--ink);font-family:var(--story);color:var(--dark);border-radius:8px;margin-top:8px;padding:0 12px;font-size:30px;font-weight:900}.shelf-trophy{color:#f7b82e;filter:drop-shadow(0 3px 0 var(--ink));animation:1.6s ease-in-out infinite pulse;position:absolute;top:-20px;right:-20px}.shelf-info{flex-direction:column;flex:1;gap:12px;min-width:0;display:flex}.shelf-info-head{justify-content:space-between;align-items:baseline;font-size:26px;font-weight:700;display:flex}.shelf-info-head b{font-family:var(--story);color:var(--dark);font-size:38px}.shelf-info .cover-progress-bar{flex:none}.shelf-strip{gap:10px;padding:6px 4px 8px;display:flex;overflow-x:auto}.strip-page{border:3px solid var(--ink);background:#fff 50%/cover no-repeat;border-radius:8px;flex:none;width:124px;height:70px;transition:transform .15s;position:relative}.strip-page:hover:not(.is-locked){transform:translateY(-3px)}.strip-page>span{background:var(--paper);border:2px solid var(--ink);border-radius:99px;min-width:24px;padding:0 4px;font-size:14px;font-weight:800;position:absolute;top:2px;left:3px}.strip-page .icon{border:2px solid var(--ink);background:#9ee07e;border-radius:50%;position:absolute;bottom:3px;right:3px}.strip-page.is-locked{filter:grayscale();opacity:.45}.strip-page.is-locked .icon{background:var(--paper);bottom:50%;right:50%;transform:translate(50%,50%)}.shelf-eggs{background:var(--paper);border:4px solid var(--ink);color:var(--ink);border-radius:999px;align-self:center;align-items:center;gap:10px;padding:10px 28px;font-size:26px;font-weight:700;display:flex}.shelf-eggs .icon{color:#f7b82e}.work-grid{grid-template-columns:repeat(4,1fr);gap:40px 34px;padding:10px;display:grid}.work-card{border:3px solid var(--ink);text-align:left;transform:rotate(var(--tilt));background:#fff;border-radius:6px;padding:12px 12px 14px;transition:transform .2s;position:relative;box-shadow:0 8px 14px #3c230a33}.work-card:hover{z-index:1;transform:rotate(0)scale(1.04)}.work-card img{aspect-ratio:16/9;object-fit:cover;border:2px solid #2f2b284d;width:100%;display:block}.work-meta{justify-content:space-between;gap:10px;margin-top:10px;font-size:20px;display:flex}.work-meta span{color:#8a7e70}.work-likes{border:3px solid var(--ink);color:#c0392b;background:#ffd2d2;border-radius:99px;align-items:center;gap:4px;padding:2px 12px 2px 8px;font-size:20px;font-weight:800;display:flex;position:absolute;top:-12px;right:-10px}.history{flex-direction:column;gap:12px;max-width:1300px;margin:0 auto;display:flex}.history-item{border:3px solid var(--ink);text-align:left;background:#fdfaf2e6;border-radius:16px;align-items:center;gap:18px;padding:10px 24px 10px 10px;font-size:24px;transition:transform .15s;display:flex}.history-item:hover{transform:translate(6px)}.history-item img{object-fit:cover;border:2px solid var(--ink);border-radius:8px;width:128px;height:72px}.history-icon{border:3px solid var(--ink);background:#e6f0fa;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.kind-complete .history-icon{color:#d99a10;background:#fff1b3}.kind-draw .history-icon,.kind-scan .history-icon{background:#ffe0cc}.kind-save .history-icon{background:#ffd2d2}.history-text{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.history-time{color:#8a7e70;white-space:nowrap;font-size:20px}.gallery-scene{background:#c99a63}.polaroids{grid-template-columns:repeat(4,1fr);gap:50px 40px;padding:24px 16px;display:grid}.polaroid{transform:rotate(var(--tilt));background:#fff;border:3px solid #2f2b28b3;padding:14px 14px 12px;transition:transform .2s;position:relative;box-shadow:0 10px 18px #3c230a4d}.polaroid:hover{z-index:1;transform:rotate(0)scale(1.03)}.polaroid-pin{background:var(--pin);border:3px solid var(--ink);z-index:1;border-radius:50%;width:26px;height:26px;margin-left:-13px;position:absolute;top:-14px;left:50%;box-shadow:0 3px #0000004d}.polaroid-img{width:100%;display:block;position:relative}.polaroid-img img{aspect-ratio:16/9;object-fit:cover;border:2px solid #2f2b2840;width:100%;display:block}.polaroid-play{border:3.5px solid var(--ink);background:#fdfaf2e6;border-radius:50%;justify-content:center;align-items:center;width:70px;height:70px;margin:-35px 0 0 -35px;transition:transform .2s;display:flex;position:absolute;top:50%;left:50%}.polaroid-img:hover .polaroid-play{transform:scale(1.15)}.polaroid-cap{margin-top:10px;padding-right:80px;font-size:20px;line-height:1.35}.polaroid-cap b{font-family:var(--story);font-size:24px}.polaroid-sub{color:#8a7e70;align-items:center;gap:10px;margin-top:4px;font-size:17px;display:flex}.src-badge{border:2px solid var(--ink);color:var(--ink);border-radius:99px;align-items:center;gap:4px;padding:1px 10px 1px 6px;font-weight:700;display:inline-flex}.src-draw{background:#ffe0cc}.src-scan{background:#d6ecfa}.like{border:3px solid var(--ink);background:var(--paper);border-radius:99px;align-items:center;gap:4px;padding:4px 12px 4px 8px;font-size:22px;font-weight:800;transition:transform .15s;display:flex;position:absolute;bottom:14px;right:12px}.like:active{transform:scale(.9)}.like.is-on{color:#d8433a;background:#ffd2d2;animation:.4s cubic-bezier(.3,1.8,.5,1) likePop}.like.big{height:66px;box-shadow:0 5px 0 var(--ink);border-width:4px;padding:0 22px 0 16px;font-size:28px;position:static}.viewer{width:1400px}.viewer-frame{border:5px solid var(--ink);background:var(--paper);width:1280px;height:720px;box-shadow:0 0 0 10px var(--base);border-radius:16px;margin:0 auto;overflow:hidden}.viewer-frame canvas{width:100%;height:100%;display:block}.viewer-actions{align-items:center;gap:16px;margin-top:26px;display:flex}.modal.settings{width:1120px;max-width:calc(100% - 100px);max-height:calc(100% - 100px)}.set-body{flex-direction:column;gap:14px;display:flex}.set-grid{grid-template-columns:minmax(0,1fr);gap:14px;display:grid}.modal.settings-columns{width:1720px}.settings-columns .set-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.settings-columns .set-row{flex-wrap:wrap;gap:14px;min-width:0;padding:10px 16px}.settings-columns .set-label{white-space:normal;width:180px;font-size:24px}.settings-columns .seg{flex:none}.settings-columns .seg-btn{white-space:nowrap;flex:none}.set-row{background:#fbf3e2;border-radius:18px;align-items:center;gap:24px;padding:10px 20px;display:flex}.set-label{white-space:nowrap;flex:none;width:300px;font-size:28px;font-weight:700}.seg{border:3.5px solid var(--ink);background:#fff;border-radius:999px;padding:5px;display:flex}.seg-btn{border-radius:999px;min-width:120px;height:56px;padding:0 22px;font-size:24px;font-weight:700;transition:background .2s}.seg-btn.is-on{background:var(--sun);box-shadow:inset 0 0 0 3px var(--ink)}.set-row .set-range{appearance:none;border:3.5px solid var(--ink);cursor:pointer;background:#fff;border-radius:999px;flex:1;min-width:0;max-width:560px;height:24px;padding:0 10px}.set-row .set-range::-webkit-slider-thumb{appearance:none;background:var(--sun);border:3.5px solid var(--ink);width:40px;height:40px;box-shadow:0 2px 0 var(--ink);border-radius:50%;margin-top:-1px}.set-row .set-range::-moz-range-thumb{background:var(--sun);border:3.5px solid var(--ink);border-radius:50%;width:40px;height:40px}.set-row .set-value{font-variant-numeric:tabular-nums;flex:none;width:96px;font-size:24px;font-weight:700}.set-foot{align-items:center;gap:24px;margin-top:12px;display:flex}.set-foot .local-note{text-align:left;flex:1;padding:0}.drawing-export{color:#40392d;background:#fdfaf2;border:2px solid #40392d;border-radius:20px;width:min(900px,90vw);max-height:90dvh;padding:22px;overflow:auto}.drawing-export::backdrop{background:#211c17aa}.drawing-export-head,.drawing-export-actions{justify-content:space-between;align-items:center;gap:16px;display:flex}.drawing-export h2{margin:0;font-size:24px}.drawing-export button,.drawing-export a{cursor:pointer;color:#40392d;font:inherit;background:#ffe083;border:1px solid #756b57;border-radius:12px;padding:12px 18px;text-decoration:none}.drawing-export img{width:100%;height:auto;margin-top:18px;display:block}.drawing-export p{font-size:16px;line-height:1.6}.drawing-export-actions{flex-wrap:wrap;justify-content:flex-end}.book-scan-live .magic-camera{padding:0}.book-scan-live .magic-viewfinder{height:480px}.book-scan-live .magic-camera-dock{flex-wrap:wrap;gap:16px;height:auto;padding:16px 0}.book-scan-live .magic-camera-hint{min-width:300px}.book-scan-live .magic-camera-hint p{font-size:24px}@font-face{font-family:WonderHand;src:url(/game/fonts/wenkai/medium.woff2)format("woff2");font-weight:500;font-display:swap}.outer-paper-button{cursor:pointer;min-height:69px;box-shadow:0 4px #b59162;background:#fff9eb!important;border:4px solid #211e18!important;border-radius:42px!important;padding:4px 38px!important;font:700 39px WonderHand,KaiTi,serif!important}.outer-paper-button:focus-visible{outline-offset:5px;outline:4px solid #3b6b87}.planet-home{color:#073473;font-family:var(--collection-font);background:#fff8e9;position:absolute;inset:0}.storybook-backdrop{pointer-events:none;background-position:bottom;background-size:100% 100%;position:absolute;inset:0}.planet-worlds-only .storybook-backdrop{inset:0}.planet-back{z-index:6;position:absolute;top:24px;left:28px}.planet-settings{z-index:6;position:absolute;top:24px;right:28px}.planet-home button{font:inherit;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}.storybook-heading{text-align:center;transition:top .65s;position:absolute;top:167px;left:260px;right:200px}.storybook-heading h1{letter-spacing:5px;text-shadow:0 3px #fff6d6;justify-content:center;align-items:center;gap:19px;font-size:92px;font-weight:700;line-height:1.25;display:flex}.storybook-heading p{letter-spacing:3px;margin-top:20px;font-size:30px}.has-open-book .storybook-heading{top:136px}.has-open-book .storybook-heading h1{font-size:75px;animation:.5s both story-heading-in}.has-open-book .storybook-heading p{margin-top:12px;font-size:23px}.planet-worlds{grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;display:grid;position:absolute;top:294px;left:245px;right:145px}.planet-world{text-align:center;min-width:0;position:relative}.storybook-visual{perspective:1200px;height:485px;transition:height .85s cubic-bezier(.22,.7,.18,1);position:relative}.is-open .storybook-visual{height:535px}.storybook-cover{transform-origin:50% 0;width:calc(100% - 10px);height:344px;transform-style:preserve-3d;z-index:4;filter:drop-shadow(7px 13px 5px #72431d55);background:0 0;border:0;padding:0;display:block;position:absolute;inset:127px 5px auto;transform:rotateY(-4deg)}.storybook-cover img{object-fit:fill;backface-visibility:hidden;border-radius:4px 9px 9px 4px;width:100%;height:100%;display:block;position:absolute;inset:0}.storybook-cover-back{transform:rotateX(180deg)}.phase-opening .storybook-cover{pointer-events:none;will-change:transform, opacity;animation:.9s cubic-bezier(.25,.65,.2,1) both book-cover-up}.phase-open .storybook-cover{opacity:0;pointer-events:none;transform:rotateX(165deg)}.phase-closing .storybook-cover{pointer-events:none;will-change:transform, opacity;animation:.65s cubic-bezier(.25,.65,.2,1) reverse both book-cover-up}.storybook-cover-hint{opacity:0;white-space:nowrap;background:#fffbeded;border-radius:22px;align-items:center;gap:8px;padding:7px 17px;font-size:17px;transition:opacity .2s;display:flex;position:absolute;bottom:18px;left:50%;transform:translate(-50%)}.storybook-cover:hover .storybook-cover-hint,.storybook-cover:focus-visible .storybook-cover-hint{opacity:1}.planet-world h2{letter-spacing:2px;margin:10px 0 6px;font-size:36px;line-height:1.4}.planet-description-wrap{opacity:0;grid-template-rows:0fr;transition:grid-template-rows .65s,opacity .45s;display:grid}.planet-description{min-height:0;margin:0;font-size:22px;line-height:1.45;overflow:hidden}.is-open .planet-description-wrap{opacity:1;grid-template-rows:1fr;margin-bottom:10px}.planet-enter{background:#ffda54;border:1.5px solid #eab12f;border-radius:36px;justify-content:center;align-items:center;gap:13px;min-width:246px;min-height:61px;padding:11px 38px;line-height:36px;transition:transform .18s,background .18s;display:inline-flex;box-shadow:0 4px #dea83c,inset 0 2px 2px #fff5c1;font-size:28px!important}.planet-enter:hover{background:#ffe67e;transform:translateY(-3px)}.storybook-fold{opacity:0;visibility:hidden;background:#fffaf0ed;border:1px solid #eadbc3;border-radius:25px;justify-content:center;align-items:center;gap:8px;min-width:155px;min-height:34px;margin:13px auto 0;padding:4px 18px;transition:opacity .3s;display:flex;font-size:17px!important}.is-open .storybook-fold{opacity:1;visibility:visible}.storybook-fold .icon{transform:rotate(90deg)}.planet-progress{justify-content:center;align-items:center;gap:14px;margin-top:12px;font-size:16px;display:flex}.planet-progress button{background:0 0;border:0;border-bottom:1px solid #486b6b;padding:2px}.storybook-open-pages{opacity:0;pointer-events:none;transform-origin:50% 80%;position:absolute;inset:0}.phase-opening .storybook-open-pages{animation:.85s cubic-bezier(.2,.7,.2,1) 50ms both book-pages-spread}.phase-open .storybook-open-pages{opacity:1}.phase-closing .storybook-open-pages{animation:.6s reverse both book-pages-spread}.storybook-open-book{object-fit:fill;pointer-events:none;filter:drop-shadow(0 10px 6px #70431e44);width:112%;height:300px;position:absolute;top:253px;left:-6%}.storybook-page-copy{z-index:1;color:#4a5c49;pointer-events:none;justify-content:space-between;gap:70px;font-size:16px;display:flex;position:absolute;top:411px;left:10%;right:10%}.storybook-page-copy span{width:150px;transform:rotate(-5deg)}.storybook-page-copy span:last-child{transform:rotate(5deg)}.storybook-planet-reveal{height:420px;position:absolute;inset:-44px 0 auto}.planet-interactive{height:420px;position:relative}.planet-interactive[data-ready=false]{opacity:0}.planet-interactive[data-ready=true]{animation:1.05s cubic-bezier(.2,.7,.18,1) .22s both planet-unfold}.phase-closing .storybook-planet-reveal{animation:.35s both planet-rest}.planet-canvas{touch-action:pan-y;background:0 0;border:0;border-radius:45%;width:100%;height:407px;padding:0;display:block;position:relative;overflow:hidden}.planet-canvas canvas{width:100%;height:100%;display:block}.planet-canvas[data-interaction=active]{cursor:pointer}.planet-render-message,.planet-loading{text-align:center;place-items:center;font-size:20px;display:grid}.planet-render-message{pointer-events:none;padding:70px;position:absolute;inset:0}.planet-action-row{z-index:3;position:absolute;top:92px;right:-7px}.planet-presets{flex-direction:column;gap:8px;display:flex}.planet-presets button{background:#fffcf1f2;border:1px solid #eadbc4;border-radius:24px;justify-content:center;align-items:center;gap:5px;min-height:38px;padding:6px 10px;font-size:15px;display:flex;box-shadow:0 3px 7px #744a2420}.planet-presets button[aria-pressed=true]{color:#1f6750;background:#d8f0de}.planet-home button:disabled:not(.storybook-cover){opacity:.45;cursor:default}.planet-hint{pointer-events:none;text-shadow:0 1px 2px #fff;margin:0;font-size:15px;line-height:24px;position:absolute;top:375px;left:5px;right:5px}.planet-object-picker{margin-top:8px;position:relative}.planet-object-picker summary{cursor:pointer;text-align:center;background:#fffcf1f0;border-radius:22px;padding:6px 10px;font-size:14px}.planet-object-panel{text-align:left;z-index:10;background:#fffdf4;border:1px solid #d7ccb2;border-radius:18px;gap:13px;width:245px;padding:20px;font-size:17px;display:grid;position:absolute;top:38px;right:0;box-shadow:0 12px 40px #5c472f25}.planet-object-panel select,.planet-object-panel button{width:100%;min-height:42px;font:inherit;color:#193d62;background:#f5eddb;border:1px solid #d9ccb0;border-radius:10px;padding:6px 10px}.planet-sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.storybook-guide{pointer-events:none;width:290px;position:absolute;bottom:128px;left:6px}.storybook-guide img{object-fit:contain;width:290px;height:376px;display:block}.storybook-guide p{text-align:center;background:#fffdf4f0;border-radius:40% 40% 40% 10%;place-items:center;min-height:80px;margin:0 0 6px;padding:12px;font-size:23px;line-height:1.4;display:grid;box-shadow:0 5px 18px #8a683c20}.planet-home button:focus-visible,.planet-home summary:focus-visible,.planet-home select:focus-visible{outline-offset:5px;outline:3px solid #2d719d}@keyframes book-cover-up{0%{opacity:1;transform:rotateY(-4deg)rotateX(0)}45%{opacity:1}74%{opacity:.15}to{opacity:0;transform:rotateY(0)rotateX(165deg)translateZ(8px)}}@keyframes book-pages-spread{0%{opacity:0;transform:translateY(70px)rotateX(38deg)scale(.88)}35%{opacity:.8}to{opacity:1;transform:translateY(0)rotateX(0)scale(1)}}@keyframes planet-unfold{0%{opacity:0;transform:translateY(95px)scale(.78)}65%{opacity:1;transform:translateY(-7px)scale(1.015)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes planet-rest{to{opacity:0;transform:translateY(65px)scale(.88)}}@keyframes story-heading-in{0%{opacity:.3;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.planet-interactive[data-ready=true],.phase-opening .storybook-cover,.phase-closing .storybook-cover,.phase-opening .storybook-open-pages,.phase-closing .storybook-open-pages,.phase-closing .storybook-planet-reveal,.has-open-book .storybook-heading h1{animation:none}.planet-enter,.storybook-visual,.storybook-heading,.planet-description-wrap,.storybook-fold{transition:none}.phase-opening .storybook-open-pages{opacity:1}.phase-opening .storybook-cover{opacity:0}}.resource-preparation{color:#2d2418;text-align:center;background:#f1e1be url(/game/ui/outer-loading-background.png) 50%/100% 100% no-repeat;font-family:WonderHand,serif}.preparation-brand{background:#fff7df;border:3px solid #825f32;border-radius:15px;align-items:center;gap:9px;width:420px;height:154px;padding:10px;display:flex;position:absolute;top:3%;left:2%;rotate:-5deg;box-shadow:0 5px #a47a45,inset 0 0 0 5px #ead3a5}.resource-preparation>h1{white-space:nowrap;font-size:66px;position:absolute;top:8.5%;left:26%;right:18%}.preparation-intro{font-size:30px;position:absolute;top:19%;left:26%;right:24%}.preparation-planets{grid-template-columns:repeat(3,minmax(0,1fr));gap:45px;display:grid;position:absolute;top:25%;left:18%;right:17%}.preparation-planets .planet-interactive{height:350px}.preparation-planets .planet-canvas{cursor:pointer;touch-action:manipulation;width:100%;height:100%}.preparation-planets .planet-canvas canvas{width:100%;height:100%}.preparation-planets .planet-hint,.preparation-planets .planet-action-row{display:none}.preparation-planets h2{color:#fff9ec;background:#638c45;border:3px solid #29291c;border-radius:35px;width:250px;margin:0 auto 10px;padding:8px 18px;font-size:38px}.preparation-planets article:nth-child(2) h2{background:#584633}.preparation-planets article:nth-child(3) h2{background:#468bb0}.preparation-planets article>span{background:#f9efda;border:3px solid #332a1c;border-radius:35px;min-width:230px;padding:7px 18px;font-size:25px;display:inline-block}.preparation-planets .is-ready{background:#e4edcb}.preparation-planets .is-preparing{background:#ffdc75}.preparation-progress{position:absolute;top:74%;left:23%;right:22%}.preparation-progress-row{background:#fff9e9;border:3px solid #3d3424;border-radius:40px;align-items:center;gap:25px;padding:10px 20px;display:flex}.preparation-meter{background:#e6dcc6;border-radius:24px;flex:1;min-width:0;height:28px;position:relative;overflow:hidden;box-shadow:inset 0 2px 4px #725a2020}.preparation-meter progress{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.preparation-meter-fill{border-radius:inherit;background:linear-gradient(90deg,#7da443,#b8d26b);transition:width .3s ease-out;position:absolute;inset:0 auto 0 0;overflow:hidden;box-shadow:inset 0 2px 2px #f2ffd85c}.preparation-meter-fill:before{content:"";background:repeating-linear-gradient(110deg,#0000 0 16px,#f3ffc375 16px 27px,#0000 27px 48px) 0 0/51px 100%;animation:1.15s linear infinite preparation-flow;position:absolute;inset:0}.preparation-meter:after{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#fffbe680,#0000);width:25%;animation:2.8s ease-in-out infinite preparation-surge;position:absolute;inset:0 auto 0 0;transform:translate(-100%)}.preparation-meter[data-paused=true]:after,.preparation-meter[data-paused=true] .preparation-meter-fill:before{opacity:.35;animation-play-state:paused}@keyframes preparation-flow{to{background-position:51px 0}}@keyframes preparation-surge{to{transform:translate(400%)}}.preparation-progress strong{min-width:90px;font-size:40px}.preparation-progress p{margin:9px 0;font-size:24px}.preparation-progress [role=alert]{background:#fff6df;border:2px solid #ad7952;border-radius:20px;padding:8px 15px}.preparation-progress [role=alert] p{font-size:22px}.preparation-progress .outer-paper-button{min-height:42px;font-size:25px!important}.preparation-tip{background:#fff7e7;border:2px dashed #7f6744;border-radius:30px;padding:7px 25px;display:inline-block}.preparation-persist{font:20px WonderHand,serif;text-decoration:underline;position:absolute;bottom:2%;right:3%}.preparation-planet-placeholder{height:350px}.prepared-app{width:100%;height:100%;position:absolute;inset:0}.prepared-app.is-preparing{opacity:0;pointer-events:none}.preparation-overlay{z-index:100;position:fixed;inset:0}.preparation-brand-icon{flex:0 0 155px;height:128px;display:block;position:relative;overflow:hidden}.preparation-brand-icon img{width:155px;max-width:none;height:181px;display:block;position:absolute;top:0;left:0}.preparation-brand-copy{white-space:nowrap;flex-direction:column;align-items:flex-start;gap:2px;display:flex}.preparation-brand-copy strong{color:#174e60;letter-spacing:1px;text-shadow:0 1px #fff8dc;font-size:55px;font-weight:700;line-height:1.15}.preparation-brand-copy>span{color:#497379;letter-spacing:2px;font:700 19px Georgia,serif}.preparation-planets article{isolation:isolate;position:relative}.preparation-planets article:before{content:"";z-index:-1;opacity:.12;background:radial-gradient(#fff9c5 12%,#e9c87588 48%,#0000 72%);border-radius:50%;transition:opacity .6s,transform .6s;position:absolute;inset:10px -12px 110px;transform:scale(.9)}.preparation-planets article:has(.planet-canvas[data-interaction=active]):before{opacity:1;transform:scale(1.12)}.preparation-planets article:nth-child(2):before{background:radial-gradient(#fff0d3 12%,#cfab8588 48%,#0000 72%)}.preparation-planets article:nth-child(3):before{background:radial-gradient(#e9ffff 12%,#89d5e988 48%,#0000 72%)}.preparation-voice{text-align:center;background:#fffaf0f5;border:2px solid #b18a50;border-radius:18px;justify-content:center;align-items:center;min-height:76px;padding:12px 25px;display:flex;position:absolute;top:91%;left:20%;right:19%;box-shadow:0 4px 12px #6a4d2320}.preparation-voice p{margin:0;font-size:22px;line-height:1.5}@media (prefers-reduced-motion:reduce){.preparation-meter:after,.preparation-meter-fill:before{animation:none}.preparation-meter:after{display:none}.preparation-meter-fill{transition:none}.preparation-planets article:before{opacity:.5;transition:none;transform:none}}.preparation-progress [role=alert]{align-items:center;gap:16px;display:flex}.preparation-progress [role=alert] p{text-align:left;flex:1}.preparation-progress [role=alert] button{flex:none}.preparation-planets .planet-canvas:focus-visible{outline-offset:-8px;border-radius:50%;outline:4px dashed #99712b}.preparation-play-hint{color:#695532;margin:0;font-size:23px;position:absolute;top:71%;left:20%;right:18%}.preparation-music-label{color:#375763;background:#fff9e6dd;border-radius:15px;padding:5px 12px;font-size:19px;position:absolute;top:150px;right:36px}.preparation-voice-toggle,.preparation-music-toggle{z-index:2;color:#4e5a46;cursor:pointer;background:#fff8e7;border:3px solid #6f633e;border-radius:22px;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:100px;height:104px;display:flex;position:absolute;top:30px;box-shadow:0 6px #ab8a50}.preparation-voice-toggle{right:154px}.preparation-music-toggle{right:36px}.preparation-voice-toggle[aria-pressed=true],.preparation-music-toggle[aria-pressed=true]{background:#edf3cf}.preparation-voice-toggle:active,.preparation-music-toggle:active{transform:translateY(4px);box-shadow:0 2px #ab8a50}.preparation-voice-toggle>span,.preparation-music-toggle>span{align-items:center;gap:6px;font-size:22px;display:flex}.preparation-voice-toggle small,.preparation-music-toggle small{color:#fff;background:#64784d;border-radius:8px;padding:1px 5px;font-size:17px}.preparation-planets .planet-canvas{position:relative;overflow:visible}.preparation-planets .planet-canvas:active canvas{transform:scale(.94)}.preparation-action-feedback{z-index:1;white-space:nowrap;pointer-events:none;background:#fff9e8ec;border:2px solid #a57b32;border-radius:24px;align-items:center;gap:7px;padding:5px 14px;font-size:23px;display:flex;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.planet-canvas[data-playing=true] .preparation-action-feedback{background:#ffdf78;animation:.3s ease-out preparation-feedback-in}.preparation-planets article:has(.planet-canvas[data-playing=true]):before{opacity:1;transform:scale(1.2)}@keyframes preparation-feedback-in{0%{opacity:0;translate:0 10px}to{opacity:1;translate:0}}@media (prefers-reduced-motion:reduce){.planet-canvas[data-playing=true] .preparation-action-feedback{animation:none}.preparation-planets .planet-canvas:active canvas{transform:none}}.loading-complete{box-sizing:border-box;color:#493a27;text-align:center;background:radial-gradient(at 50% 25%,#fff4ce,#0000 56%),#fffaf0;border:3px solid #8b693d;border-radius:34px 29px 37px 28px;width:min(680px,92vw);max-height:94dvh;margin:auto;padding:26px 42px 28px;font-family:WonderHand,serif;position:fixed;inset:0;overflow:auto;box-shadow:0 10px #b19465,0 24px 80px #33200e55,inset 0 0 0 7px #f0e0bd}.loading-complete::backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#342d2466}.loading-complete-controls{justify-content:flex-end;gap:10px;display:flex}.loading-complete-controls button{cursor:pointer;background:#f8f1df;border:1px solid #ac986c;border-radius:18px;align-items:center;gap:5px;padding:7px 12px;font-size:16px;display:flex}.loading-complete-controls button[aria-pressed=true]{background:#e8edce}.loading-complete-illustration{justify-content:center;align-items:center;gap:18px;height:160px;display:flex}.loading-complete-illustration img{object-fit:contain;width:180px;height:160px}.loading-complete-illustration span{color:#cba042;font-size:38px}.loading-complete-badge{color:#537139;background:#edf2d9;border:1px solid #b4c08a;border-radius:22px;padding:6px 20px;font-size:18px;display:inline-block}.loading-complete h2{color:#3c3524;margin:17px 0 12px;font-size:44px;line-height:1.2}.loading-complete>p{margin:0;font-size:21px;line-height:1.6}.loading-complete-explore{color:#fffdf0;cursor:pointer;background:#688e45;border:2px solid #415c2b;border-radius:32px;width:min(340px,100%);min-height:62px;margin:24px auto 15px;font:700 28px WonderHand,serif;box-shadow:0 5px #405b2b}.loading-complete-explore:active{translate:0 3px;box-shadow:0 2px #405b2b}.loading-complete button:focus-visible{outline-offset:5px;outline:3px dashed #8f6b27}.loading-complete .loading-complete-note{color:#8b795b;font-size:16px}.loading-complete-caption{text-align:left;background:#efe7d5;border:1px solid #dac8a6;border-radius:16px;align-items:center;gap:12px;margin-top:22px;padding:13px 16px;display:flex}.loading-complete-caption svg{color:#7e704f;flex:none}.loading-complete-caption p{margin:0;font-size:17px;line-height:1.6}.loading-complete .loading-complete-gesture{color:#7b6a4d;margin-top:10px;font-size:14px}@media (width<=600px),(height<=720px){.loading-complete{padding:18px 24px}.loading-complete-illustration,.loading-complete-illustration img{height:100px}.loading-complete h2{margin:12px 0;font-size:32px}.loading-complete>p{font-size:18px}.loading-complete-explore{min-height:52px;margin-top:16px;font-size:24px}.loading-complete-caption{margin-top:15px}}