:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Arial,sans-serif;color:#45483f;background:#eeece7;font-synthesis:none;font-weight:400}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid #5d6657;outline-offset:5px}button{border:0}button:hover{filter:brightness(.97)}[hidden]{display:none!important}.world{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;width:100%;height:100%;pointer-events:none}.in-stage .world{pointer-events:auto;touch-action:none;cursor:grab}.world.held{cursor:grabbing}header{position:relative;z-index:3;display:flex;align-items:center;justify-content:space-between;padding:25px 4.3%;height:93px;border-bottom:1px solid #d7d6ce;pointer-events:none}header a{pointer-events:auto}.brand{font-family:Georgia,serif;font-size:38px;font-weight:700;letter-spacing:-4px;text-decoration:none;color:#41473c}.brand span{color:#aab09e}.edition{font-size:12px;letter-spacing:2px}.edition b{font-weight:400;color:#818576;letter-spacing:0;margin-left:12px}.sound{font-size:11px;letter-spacing:1.5px;border:1px solid #c9cbbf;padding:8px 12px;border-radius:20px}footer{position:fixed;z-index:3;bottom:0;left:4.3%;right:4.3%;height:53px;border-top:1px solid #d7d6ce;display:flex;justify-content:space-between;align-items:center;font-size:12px;letter-spacing:1px;color:#727669;pointer-events:none}.shelf{position:relative;z-index:1;padding:42px 4.3% 90px;pointer-events:none}.intro{display:flex;flex-wrap:wrap;align-items:end;justify-content:space-between;margin:0 0 42px}.eyebrow{font-size:11px;letter-spacing:2.2px;color:#777d6d;margin:0 0 17px;width:100%}h1{font-size:clamp(32px,4vw,56px);font-weight:450;letter-spacing:-2.5px;line-height:1.12;margin:0}h1 span{display:block;font-size:16px;letter-spacing:2px;font-weight:400;margin-top:15px;color:#767b6e}.intro-note{font-size:14px;color:#7b8073;margin:0 0 2px}.cards{display:grid;grid-template-columns:repeat(6,1fr);gap:18px}.material-card{position:relative;pointer-events:auto;text-align:left;background:transparent;border:1px solid #d0d2c7;border-radius:5px;padding:0;min-width:0;transition:border-color .2s,box-shadow .2s}.material-card:hover{border-color:var(--accent);box-shadow:0 7px 20px #5c66550b;filter:none}.card-top{display:flex;justify-content:space-between;padding:18px 20px;font-size:12px;letter-spacing:1px;color:#787d70}.card-top span:last-child{color:var(--accent);font-size:14px}.specimen{display:block;height:clamp(200px,26vw,340px);pointer-events:none}.card-bottom{display:flex;align-items:center;justify-content:space-between;padding:23px 20px 25px;border-top:1px solid #d8d9d0}.card-bottom strong{font-size:18px;letter-spacing:2px;font-weight:550}.card-hint{display:block;font-size:12px;color:#7a7e72;margin-top:10px}.enter-arrow{font-size:22px;color:var(--accent)}.stage{position:fixed;top:93px;right:0;bottom:53px;left:0;z-index:2;pointer-events:none}.stage-nav{position:absolute;top:25px;left:4.3%;right:4.3%;display:flex;justify-content:space-between;align-items:center}.stage-nav button{pointer-events:auto;background:#f8f7f2d9;border:1px solid #d1d4c8;border-radius:30px;padding:10px 19px;font-size:14px;min-height:42px}.stage-index{font-size:12px;letter-spacing:2px;color:#7b8274}.stage-title{position:absolute;left:4.3%;top:110px}.stage-title h1{font-size:45px;letter-spacing:3px}.stage-title .eyebrow{color:var(--accent)}.stage-bottom{position:absolute;bottom:24px;left:10%;right:10%;text-align:center}.instruction{font-size:15px;color:#666e5f;line-height:1.7}.response{display:flex;flex-direction:column;align-items:center;gap:12px;min-height:32px}.state{font-size:11px;letter-spacing:2px;color:#78806c}.meter{width:92px;height:3px;background:#d8dcd0;border-radius:3px;overflow:hidden}.meter i{display:block;width:100%;height:100%;background:var(--accent);transform-origin:left;transform:scaleX(0)}.error{margin:15vh auto;padding:30px;max-width:600px}.error h1{font-size:28px}@media(min-width:1500px){.shelf{max-width:1550px;margin:auto;padding-top:65px}.intro{margin-bottom:60px}}@media(max-width:1100px){.cards{grid-template-columns:repeat(3,1fr)}}@media(max-width:850px){header{height:75px;padding-top:18px;padding-bottom:18px}.shelf{padding-top:29px}.intro{margin-bottom:28px}.intro-note{display:none}.cards{grid-template-columns:repeat(2,1fr);gap:14px}.specimen{height:200px}.card-bottom{padding:17px}.card-top{padding:15px 17px}.stage{top:75px}.stage-title{top:90px}.stage-title h1{font-size:32px}.stage-title .eyebrow{font-size:10px}.stage-bottom{left:7%;right:7%;bottom:17px}.instruction{font-size:14px}.edition{font-size:10px;letter-spacing:1px}.sound{font-size:10px;padding:7px 9px}}@media(max-width:480px){h1{font-size:36px}.specimen{height:158px}.card-bottom strong{font-size:14px;letter-spacing:1.4px}.card-hint{font-size:11px}.card-bottom{padding:16px 13px}.card-top{padding:14px 13px}.enter-arrow{font-size:18px}.cards{gap:10px}.stage-title h1{font-size:25px}.stage-title{top:92px}.stage-bottom{bottom:20px}.edition b{margin-left:5px}.brand{font-size:32px}footer{font-size:10px}.stage-nav button{padding:9px 14px}.instruction{max-width:310px;margin:0 auto 18px}header{padding-left:5%;padding-right:5%}}@media(max-height:570px){.stage-title{top:75px}.stage-title h1{font-size:24px}.stage-bottom{bottom:6px}.instruction{margin:0 0 8px;font-size:12px}.stage-nav{top:10px}.stage-title .eyebrow{margin-bottom:8px}}#app{display:flex;flex-direction:column;min-height:100svh}header{flex-shrink:0}.shelf{order:1;padding-bottom:35px}footer{position:relative;order:3;left:auto;right:auto;margin:auto 4.3% 0;flex-shrink:0}.in-stage footer{position:fixed;left:4.3%;right:4.3%;margin:0}.in-stage{height:100svh;overflow:hidden}.instruction{transition:opacity 1.1s ease}.stage.touched .instruction{opacity:0}.brand{font-family:inherit;font-size:24px;font-weight:550;letter-spacing:0}.stage-title h1{letter-spacing:4px}.stage-title .eyebrow{font-size:12px}.card-bottom strong{font-size:20px}h1{letter-spacing:0}:root{--scene:#e7e2da;--ink:#353930;--accent:#7f9272;color:var(--ink);background:var(--scene)}body{background:var(--scene);transition:background-color .7s ease}#app{isolation:isolate;background:linear-gradient(135deg,#ffffff38 0%,transparent 46%,#65715d0b 100%);transition:background-color .7s ease}#app[data-material=soft]{--scene:#eadbd4;--accent:#b77e6d}#app[data-material=elastic]{--scene:#eaded9;--accent:#087f79}#app[data-material=grain]{--scene:#e0d8e7;--accent:#9073a8}#app[data-material=grape]{--scene:#e6e1e7;--accent:#9b58b8}#app[data-material=butter]{--scene:#ddd4c0;--accent:#c08f2e}#app[data-material]{background-color:var(--scene)}header{border-bottom-color:#ffffff75;background:#f8f5ee4f;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 1px #6f74520a}.brand span{color:var(--accent)}.sound{background:#ffffff52;border-color:#ffffffa1;box-shadow:inset 0 1px #fff9}.shelf{max-width:1600px;margin-inline:auto}.material-card{overflow:hidden;border-color:#ded7d0;border-radius:22px;background:linear-gradient(150deg,#ffffff72,#fffaf263);box-shadow:0 16px 38px #62595322,inset 0 1px #fff}.material-card:hover{transform:translateY(-3px);box-shadow:0 22px 55px #525c471a,inset 0 1px #fff;transition:transform .25s ease,border-color .25s,box-shadow .25s}.card-bottom{border-top-color:#ffffff80;background:#faf8f338}.stage:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(ellipse 45% 38% at 54% 48%,#fff8 0%,#fff2 55%,transparent 73%),linear-gradient(115deg,#fff3,transparent 37%,#6b74500c);z-index:-1}.stage-nav button{background:#ffffff8c;border-color:#ffffffc2;box-shadow:0 10px 28px #444b3b12;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.stage-title h1{text-shadow:0 2px 18px #fff8}.stage-bottom{padding:12px 24px;border-radius:22px;background:linear-gradient(90deg,transparent,#fff4,transparent);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.meter{height:4px;background:#ffffff80;box-shadow:inset 0 1px 2px #4b51451a}footer{border-top-color:#ffffff75;color:#62685b}@media(max-width:850px){.material-card{border-radius:17px}.stage:before{background:radial-gradient(ellipse 65% 40% at 54% 49%,#fff8 0%,#fff1 63%,transparent 78%)}}.sound{pointer-events:auto}.daily-panel{pointer-events:auto;margin:-12px 0 28px;padding:22px 24px;border:1px solid #ffffffb8;border-radius:22px;background:linear-gradient(135deg,#ffffffa6,#ffffff45);box-shadow:0 14px 38px #525c4710,inset 0 1px #fff}.daily-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:16px}.daily-heading .eyebrow{margin:0 0 6px}.daily-heading h2{font-size:22px;font-weight:550;margin:0}.daily-score{display:flex;align-items:end;gap:14px}.daily-score strong{font-size:17px;color:#b7862e}.daily-score span{font-size:11px;letter-spacing:1px;color:#757b6d}.daily-tasks{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.daily-task{position:relative;overflow:hidden;display:flex;align-items:center;gap:11px;text-align:left;padding:13px 15px;border-radius:15px;background:#ffffff73;border:1px solid #ffffffb5}.daily-task:hover{filter:none;background:#ffffffa0}.daily-task>span:nth-child(2){display:flex;flex-direction:column;gap:4px}.daily-task strong{font-size:13px;font-weight:650}.daily-task small{font-size:11px;color:#747a6e}.daily-check{font-size:19px;color:#9a8f7e}.daily-task i{position:absolute;left:0;right:0;bottom:0;height:3px;background:#b7865e;transform-origin:left;transition:transform .25s}.daily-task.complete{background:#eef1e7}.daily-task.complete .daily-check{color:#71865e}.daily-task.complete i{background:#7f956e}@media(max-width:850px){.daily-panel{margin-top:0;padding:17px;border-radius:17px}.daily-heading{align-items:start}.daily-score{flex-direction:column;align-items:end;gap:2px}.daily-tasks{grid-template-columns:1fr}.daily-task{padding:11px 13px}}.specimen{height:clamp(230px,28vw,380px)}@media(max-width:850px){.specimen{height:240px}}@media(max-width:480px){.specimen{height:190px}}html{word-break:normal;overflow-wrap:break-word}.stage-bottom{bottom:18px;z-index:1}.recovery-control,.shape-control,.soft-shape-control,.elastic-shape-control,.grain-shape-control,.soft-color-control,.wax-switcher{bottom:124px;z-index:6;max-width:calc(100vw - 28px);max-width:calc(100vw - 28px - env(safe-area-inset-left) - env(safe-area-inset-right))}.texture-control,.elastic-shape-control,.grain-shape-control,.soft-shape-control{bottom:180px;z-index:6}@media(max-width:850px){.recovery-control,.shape-control,.soft-shape-control,.elastic-shape-control,.grain-shape-control,.soft-color-control,.wax-switcher{bottom:116px;max-width:calc(100vw - 24px)}.texture-control,.elastic-shape-control,.grain-shape-control,.soft-shape-control{bottom:168px}}.materials-page .cards{display:grid;grid-template-columns:minmax(0,980px);justify-content:center;gap:14px;overflow:visible;padding:0}.materials-page .material-card{display:grid;grid-template-columns:35% minmax(0,1fr) auto;grid-template-rows:190px;width:100%;min-width:0;overflow:hidden;border:1px solid #ddd6d0;border-radius:28px;background:linear-gradient(105deg,#fffdfaeb,#fffaf3c9);box-shadow:0 13px 32px #665c5518,inset 0 1px #fff;text-align:left}.materials-page .material-card:hover{transform:translateY(-2px);border-color:#c9c0b8;box-shadow:0 18px 38px #665c5522,inset 0 1px #fff}.materials-page .specimen{grid-column:1;grid-row:1;height:190px;align-self:stretch}.materials-page .card-top{position:absolute;z-index:2;left:35%;top:27px;display:flex;align-items:center;gap:10px;padding:0;color:#7e8277}.materials-page .card-top .card-feel{display:grid;place-items:center;min-width:40px;height:28px;padding:0 11px;border-radius:16px;background:color-mix(in srgb,var(--accent) 13%,#fff);color:color-mix(in srgb,var(--accent) 70%,#596057);font-size:12px;font-weight:700;letter-spacing:1px}.materials-page .card-number{font-size:11px;letter-spacing:1.5px}.materials-page .card-sticker{position:absolute;z-index:2;left:29%;bottom:22px;display:grid;place-items:center;width:42px;height:42px;border:2px solid #fff;border-radius:15px;background:#fffaf2;box-shadow:0 6px 16px #5c514c16;font-size:22px}.materials-page .card-bottom{grid-column:2/4;grid-row:1;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:24px;padding:47px 30px 20px 0;border:0;background:transparent}.materials-page .card-bottom>span:first-child{display:flex;min-width:0;flex-direction:column;gap:8px}.materials-page .card-bottom strong{font-size:25px;font-weight:650;letter-spacing:1px;color:#51424d}.materials-page .card-hint{display:block;margin:0;font-size:13px;color:#8a817d;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.materials-page .card-hint:after{content:"  \25cf   \25cb   \25cb   \25cb";color:color-mix(in srgb,var(--accent) 48%,#d8d1ce);font-size:9px;letter-spacing:3px}.materials-page .enter-arrow{display:grid;place-items:center;min-width:104px;height:48px;padding:0 20px;border:1.5px solid #a89ca4;border-radius:25px;color:#685a64;font-size:14px;font-weight:650;letter-spacing:1px;background:#fff8;box-shadow:none}@media(max-width:700px){.materials-page .cards{display:grid;grid-template-columns:1fr;gap:10px;overflow:visible;padding:0}.materials-page .material-card{display:grid;grid-template-columns:34% minmax(0,1fr) auto;grid-template-rows:138px;min-height:138px;border-radius:21px}.materials-page .specimen{height:138px}.materials-page .card-top{left:34%;top:17px;gap:7px}.materials-page .card-top .card-feel{min-width:34px;height:23px;padding:0 8px;font-size:11px}.materials-page .card-number{font-size:10px}.materials-page .card-sticker{left:27%;bottom:14px;width:34px;height:34px;border-radius:12px;font-size:17px}.materials-page .card-bottom{grid-column:2/4;padding:35px 13px 12px 0;gap:9px}.materials-page .card-bottom strong{font-size:18px;letter-spacing:.3px}.materials-page .card-hint{display:block;max-width:37vw;font-size:10px}.materials-page .card-hint:after{display:block;margin-top:6px;letter-spacing:1.5px}.materials-page .enter-arrow{min-width:64px;height:36px;padding:0 10px;border-width:1px;font-size:11px;letter-spacing:0}}@media(max-height:640px){.recovery-control,.shape-control,.soft-shape-control,.elastic-shape-control,.grain-shape-control,.soft-color-control,.wax-switcher{bottom:108px}.texture-control,.elastic-shape-control,.grain-shape-control,.soft-shape-control{bottom:156px}}.recovery-control,.shape-control,.soft-shape-control,.elastic-shape-control,.grain-shape-control,.soft-color-control,.texture-control,.wax-switcher{position:absolute;left:50%;transform:translate(-50%);z-index:6;pointer-events:auto;display:flex;align-items:center;gap:6px;padding:6px;border-radius:28px;flex-wrap:nowrap;white-space:nowrap;max-width:calc(100vw - 24px);overflow-x:auto;scrollbar-width:none;background:#ffffffb0;border:1px solid #ffffffd6;box-shadow:0 10px 28px #5b476518;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.recovery-control::-webkit-scrollbar,.shape-control::-webkit-scrollbar,.soft-shape-control::-webkit-scrollbar,.elastic-shape-control::-webkit-scrollbar,.grain-shape-control::-webkit-scrollbar,.soft-color-control::-webkit-scrollbar,.texture-control::-webkit-scrollbar,.wax-switcher::-webkit-scrollbar{display:none}.recovery-control>span,.shape-control>span,.soft-shape-control>span,.elastic-shape-control>span,.grain-shape-control>span,.soft-color-control>span,.texture-control>span,.wax-switcher>.wax-label{padding:0 8px;font-size:11px;letter-spacing:1px;color:#756d79;line-height:1;flex:0 0 auto}.wax-switcher .wax-dots{display:flex;align-items:center;gap:6px;flex:0 0 auto}.recovery-control button,.shape-control button,.soft-shape-control button,.elastic-shape-control button,.grain-shape-control button,.texture-control button,.wax-switcher [data-bounce]{height:34px;min-width:34px;padding:0 14px;border-radius:18px;font-size:12px;line-height:1;white-space:nowrap;background:transparent;flex:0 0 auto;transition:background .15s,box-shadow .15s,color .15s}.soft-color-control button,.wax-switcher [data-ball]{width:30px;height:30px;padding:0;border-radius:50%;border:2px solid #ffffff;box-shadow:0 2px 8px #4b514533;transition:transform .15s,box-shadow .15s}.soft-color-control button{background:var(--swatch)}.wax-switcher [data-ball]{background:var(--ball)}.recovery-control button:hover,.shape-control button:hover,.soft-shape-control button:hover,.elastic-shape-control button:hover,.grain-shape-control button:hover,.texture-control button:hover,.wax-switcher [data-bounce]:hover{filter:none;background:#fff6}.soft-color-control button:hover,.wax-switcher [data-ball]:hover{filter:none;transform:scale(1.1)}.recovery-control button.active,.shape-control button.active,.soft-shape-control button.active,.elastic-shape-control button.active,.grain-shape-control button.active,.texture-control button.active,.wax-switcher [data-bounce].active{background:#fff;color:var(--accent);box-shadow:0 3px 12px #5b476522;font-weight:650}.soft-color-control button.active,.wax-switcher [data-ball].active{transform:scale(1.12);box-shadow:0 0 0 2px #fff,0 0 0 4px var(--accent),0 3px 12px #5b476522}@media(max-width:850px){.recovery-control button,.shape-control button,.soft-shape-control button,.elastic-shape-control button,.grain-shape-control button,.texture-control button,.wax-switcher [data-bounce]{height:32px;min-width:32px;padding:0 10px;font-size:11px}.recovery-control>span,.shape-control>span,.soft-shape-control>span,.elastic-shape-control>span,.grain-shape-control>span,.soft-color-control>span,.texture-control>span,.wax-switcher>.wax-label{padding:0 5px;font-size:10px}.soft-color-control button,.wax-switcher [data-ball]{width:26px;height:26px}}@media(max-width:480px){.recovery-control button,.shape-control button,.soft-shape-control button,.elastic-shape-control button,.grain-shape-control button,.texture-control button,.wax-switcher [data-bounce]{padding:0 8px;font-size:11px}}.daily-rewards{display:flex;align-items:center;gap:7px;margin-top:14px;padding-top:13px;border-top:1px solid #ffffffa6;overflow-x:auto}.daily-rewards>span{flex:0 0 auto;margin-right:3px;font-size:11px;letter-spacing:1px;color:#73796c}.daily-rewards button{flex:0 0 auto;padding:7px 11px;border-radius:15px;background:#ffffff73;font-size:11px}.daily-rewards button.active{background:#fff;color:#8b6b32;box-shadow:0 3px 12px #5b476522}.daily-rewards button:disabled{cursor:default;opacity:.48;filter:none}html[data-daily-theme=sunset] body{background:#dbc3b7}html[data-daily-theme=sunset] #app{background:linear-gradient(135deg,#ffd8c680,#8c66852b 55%,#53667b26)}html[data-daily-theme=mint] body{background:#bfd6cf}html[data-daily-theme=mint] #app{background:linear-gradient(145deg,#dffaf090,#477a772e 58%,#263d532b)}html[data-daily-theme=gold] body{background:#d9c79d}html[data-daily-theme=gold] #app{background:radial-gradient(circle at 50% 25%,#fff4c899,transparent 42%),linear-gradient(135deg,#be8e3e35,#ffffff30,#77572a25)}.header-actions{display:flex;align-items:center;gap:8px;pointer-events:auto}.language-picker{display:flex;align-items:center;gap:5px;min-height:34px;padding:0 8px 0 11px;border:1px solid #ffffffa1;border-radius:20px;background:#ffffff52;font-size:10px;letter-spacing:1px;color:#666d61}.language{min-width:64px;padding:7px 20px 7px 3px;border:0;outline:0;background:transparent;color:#30362f;font:inherit;letter-spacing:.4px;cursor:pointer}.language option{color:#252a24;background:#f7f4ed}#app.in-stage:after{content:"";position:fixed;z-index:4;left:var(--press-x,-100px);top:var(--press-y,-100px);width:112px;height:112px;border-radius:50%;background:radial-gradient(circle,#ffffff42 0 12%,#ffffff18 28%,transparent 68%);box-shadow:0 0 36px #ffffff24;transform:translate(-50%,-50%) scale(.45);opacity:0;pointer-events:none;transition:transform .24s cubic-bezier(.2,.8,.2,1),opacity .2s}.in-stage.pressing:after{transform:translate(-50%,-50%) scale(1);opacity:1}.in-stage.pressing .world{filter:saturate(1.035) contrast(1.015)}.campaign-panel{pointer-events:auto;margin:-12px 0 20px;padding:20px 22px;border:1px solid #ffffffc2;border-radius:24px;background:linear-gradient(125deg,#fffdf1cc,#ffffff60 58%,#c8d5c23d);box-shadow:0 18px 45px #525c4712,inset 0 1px #fff}.campaign-heading{display:flex;align-items:end;justify-content:space-between;gap:20px}.campaign-heading .eyebrow{margin:0 0 4px}.campaign-heading h2{margin:0;font-size:clamp(19px,2vw,25px);font-weight:540}.campaign-heading>span{font-size:13px;letter-spacing:2px;color:#787e71}.campaign-note{margin:7px 0 13px;font-size:11px;color:#747a6d}.level-grid{display:flex;gap:8px;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:none;padding:1px 1px 5px}.level-grid::-webkit-scrollbar{display:none}.level-node{display:flex;align-items:center;gap:10px;flex:0 0 205px;min-width:0;padding:10px 11px;text-align:left;border:1px solid #ffffffc7;border-radius:14px;background:#ffffff75;scroll-snap-align:start;transition:transform .18s,background .18s}.level-node:not(:disabled):hover{filter:none;transform:translateY(-2px);background:#fff}.level-node>b{display:grid;place-items:center;flex:0 0 auto;width:31px;height:31px;border-radius:50%;background:#e8e8dc;color:#697060;font-size:10px;letter-spacing:1px}.level-node>span{display:flex;min-width:0;flex-direction:column;gap:3px}.level-node strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.level-node small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px;color:#747a6d}.level-node.done>b{background:#809570;color:#fff}.level-node:disabled{cursor:default;opacity:.48;filter:none}.challenge-hud{position:fixed;z-index:8;top:111px;left:50%;transform:translate(-50%);width:min(410px,calc(100vw - 32px));padding:13px 18px;border:1px solid #ffffffd9;border-radius:20px;background:#ffffffe6;box-shadow:0 16px 40px #4c54422b;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);text-align:center;pointer-events:auto}.challenge-hud button{position:absolute;right:11px;top:10px;width:28px;height:28px;border-radius:50%;background:#ecece4}.challenge-hud>span{display:block;font-size:9px;letter-spacing:2px;color:#818678}.challenge-hud>strong{display:block;margin:4px 30px 2px;font-size:15px}.challenge-hud>small{display:block;color:#6d7366;font-size:11px}.challenge-hud>i{display:block;height:4px;margin-top:10px;overflow:hidden;border-radius:4px;background:#dfe2d8}.challenge-hud>i b{display:block;width:100%;height:100%;transform-origin:left;background:var(--accent);transition:transform .18s}.challenge-result{position:fixed;z-index:20;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:24px;background:#30352c70;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);pointer-events:auto}.challenge-result>div{width:min(420px,100%);padding:35px 28px;border-radius:28px;background:#f7f5ee;text-align:center;box-shadow:0 25px 70px #1d211a45}.challenge-result>div>span{display:grid;place-items:center;width:58px;height:58px;margin:auto;border-radius:50%;background:#829875;color:#fff;font-size:27px}.challenge-result p{margin:15px 0 4px;font-size:11px;letter-spacing:2px;color:#747a6d}.challenge-result h2{margin:0 0 23px;font-size:27px}.result-actions{display:flex;justify-content:center;gap:9px}.result-actions button{padding:11px 17px;border-radius:22px;background:#e3e6db}.result-actions button:first-child{background:#778d6a;color:#fff}@media(max-width:700px){.campaign-panel{margin-top:0;padding:15px 16px;border-radius:18px}.level-node{flex-basis:178px;padding:9px;gap:8px}.level-node>b{width:28px;height:28px}.challenge-hud{top:87px}.header-actions{gap:5px}.edition{display:none}.language-picker{padding-left:8px}.language{padding:7px 18px 7px 2px;min-width:66px}.sound{padding:7px 8px;min-width:auto}.daily-panel{padding:15px 16px}.daily-tasks{display:flex;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:none}.daily-tasks::-webkit-scrollbar{display:none}.daily-task{flex:0 0 210px;scroll-snap-align:start}.daily-rewards{margin-top:10px;padding-top:10px}}@media(max-width:420px){.level-node small{display:none}.campaign-heading{align-items:start}.campaign-heading>span{white-space:nowrap}.edition{display:none}.challenge-result h2{font-size:23px}}html,body{overflow-x:hidden}.shelf,.campaign-panel,.daily-panel{min-width:0;max-width:100%}.daily-rewards{scrollbar-width:none}.daily-rewards::-webkit-scrollbar{display:none}@media(max-width:700px){.shelf{padding:22px 16px 28px;overflow:hidden}.intro{margin-bottom:20px}.intro .eyebrow{margin-bottom:9px}.intro h1 span{display:none}.campaign-panel,.daily-panel{margin-bottom:14px}.daily-heading{margin-bottom:10px}.daily-heading h2{font-size:19px}.daily-task{padding:9px 11px}.daily-rewards{padding-bottom:1px}.cards{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-left:1px;scrollbar-width:none;padding:1px 1px 8px}.cards::-webkit-scrollbar{display:none}.material-card{flex:0 0 min(72vw,280px);scroll-snap-align:start}.specimen{height:150px}.card-top{padding:11px 14px}.card-bottom{padding:13px 14px}.card-bottom strong{font-size:17px}.card-hint{display:none}footer{height:44px}}.mode-page{min-height:calc(100svh - 230px);display:flex;flex-direction:column;justify-content:center}.mode-heading{margin-bottom:30px}.mode-heading .eyebrow{margin-bottom:8px}.mode-heading h1 span{display:block;margin-top:12px;font-size:14px;font-weight:400;color:#747a6d}.mode-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;pointer-events:auto}.mode-actions button{position:relative;min-height:210px;padding:28px;text-align:left;border:1px solid #ffffffc4;border-radius:26px;background:linear-gradient(145deg,#fffdf1c7,#ffffff50);box-shadow:0 18px 45px #525c4712,inset 0 1px #fff}.mode-actions button:nth-child(2){background:linear-gradient(145deg,#e7f1eabf,#ffffff50)}.mode-actions span{display:block;margin-bottom:32px;font-size:11px;letter-spacing:2px;color:#7a8073}.mode-actions strong{display:block;font-size:clamp(24px,3vw,38px);font-weight:520}.mode-actions small{display:block;margin-top:9px;color:#747a6d}.mode-actions b{position:absolute;right:25px;bottom:24px;font-size:12px;color:#63745c}.mode-back{pointer-events:auto;margin-bottom:20px;padding:9px 14px;border:1px solid #ffffffbd;border-radius:20px;background:#ffffff70}@media(max-width:700px){.mode-page{min-height:calc(100svh - 145px)}.mode-heading{margin-bottom:22px}.mode-actions{grid-template-columns:1fr;gap:11px}.mode-actions button{min-height:145px;padding:18px 20px 42px;border-radius:20px}.mode-actions span{margin-bottom:13px}.mode-actions strong{font-size:23px}.mode-actions small{display:block;margin-top:5px;max-width:75%}.mode-actions b{right:19px;bottom:17px}.mode-back{margin-bottom:14px;font-size:12px}}.shelf-tabs{position:sticky;top:10px;z-index:9;display:flex;width:max-content;margin:0 auto 34px;padding:5px;border:1px solid #ffffffc7;border-radius:24px;background:#f4f2ece6;box-shadow:0 8px 24px #525c4712;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);pointer-events:auto}.shelf-tabs button{padding:9px 18px;border-radius:19px;background:transparent;font-size:12px}.shelf-tabs button.active{background:#fff;box-shadow:0 3px 12px #525c4718;color:#52624b}.page-heading{margin-bottom:24px}.page-heading .eyebrow{margin-bottom:7px}.page-heading h1{font-size:34px}.mini-materials{display:grid;grid-template-columns:repeat(6,1fr);gap:9px;pointer-events:auto}.mini-material{position:relative;display:flex;min-width:0;min-height:86px;flex-direction:column;align-items:flex-start;padding:12px;border:1px solid #ffffffbe;border-radius:16px;background:#ffffff6e;text-align:left}.mini-material span{font-size:9px;color:#7b8174}.mini-material b{max-width:100%;margin-top:auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.mini-material i{position:absolute;right:10px;top:9px;color:var(--accent);font-size:11px;font-style:normal}@media(max-width:700px){.shelf-tabs{top:7px;margin-bottom:20px}.shelf-tabs button{padding:8px 15px}.materials-page .cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;overflow:visible;padding:0}.materials-page .material-card{width:auto;min-width:0}.materials-page .specimen{height:135px}.materials-page .card-hint{display:none}.page-heading{margin-bottom:15px}.page-heading h1{font-size:27px}.journey-page .level-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));overflow:visible;gap:7px;padding:0}.journey-page .level-node{width:auto;min-width:0;min-height:58px;padding:8px;gap:6px}.journey-page .level-node>b{width:25px;height:25px}.journey-page .level-node strong{font-size:10px}.journey-page .level-node small{display:none}.journey-page .daily-tasks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));overflow:visible;gap:7px}.journey-page .daily-task{width:auto;min-width:0;min-height:62px;padding:8px;align-items:flex-start}.journey-page .daily-task strong{font-size:10px}.journey-page .daily-task small{display:none}.journey-page .daily-rewards{flex-wrap:wrap;overflow:visible}.mini-materials{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.mini-material{min-height:70px;padding:9px}.mini-material b{font-size:11px}}.shelf-landing{min-height:calc(100svh - 240px);display:flex;flex-direction:column;justify-content:center}.shelf-landing .intro{margin-bottom:32px}.landing-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;pointer-events:auto}.landing-actions button{position:relative;min-height:210px;padding:28px;text-align:left;border:1px solid #ffffffc4;border-radius:26px;background:linear-gradient(145deg,#ffffffa8,#ffffff48);box-shadow:0 18px 45px #525c4712,inset 0 1px #fff}.landing-actions button:nth-child(2){background:linear-gradient(145deg,#e9f2ecb8,#ffffff4d)}.landing-actions span{display:block;margin-bottom:34px;font-size:11px;letter-spacing:2px;color:#7a8073}.landing-actions strong{display:block;font-size:clamp(24px,3vw,38px);font-weight:520}.landing-actions small{display:block;margin-top:10px;color:#747a6d}.landing-actions b{position:absolute;right:26px;bottom:25px;font-size:12px;font-weight:550;letter-spacing:1px;color:#64745d}.hub-nav{display:flex;align-items:end;gap:24px;margin-bottom:24px}.hub-nav button{pointer-events:auto;padding:9px 14px;border:1px solid #ffffffbd;border-radius:20px;background:#ffffff69}.hub-nav .eyebrow{margin:0 0 4px}.hub-nav h1{font-size:31px}.materials-label{margin:22px 0 12px;font-size:11px;letter-spacing:2px;color:#73796c}.compact-cards .specimen{height:190px}.compact-cards .card-bottom{padding:16px}.compact-cards .card-bottom strong{font-size:16px}@media(max-width:700px){.shelf-landing{min-height:calc(100svh - 145px);justify-content:center}.shelf-landing .intro{margin-bottom:22px}.shelf-landing .intro h1 span{display:block}.landing-actions{grid-template-columns:1fr;gap:11px}.landing-actions button{min-height:125px;padding:18px 20px;border-radius:20px}.landing-actions span{margin-bottom:15px}.landing-actions strong{font-size:23px}.landing-actions small{margin-top:5px}.landing-actions b{right:19px;bottom:17px}.hub-nav{align-items:center;margin-bottom:16px}.hub-nav h1{font-size:25px}.hub-nav .eyebrow{display:none}.hub-nav button{padding:8px 11px;font-size:12px}.shelf-hub .level-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));overflow:visible;gap:7px;padding:0}.shelf-hub .level-node{width:auto;min-width:0;min-height:58px;padding:8px;gap:6px}.shelf-hub .level-node>b{width:25px;height:25px}.shelf-hub .level-node strong{font-size:10px}.shelf-hub .level-node small{display:none}.shelf-hub .daily-tasks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));overflow:visible;gap:7px}.shelf-hub .daily-task{width:auto;min-width:0;min-height:62px;padding:8px;align-items:flex-start}.shelf-hub .daily-task strong{font-size:10px}.shelf-hub .daily-task small{display:none}.shelf-hub .daily-rewards{flex-wrap:wrap;overflow:visible}.shelf-hub .cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;overflow:visible;padding:0}.shelf-hub .material-card{width:auto;min-width:0}.shelf-hub .specimen{height:92px}.shelf-hub .card-top{padding:8px 9px}.shelf-hub .card-bottom{padding:9px}.shelf-hub .card-bottom strong{font-size:12px;letter-spacing:.5px}.shelf-hub .enter-arrow{font-size:14px}.shelf-hub .card-hint{display:none}}@media(max-width:700px){.materials-page .cards{display:grid;grid-template-columns:1fr;gap:10px;overflow:visible;padding:0}.materials-page .specimen{height:138px}.materials-page .card-hint{display:block}}@media(max-width:900px){.materials-page .cards{grid-template-columns:minmax(0,720px)}.materials-page .material-card{grid-template-columns:32% minmax(0,1fr) 82px;grid-template-rows:160px;min-height:160px;border-radius:24px}.materials-page .specimen{height:160px}.materials-page .card-top{left:32%;right:18px;top:20px;width:auto;justify-content:space-between}.materials-page .card-sticker{left:25%;bottom:18px;width:38px;height:38px;font-size:19px}.materials-page .card-bottom{grid-column:2/4;padding:39px 18px 15px 0;gap:12px}.materials-page .card-bottom strong{font-size:21px}.materials-page .card-hint{max-width:42vw;font-size:11px}.materials-page .enter-arrow{min-width:76px;height:40px;padding:0 12px;font-size:12px}}@media(max-width:700px){.materials-page .cards{grid-template-columns:1fr}.materials-page .material-card{grid-template-columns:29% minmax(0,1fr) 64px;grid-template-rows:136px;min-height:136px;border-radius:20px}.materials-page .specimen{height:136px}.materials-page .card-top{left:29%;right:12px;top:14px;justify-content:space-between}.materials-page .card-sticker{display:none}.materials-page .card-bottom{grid-column:2/4;padding:31px 11px 10px 0;gap:7px}.materials-page .card-bottom>span:first-child{gap:5px;min-width:0}.materials-page .card-bottom strong{font-size:clamp(15px,4.3vw,18px);line-height:1.15;white-space:normal;overflow-wrap:anywhere}.materials-page .card-hint{display:block;max-width:40vw;font-size:9px;white-space:nowrap}.materials-page .card-hint:after{margin-top:5px;font-size:7px}.materials-page .enter-arrow{min-width:58px;height:34px;padding:0 7px;font-size:10px}}@media(max-width:420px){.materials-page .material-card{grid-template-columns:27% minmax(0,1fr) 52px;grid-template-rows:124px;min-height:124px}.materials-page .specimen{height:124px}.materials-page .card-top{left:27%;right:9px;top:11px}.materials-page .card-top .card-feel{min-width:29px;height:21px;padding:0 6px;font-size:10px}.materials-page .card-bottom{padding:27px 8px 8px 0;gap:5px}.materials-page .card-bottom strong{font-size:15px}.materials-page .card-hint{max-width:39vw;font-size:8px}.materials-page .enter-arrow{min-width:46px;height:31px;padding:0 4px;font-size:9px}}@media(max-width:900px){.materials-page{--shelf-row:clamp(78px,10.8svh,102px)}.materials-page .mode-back{margin-bottom:8px;padding:7px 11px}.materials-page .intro{margin-bottom:10px}.materials-page .intro .eyebrow{margin-bottom:5px}.materials-page .intro h1{font-size:clamp(27px,6vw,38px);line-height:1.05}.materials-page .intro h1 span,.materials-page .intro-note{display:none}.materials-page .cards{gap:6px}.materials-page .material-card{grid-template-columns:29% minmax(0,1fr) 60px;grid-template-rows:var(--shelf-row);min-height:var(--shelf-row);border-radius:17px}.materials-page .specimen{height:var(--shelf-row)}.materials-page .card-top{left:29%;right:9px;top:7px}.materials-page .card-top .card-feel{min-width:29px;height:20px;padding:0 6px;font-size:10px}.materials-page .card-number{font-size:9px}.materials-page .card-bottom{grid-column:2/4;padding:20px 8px 5px 0;gap:5px}.materials-page .card-bottom>span:first-child{gap:3px}.materials-page .card-bottom strong{font-size:clamp(14px,3.8vw,18px);line-height:1.05;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.materials-page .card-hint{display:block;max-width:43vw;font-size:8px;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.materials-page .card-hint:after{display:block;margin-top:3px;font-size:6px;line-height:1;letter-spacing:1px}.materials-page .enter-arrow{min-width:52px;height:29px;padding:0 4px;font-size:9px}}@media(max-width:900px)and (max-height:760px){.materials-page{--shelf-row:72px}.materials-page .mode-back{margin-bottom:5px;padding:5px 9px}.materials-page .intro{margin-bottom:6px}.materials-page .intro h1{font-size:25px}.materials-page .cards{gap:4px}.materials-page .card-hint{display:none}.materials-page .card-bottom{padding-top:17px}}.shelf{width:100%;box-sizing:border-box}.materials-page{width:100%;min-width:0}.materials-page .cards{width:min(100%,920px);margin-inline:auto;grid-template-columns:minmax(0,1fr);gap:clamp(4px,.7svh,8px)}.materials-page .material-card{width:100%;grid-template-columns:28% minmax(0,1fr) auto;grid-template-rows:clamp(68px,calc((100svh - 310px)/6),110px);min-height:0;border-radius:18px}.materials-page .specimen{grid-column:1;grid-row:1;height:100%}.materials-page .card-sticker{display:none}.materials-page .card-top{left:28%;right:12px;top:7px;align-items:center;justify-content:space-between;padding:0}.materials-page .card-bottom{grid-column:2/4;grid-row:1;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;min-width:0;padding:20px 12px 5px 0}.materials-page .card-bottom>span:first-child{min-width:0;gap:3px}.materials-page .card-bottom strong{display:block;white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:normal;word-break:keep-all;font-size:clamp(14px,2.2vw,20px);line-height:1.15}.materials-page .card-hint{display:none}.materials-page .enter-arrow{min-width:58px;height:30px;padding:0 8px;font-size:11px;white-space:nowrap}.materials-page .mode-back{margin-bottom:8px;padding:7px 12px}.materials-page .intro{margin-bottom:10px}.materials-page .intro .eyebrow{margin-bottom:4px}.materials-page .intro h1{font-size:clamp(24px,3vw,36px);line-height:1.05}.materials-page .intro h1 span,.materials-page .intro-note{display:none}@media(max-width:600px){.materials-page .cards{width:100%}.materials-page .material-card{grid-template-columns:25% minmax(0,1fr) auto;grid-template-rows:clamp(65px,calc((100svh - 225px)/6),100px)}.materials-page .card-top{left:25%}.materials-page .card-bottom strong{font-size:clamp(13px,3.8vw,17px)}.materials-page .enter-arrow{min-width:49px;height:29px;padding:0 5px;font-size:10px}}@media(max-height:720px){.materials-page .material-card{grid-template-rows:clamp(56px,calc((100svh - 220px)/6),76px)}.materials-page .cards{gap:4px}.materials-page .mode-back{margin-bottom:4px;padding:5px 9px}.materials-page .intro{margin-bottom:5px}.materials-page .intro h1{font-size:clamp(21px,3vw,26px)}.materials-page .card-bottom{padding-top:16px}.materials-page .card-bottom strong{font-size:clamp(12px,2vw,16px)}}header{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);column-gap:12px}header .brand{justify-self:start}header .edition{display:inline-flex;align-items:center;justify-self:center;white-space:nowrap;font-size:12px;letter-spacing:.5px}header .edition b{margin-left:5px;font-weight:700;color:#d25f8b}header .header-actions{justify-self:end;min-width:0}header .sound{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-width:70px;white-space:nowrap;color:#514753}header .sound-short{display:none}@media(max-width:700px){header .edition{display:inline-flex;font-size:11px}header .sound{min-width:49px;padding-inline:7px}header .sound-label{display:none}header .sound-short{display:inline}}@media(max-width:600px){header{grid-template-columns:minmax(0,1fr) auto;grid-template-rows:52px 21px;height:96px;padding-block:8px 6px;row-gap:0}header .brand{grid-column:1;grid-row:1}header .header-actions{grid-column:2;grid-row:1}header .edition{grid-column:1/-1;grid-row:2;justify-self:center;align-self:center}header .language-picker>span{display:none}header .language{min-width:54px}.stage{top:96px}.materials-page .material-card{grid-template-rows:clamp(60px,calc((100svh - 255px)/6),96px)}}:root{font-family:Microsoft YaHei,PingFang SC,system-ui,sans-serif;--ink:#584651;--pink:#ff79a7;--purple:#9c78ea;--mint:#55cdb1;--yellow:#ffc94e;color:var(--ink);background:#fff7e9}body{background:#fff7e9}button{font-weight:700}#app{overflow:hidden;background:radial-gradient(circle at 8% 18%,#ffd7e5 0 8%,transparent 22%),radial-gradient(circle at 90% 18%,#d9d0ff 0 7%,transparent 20%),linear-gradient(145deg,#fffaf0,#fff2e9 58%,#f7efff)}#app:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;opacity:.35;background-image:radial-gradient(#ef9db8 1.3px,transparent 1.3px),radial-gradient(#8ccfbd 1px,transparent 1px);background-size:34px 34px,51px 51px;background-position:0 0,11px 17px}header{height:84px;padding:14px clamp(18px,4vw,60px);border-bottom:2px solid #fff;background:#fff9f0c7;box-shadow:0 5px 25px #9f647414;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.brand{display:flex;align-items:center;gap:10px;text-decoration:none}.brand>i{display:grid;place-items:center;width:48px;height:48px;border-radius:17px;background:linear-gradient(145deg,#ff8db4,#ff699a);color:#fff;font-size:22px;font-style:normal;box-shadow:0 8px 18px #e7568934;transform:rotate(-5deg)}.brand>span{display:flex;flex-direction:column}.brand b{font-size:20px;letter-spacing:2px}.brand small{font-size:8px;letter-spacing:1.6px;color:#af8997}.edition{display:flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;background:#fff;border:1px solid #f2dfe4;font-size:12px;font-weight:800}.edition>i{width:8px;height:8px;border-radius:50%;background:#6fd0b5;box-shadow:0 0 0 4px #daf6ed}.edition b{padding:3px 7px;border-radius:9px;background:#ffe1eb;color:#d94c7e;font-size:10px}.header-actions{gap:8px}.language-picker,.sound{height:38px;border:1px solid #efdfe4;border-radius:14px;background:#fff;box-shadow:0 5px 14px #8e687310}.language-picker{padding:0 7px 0 11px}.sound{padding:0 13px;font-weight:800}.sound>span{color:#ed6090}footer{min-height:52px;border-top:2px dashed #e9ced7;color:#a1808d;font-size:11px;font-weight:700}.shelf{max-width:1450px;padding:38px clamp(18px,4vw,60px) 32px}.eyebrow{color:#c75a83;font-weight:900}h1{font-weight:900;color:#503e48}.mode-page{position:relative;min-height:calc(100svh - 206px);display:grid;grid-template-columns:minmax(300px,.86fr) minmax(520px,1.14fr);align-items:center;gap:clamp(35px,7vw,110px);padding:20px 2% 38px}.hero-badge{display:inline-flex;padding:8px 14px;border:2px solid #fff;border-radius:999px;background:#ffe1ec;color:#c94d7c;box-shadow:0 6px #f5c8d7;font-size:12px;font-weight:900}.hero-copy{position:relative}.hero-copy h1{margin-top:22px;font-size:clamp(48px,6.4vw,86px);line-height:.98}.hero-copy h1 em{color:#f26798;font-style:normal;text-shadow:3px 4px 0 #ffd6e4}.hero-copy>p{max-width:450px;margin:24px 0 0;color:#90727f;font-size:16px;line-height:1.8}.hero-doodles i{position:absolute;font-style:normal;font-weight:900}.hero-doodles i:nth-child(1){right:11%;top:-5%;color:#60cbb2;font-size:27px}.hero-doodles i:nth-child(2){right:2%;top:24%;color:#f8ba35;font-size:32px}.hero-doodles i:nth-child(3){left:-4%;bottom:-18%;color:#bd92f5;font-size:26px}.mode-actions{display:grid;grid-template-columns:1fr 1fr;gap:18px}.mode-actions button{position:relative;overflow:hidden;min-height:360px;padding:26px;border:3px solid #fff;border-radius:38px;text-align:left;box-shadow:0 20px #e7ccda,0 28px 45px #8a64702a;transition:.22s}.mode-actions button:hover{transform:translateY(-7px) rotate(-1deg);filter:none}.mode-actions button:first-child{background:linear-gradient(155deg,#ffe7a6,#ffb968)}.mode-actions button:last-child{background:linear-gradient(155deg,#c3f1e3,#85d8c7)}.mode-actions button:before{content:"";position:absolute;width:180px;height:180px;right:-55px;top:-50px;border-radius:50%;background:#ffffff35}.mode-icon{position:relative;display:grid;place-items:center;width:132px;height:132px;margin:14px auto 40px;border-radius:42% 58% 48% 52%;background:#fff9;font-size:68px;filter:drop-shadow(0 11px 10px #7b534c28);animation:cute-float 3s ease-in-out infinite}.mode-copy{position:relative;display:block}.mode-copy small{display:block;color:#8c6356;font-size:11px}.mode-copy strong{display:block;margin:6px 0 20px;font-size:clamp(26px,3vw,39px)}.mode-copy b{display:flex;justify-content:space-between;align-items:center;padding-top:15px;border-top:2px dashed #ffffff8c;font-size:13px}.mode-copy b i{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#fff;font-style:normal}.landing-tip{position:absolute;left:50%;bottom:12px;transform:translate(-50%);color:#aa8d98;font-size:11px}@keyframes cute-float{50%{transform:translateY(-9px) rotate(2deg)}}.mode-back{margin-bottom:28px;padding:10px 15px;border:2px solid #fff;border-radius:16px;background:#ffffffc9;box-shadow:0 6px 16px #8a647015}.intro{margin-bottom:28px}.intro-note{padding:9px 14px;border-radius:999px;background:#ffe0eb;color:#c8547f;font-weight:800}.cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.material-card{position:relative;overflow:hidden;border:3px solid #fff;border-radius:30px;background:linear-gradient(160deg,#ffffffdb,#fff6f2b8);box-shadow:0 12px color-mix(in srgb,var(--accent) 22%,#eadde0),0 18px 35px #7f56611c;transition:.22s}.material-card:hover{transform:translateY(-7px);filter:none}.material-card:after{content:"";position:absolute;left:9%;right:9%;top:64px;height:48%;border-radius:50%;background:radial-gradient(ellipse,#fff 0,#ffffff60 44%,transparent 70%);pointer-events:none}.card-top{position:absolute;z-index:3;top:16px;left:17px;right:17px;padding:0}.card-number{font-weight:900}.card-feel{padding:5px 10px;border-radius:999px;background:color-mix(in srgb,var(--accent) 17%,white)!important;color:var(--accent)!important;font-weight:900}.card-sticker{position:absolute;z-index:4;right:17px;top:52px;display:grid;place-items:center;width:42px;height:42px;border:2px solid #fff;border-radius:15px;background:color-mix(in srgb,var(--accent) 16%,white);box-shadow:0 6px 13px #76515f20;font-size:22px;transform:rotate(7deg)}.specimen{height:clamp(205px,22vw,300px)}.card-bottom{position:relative;z-index:3;padding:18px 18px 20px;border-top:2px dashed #eadbe0;background:#fffaf4c9}.card-bottom strong{font-size:19px;font-weight:900}.enter-arrow{display:grid;place-items:center;width:42px;height:42px;border-radius:15px;background:var(--accent);color:#fff;font-size:12px;font-weight:900;box-shadow:0 6px color-mix(in srgb,var(--accent) 62%,#725764)}.page-heading>p:last-child{color:#9b7f8a}.campaign-panel,.daily-panel{padding:24px;border:3px solid #fff;border-radius:30px;box-shadow:0 12px #e9dce0,0 18px 35px #825b6818}.campaign-panel{background:linear-gradient(140deg,#fff2c9,#fffaf2 45%,#eee5ff)}.daily-panel{background:linear-gradient(140deg,#ffe6ef,#fffaf2 48%,#dff7f0)}.level-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;overflow:visible}.level-node,.daily-task{border:2px solid #fff;border-radius:18px;background:#ffffffa6;box-shadow:0 5px #e8d9d8}.level-node{width:auto;min-width:0}.level-node>b{border-radius:13px;background:#f1dff7;color:#8a60b3}.level-node.done>b{background:#62c7aa}.daily-tasks{gap:10px}.daily-check{color:#cf7190}.daily-rewards{border-top:2px dashed #e7d5dc}.daily-rewards button{border:2px solid #fff;border-radius:13px}.daily-rewards button.active{background:#b99be8;color:#fff}.in-stage header{background:#fff9f0a0}.stage{top:84px;right:0;bottom:52px;left:0}.stage:before{display:none;background:none}.stage-nav{top:18px}.stage-nav button{border:2px solid #fff;border-radius:16px;background:#fffaf1d9;box-shadow:0 7px #dfccd2,0 11px 22px #74525e1c;font-weight:900}.stage-index{padding:7px 11px;border-radius:12px;background:#ffffff94;font-weight:900}.stage-title{top:88px}.stage-title h1{font-weight:900;text-shadow:0 3px 0 #fff}.stage-bottom{bottom:17px;padding:11px 20px;border:2px solid #fff;border-radius:20px;background:#fffaf2b8;box-shadow:0 8px 24px #75526018}.instruction{font-size:12px;font-weight:700}.recovery-control,.shape-control,.soft-shape-control,.elastic-shape-control,.grain-shape-control,.grape-shape-control,.soft-color-control,.texture-control,.wax-switcher{bottom:82px;padding:7px;border:3px solid #fff;border-radius:22px;background:#fff8f0d9;box-shadow:0 9px #ddcbd1,0 15px 30px #74515e20}.texture-control,.elastic-shape-control,.grain-shape-control,.soft-shape-control{bottom:139px}.recovery-control button,.shape-control button,.soft-shape-control button,.elastic-shape-control button,.grain-shape-control button,.grape-shape-control button,.texture-control button,.wax-switcher [data-bounce]{border-radius:13px;font-weight:800}.recovery-control button.active,.shape-control button.active,.soft-shape-control button.active,.elastic-shape-control button.active,.grain-shape-control button.active,.grape-shape-control button.active,.texture-control button.active,.wax-switcher [data-bounce].active{background:var(--accent);color:#fff;box-shadow:0 4px color-mix(in srgb,var(--accent) 58%,#74515e)}#app[data-material=soft]{--accent:#f15f91;background:linear-gradient(145deg,#ffe3ec,#fff5ee 65%,#ffd9e8)}#app[data-material=elastic]{--accent:#31ae98;background:linear-gradient(145deg,#d9f7ef,#fff6ec 66%,#d3efff)}#app[data-material=grain]{--accent:#f07a68;background:linear-gradient(145deg,#ffe1d8,#fff5e9 63%,#f0e1ff)}#app[data-material=grape]{--accent:#9464df;background:linear-gradient(145deg,#e9ddff,#fff2ed 65%,#e5dcff)}#app[data-material=butter]{--accent:#eaaa2d;background:linear-gradient(145deg,#ffefbd,#fff7e9 66%,#ffdfb7)}#app[data-material=clay]{--accent:#678bd6;background:linear-gradient(145deg,#dce8ff,#fff2ea 66%,#dfd6f5)}.challenge-hud{top:102px;border:3px solid #fff;border-radius:22px;background:#fff8eedb;box-shadow:0 8px #dac8cf,0 15px 32px #72515d25}.challenge-result{background:#5a3d4a4d;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.challenge-result>div{border:4px solid #fff;border-radius:36px;background:#fff9ed;box-shadow:0 15px #d7c1ca}.result-actions button{border-radius:14px;background:#f080a4;color:#fff}@media(max-width:950px){.edition{display:none}.mode-page{grid-template-columns:1fr;gap:35px}.hero-copy{text-align:center}.hero-copy>p{margin:18px auto 0}.hero-doodles{display:none}.mode-actions{max-width:720px;margin:auto}.mode-actions button{min-height:290px}.cards{grid-template-columns:repeat(2,1fr)}.level-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:650px){header{height:70px;padding:10px 13px}.brand>i{width:42px;height:42px}.brand b{font-size:17px}.language-picker>span{display:none}.language{min-width:54px}.sound{width:39px;padding:0;font-size:0}.sound>span{font-size:17px}.shelf{padding:24px 13px}.mode-page{min-height:calc(100svh - 145px);padding:12px 2px 25px}.hero-copy h1{font-size:43px}.hero-copy>p{font-size:13px}.mode-actions{gap:10px}.mode-actions button{min-height:220px;padding:15px;border-radius:25px;box-shadow:0 9px #e7ccda}.mode-icon{width:75px;height:75px;margin:8px auto 20px;font-size:39px}.mode-copy strong{font-size:22px}.landing-tip,.intro-note{display:none}.cards{gap:11px}.material-card{border-radius:22px}.specimen{height:175px}.card-sticker{right:11px;top:43px;width:35px;height:35px;font-size:18px}.card-bottom{padding:13px 11px}.card-bottom strong{font-size:14px}.card-hint{display:none}.enter-arrow{width:32px;height:32px}.campaign-panel,.daily-panel{padding:15px}.level-grid{gap:7px}.level-node{padding:7px}.level-node small,.daily-task small{display:none}.stage{top:70px;right:0;bottom:0;left:0}.stage-title{top:67px}.stage-bottom{bottom:9px}.recovery-control,.shape-control,.soft-shape-control,.elastic-shape-control,.grain-shape-control,.grape-shape-control,.soft-color-control,.texture-control,.wax-switcher{bottom:67px}.texture-control,.elastic-shape-control,.grain-shape-control,.soft-shape-control{bottom:117px}.in-stage footer{display:none}.challenge-hud{top:82px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}.mode-actions .mode-icon{display:grid;width:132px;height:132px;margin:14px auto 40px;place-items:center;font-size:68px}.mode-actions .mode-copy{display:block;margin:0}.mode-actions .mode-copy b{position:static;display:flex;align-items:center;justify-content:space-between}.order-card{min-height:92px}.order-card>b{font-size:19px}.order-card em{display:block;margin-top:5px;color:#c06a89;font-size:9px;font-style:normal;font-weight:900}.collection-shelf{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:18px;padding:14px 17px;border:2px dashed #e7bdca;border-radius:18px;background:#fff9}.collection-shelf strong{font-size:12px}.collection-shelf span{color:#b27a8e;font-size:17px}.reward-note{display:block;margin-top:8px;color:#9d7d89}.challenge-hud small{font-weight:800}.challenge-hud>span{color:#c05d80}@media(max-width:950px){.mode-actions .mode-icon{width:105px;height:105px;margin-bottom:27px;font-size:54px}}@media(max-width:650px){.mode-actions .mode-icon{width:75px;height:75px;margin:8px auto 20px;font-size:39px}.mode-actions .mode-copy strong{font-size:22px}.collection-shelf{align-items:flex-start;flex-direction:column}.order-card em{font-size:8px}}@media(max-width:700px){header .sound{width:auto;min-width:49px;height:36px;padding:0 7px;font-size:11px}header .sound>span{color:#514753}header .sound-icon{font-size:14px}header .sound-short{font-size:11px}}@media(max-width:650px){header{display:flex;height:auto;min-height:0;flex-direction:column;align-items:center;gap:4px;padding:6px 13px 8px}header .brand{align-self:center}header .brand>i{width:36px;height:36px;font-size:19px}header .edition{height:27px;padding:4px 10px;align-self:center;justify-self:auto}header .header-actions{width:min(100%,240px);align-self:center;flex-direction:column;gap:4px}header .language-picker,header .sound{width:100%;height:28px;min-height:28px;justify-content:center}header .language-picker{padding-inline:9px}header .language{flex:1;min-width:0;text-align:center}.stage{inset:var(--shelf-header-height,170px) 0 0}.challenge-hud{top:calc(var(--shelf-header-height,170px) + 12px)}.materials-page .material-card{grid-template-rows:clamp(56px,calc((100svh - var(--shelf-header-height,170px) - 190px)/6),90px)}}@media(max-width:950px){.mode-page{min-height:0;grid-template-columns:minmax(0,1fr);align-content:start;gap:clamp(15px,2svh,24px);padding:clamp(16px,3svh,26px) 0 20px}.hero-copy{max-width:min(100%,680px);margin-inline:auto}.hero-copy h1{max-width:100%;margin:12px 0 0;font-size:clamp(26px,5vw,38px);line-height:1.12;text-wrap:balance}.hero-copy>p{margin:10px auto 0;font-size:clamp(12px,1.6vw,15px);line-height:1.5}}@media(max-width:650px){.hero-badge{padding:5px 10px;font-size:10px}.hero-copy h1{font-size:clamp(25px,5.5vw,34px)}.mode-actions{width:100%;gap:8px}.mode-actions button{min-height:156px;padding:12px 16px}.mode-actions .mode-icon{width:58px;height:58px;margin:2px auto 10px;font-size:31px}.mode-actions .mode-copy strong{font-size:20px}}@media(max-width:650px){header{display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-template-rows:1fr;height:clamp(52px,8vw,70px);min-height:0;align-items:center;gap:clamp(2px,1vw,8px);padding:0 clamp(6px,1.8vw,16px)}header .brand{grid-column:1;grid-row:1;justify-self:start;align-self:center;gap:4px;min-width:0}header .brand>i{width:clamp(24px,7vw,38px);height:clamp(24px,7vw,38px);border-radius:11px;font-size:clamp(13px,3.8vw,19px)}header .brand b{font-size:clamp(11px,3vw,17px);letter-spacing:0}header .brand small{font-size:clamp(5px,1.3vw,7px);letter-spacing:.3px}header .edition{grid-column:2;grid-row:1;justify-self:center;align-self:center;display:inline-flex;height:auto;max-width:100%;gap:3px;margin:0;padding:4px 6px;white-space:nowrap;font-size:clamp(8px,2.25vw,11px);letter-spacing:0}header .edition>i{width:5px;height:5px;flex:0 0 auto;box-shadow:0 0 0 2px #daf6ed}header .edition b{margin:0;padding:2px 4px;font-size:clamp(7px,2vw,10px)}header .header-actions{grid-column:3;grid-row:1;justify-self:end;align-self:center;display:flex;flex-direction:row;width:auto;gap:3px}header .language-picker,header .sound{width:auto;height:clamp(28px,6vw,34px);min-height:0;border-radius:12px}header .language-picker{padding:0 3px}header .language{width:clamp(55px,13vw,64px);min-width:0;padding:3px 12px 3px 2px;font-size:clamp(9px,2.2vw,11px)}header .sound{min-width:clamp(39px,10vw,51px);padding:0 4px;gap:2px;font-size:clamp(9px,2.2vw,11px)}header .sound-icon{font-size:clamp(11px,3vw,14px)}header .sound-short{font-size:clamp(9px,2.2vw,11px)}.stage{inset:var(--shelf-header-height,60px) 0 0}.challenge-hud{top:calc(var(--shelf-header-height,60px) + 12px)}}@media(max-width:360px){header .brand small{display:none}header .edition>i{display:none}header .edition{padding:3px 4px}}:root{--ink:#493b3d;--pink:#b7647d;--purple:#806a8a;--mint:#658e83;--yellow:#b18a51;color:var(--ink);background:#f8f1e8}body{background:#f8f1e8}#app{background:radial-gradient(ellipse at 50% -8%,#fffaf2 0,transparent 50%),linear-gradient(160deg,#faf3ea,#f5e9de 64%,#f7efe9)}#app:before{display:none}header{background:#fffaf3ed;border-bottom:1px solid #e5d5ca;box-shadow:0 8px 28px #6b49420d}.brand>i{background:linear-gradient(145deg,#c77d90,#a85874);box-shadow:0 6px 16px #8d4a6029;transform:none}.brand>i{overflow:hidden;background:#fff7ed;box-shadow:0 5px 14px #7852471c}.brand>i img{display:block;width:100%;height:100%;object-fit:cover}.brand b{color:#544341}.brand small{color:#9d8583}.edition,.language-picker,.sound{border-color:#e6d7d1;background:#fffdf8;box-shadow:0 4px 16px #7f59500c}.edition>i{background:#779788;box-shadow:0 0 0 3px #e4f0e9}.edition b{background:#f8e9e7;color:#9b5771}.eyebrow{color:#a65f74}.hero-badge{border:1px solid #ead2ca;background:#fff9f3;color:#955b6b;box-shadow:none}.hero-copy h1,h1{color:#493b3d}.hero-copy h1 em{color:#a9637a;text-shadow:none}.hero-copy>p{color:#806e6e}.hero-doodles{opacity:.45}.mode-actions button{border:1px solid #e4d0c5;border-radius:28px;box-shadow:0 18px 38px #79544819;transition:transform .2s,box-shadow .2s}.mode-actions button:first-child{background:linear-gradient(145deg,#f4decb,#f7eadd 65%,#f9f1e9)}.mode-actions button:last-child{background:linear-gradient(145deg,#e2ebe4,#eff0e7 65%,#faf5eb)}.mode-actions button[data-mode=materials]{background:linear-gradient(145deg,#e2ebe4,#eff0e7 65%,#faf5eb)}.mode-actions button[data-mode=merge]{background:linear-gradient(145deg,#f4decb,#f7eadd 65%,#f9f1e9)}.mode-actions button:hover{transform:translateY(-3px);box-shadow:0 22px 42px #79544822}.mode-actions button:before{background:#fff7}.mode-icon{background:#fff9;filter:drop-shadow(0 8px 12px #654b3b25);animation:none}.mode-copy small{color:#806b68}.mode-copy strong{color:#4b3d3e}.mode-copy b{border-top:1px solid #aa8d8266;color:#58494a}.mode-copy b i{background:#fffaf3}.landing-tip{color:#8c7772}.mode-back{border:1px solid #e1d0c6;background:#fffaf3;box-shadow:0 4px 15px #7653470d}.materials-page .material-card{border:1px solid #dfcfc5;background:linear-gradient(90deg,#fbede10d,#fbede12b 25%,#f9e9dca8 53%,#fcf1e6dc);box-shadow:0 7px 23px #6e4f4412}.materials-page .material-card:after{display:none}.materials-page .material-card:hover{border-color:#b88f83;box-shadow:0 10px 26px #6e4f4420}.materials-page .card-top{color:#776a68}.materials-page .card-bottom strong{color:#493b3d}.materials-page .card-top .card-feel{background:#fff5ec!important;color:#77515b!important}.materials-page .enter-arrow{border-color:#bea79e;color:#5e4a4c;background:#fffaf4}.materials-page .enter-arrow:hover{background:#f4e5dc}.campaign-panel,.daily-panel{border:1px solid #e2d0c4;background:linear-gradient(140deg,#fffcf5,#f4e8dc 70%,#f6e9e7);box-shadow:0 12px 32px #71514313}.level-node,.daily-task{border:1px solid #e8d8cd;background:#fffaf4;box-shadow:0 4px 12px #67493c0d}.level-node>b{background:#ebd9d5;color:#81586a}.level-node.done>b{background:#7e9c8b}.daily-rewards button.active{background:#a96b7a}.in-stage header{background:#fffaf3ca}.stage-nav button{border:1px solid #e8d8cf;background:#fffaf2e8;box-shadow:0 5px 16px #65443a20}.stage-index{background:#fffaf2bd}.stage-bottom{border:1px solid #e8d8cf;background:#fffaf2cf;box-shadow:0 7px 23px #65443a16}.recovery-control,.shape-control,.soft-shape-control,.elastic-shape-control,.grain-shape-control,.grape-shape-control,.soft-color-control,.texture-control,.wax-switcher{border:1px solid #e8d8cf;background:#fffaf2e8;box-shadow:0 7px 23px #65443a20}footer{border-top:1px solid #e4d2ca;color:#8c7772}.merge-page{pointer-events:auto;max-width:680px;margin-inline:auto;padding-bottom:54px}.merge-heading{text-align:center;margin:3px 0 18px}.merge-heading .eyebrow{margin:0 0 6px}.merge-heading h1{font-size:clamp(28px,4vw,40px);letter-spacing:.02em}.merge-description{margin:8px auto 0;max-width:440px;color:#866f6b;font-size:13px;line-height:1.55}.merge-panel{width:min(100%,460px);margin:auto;padding:14px;border:1px solid #dec8bc;border-radius:28px;background:#fff8f0e8;box-shadow:0 16px 34px #7250441b}.merge-stats,.merge-tools{display:flex;align-items:center;justify-content:space-between;gap:12px}.merge-stats{padding:0 5px 10px;font-size:13px;color:#785f5b}.merge-stats strong{font-size:17px;color:#523f42}.merge-canvas{display:block;width:100%;height:auto;aspect-ratio:3/4;border:1px solid #e7cfc0;border-radius:19px;touch-action:none;cursor:crosshair;background:#fff6ed}.merge-tools{min-height:47px;padding:9px 3px 0;color:#655052;font-size:12px;font-weight:750}.merge-tools button{padding:8px 12px;border:1px solid #d7bcb1;border-radius:13px;background:#fffdf8;color:#6e4b53;font-size:12px}.merge-hint{margin:3px 3px 0;min-height:18px;text-align:center;color:#947b75;font-size:11px;line-height:1.4}.merge-panel.is-over .merge-tools button{background:#aa7280;color:#fff}.mode-actions button[data-mode=merge] .mode-icon{color:#9e6578;font-size:clamp(40px,5vw,65px)}@media(max-width:650px){.merge-page{padding-bottom:55px}.merge-page .mode-back{margin-bottom:10px}.merge-heading{margin-bottom:11px}.merge-panel{padding:9px;border-radius:21px}.merge-canvas{border-radius:14px}.merge-description{font-size:11px}}.tone-switch{display:inline-flex;gap:4px;margin-top:20px;padding:4px;border:1px solid #dfd1c9;border-radius:999px;background:#fffaf5d9;box-shadow:0 5px 16px #755c5014}.tone-switch button{pointer-events:auto;display:inline-flex;align-items:center;gap:7px;min-width:74px;justify-content:center;padding:7px 12px;border-radius:999px;background:transparent;color:#766763;font-size:12px;font-weight:800}.tone-switch button i{width:12px;height:12px;border-radius:50%;background:#e6ac81;border:1px solid #fff;box-shadow:0 0 0 1px #bda49a}.tone-switch button[data-tone=cool] i{background:#9dc5d8;box-shadow:0 0 0 1px #91a9bb}.tone-switch button[aria-pressed=true]{background:#fff;color:#493b3d;box-shadow:0 2px 9px #6e534817}html[data-tone=cool],html[data-tone=cool] body{background:#edf3f6}#app[data-tone=cool]:not([data-material]){background:radial-gradient(ellipse at 44% -10%,#fcffff 0,transparent 52%),linear-gradient(160deg,#f1f7f9,#e5eef2 60%,#e9eef5)}#app[data-tone=cool]:not([data-material]) header{background:#f9fcfced;border-bottom-color:#d2e0e6}#app[data-tone=cool]:not([data-material]) .hero-badge{background:#f5fbfd;border-color:#cddfe7;color:#597589}#app[data-tone=cool]:not([data-material]) .hero-copy>p,#app[data-tone=cool]:not([data-material]) .merge-description{color:#62747e}#app[data-tone=cool]:not([data-material]) .mode-actions button[data-mode=materials]{background:linear-gradient(145deg,#d9eceb,#e9f4f1 68%,#f6fbf7);border-color:#c8dfe0}#app[data-tone=cool]:not([data-material]) .mode-actions button[data-mode=merge]{background:linear-gradient(145deg,#dfeaf3,#edf2f8 68%,#f8f9fb);border-color:#cfdae7}#app[data-tone=cool]:not([data-material]) .materials-page .material-card{background:linear-gradient(90deg,#edf5f652,#f7fbfbba 52%,#eef4f8ed);border-color:#d1dfe3}#app[data-tone=cool]:not([data-material]) .materials-page .card-top .card-feel,#app[data-tone=cool]:not([data-material]) .materials-page .enter-arrow{background:#f6fbfb!important}#app[data-tone=cool]:not([data-material]) .merge-panel{background:#f7fbfce8;border-color:#d0dee5}#app[data-tone=cool]:not([data-material]) .merge-canvas{border-color:#d1e0e5;background:#f4fafc}#app[data-tone=cool]:not([data-material]) .tone-switch{background:#f7fbfd;border-color:#cbdce5}@media(max-width:650px){.tone-switch{margin-top:12px}.tone-switch button{min-width:67px;padding:6px 9px;font-size:11px}}.shelf[data-page=merge]{padding-top:clamp(8px,1.5svh,18px);padding-bottom:8px}.merge-page{padding-bottom:0}.merge-page .mode-back{display:block;width:fit-content;margin:0 auto 5px;padding:7px 12px;font-size:12px}.merge-heading{margin:0 0 8px}.merge-heading .eyebrow{margin-bottom:2px;font-size:10px}.merge-heading h1{font-size:clamp(24px,3.4vw,34px)}.merge-description{margin-top:3px;font-size:12px;line-height:1.35}.merge-panel{width:min(100%,43svh,550px);padding:10px;border-radius:20px}.merge-stats{padding-bottom:5px}.merge-canvas{width:100%;height:auto;max-width:100%;margin-inline:auto;aspect-ratio:3/4}.merge-tools{min-height:35px;padding-top:5px}.merge-tools button{padding:5px 9px}.merge-hint{min-height:0;margin-top:1px}@media(max-width:650px){.shelf[data-page=merge]{padding-top:8px;padding-inline:8px}.merge-page .mode-back{margin-bottom:3px}.merge-heading{margin-bottom:5px}.merge-description{font-size:10px}.merge-panel{width:min(100%,50svh,520px);padding:7px;border-radius:16px}.merge-stats{font-size:11px}.merge-stats strong{font-size:14px}.merge-tools{font-size:10px}.merge-hint{font-size:9px}}@media(min-height:800px)and (max-width:900px){.merge-panel{width:min(100%,53svh,520px)}}@media(min-height:701px)and (max-height:780px){.merge-page{position:relative}.merge-page .mode-back{position:absolute;top:0;left:0;margin:0;padding:5px 9px}.merge-heading .eyebrow,.merge-description{display:none}.merge-heading{margin-bottom:5px}.merge-heading h1{font-size:25px}.merge-panel{width:min(100%,44svh,420px);padding:6px}.merge-hint{display:none}}@media(max-height:700px){.merge-page{position:relative}.merge-page .mode-back{position:absolute;top:0;left:0;margin:0;padding:5px 9px}.merge-heading .eyebrow,.merge-description{display:none}.merge-heading{margin-bottom:5px}.merge-heading h1{font-size:25px}.merge-panel{width:min(100%,46svh,420px);padding:6px}.merge-hint{display:none}}@media(min-width:951px){.shelf[data-page=landing]{max-width:min(100%,1900px);padding:12px clamp(28px,4vw,88px) 8px}.mode-page{min-height:calc(100svh - 180px);grid-template-columns:minmax(0,41fr) minmax(0,59fr);gap:clamp(28px,4vw,96px);padding:clamp(12px,2svh,28px) 0}.hero-copy{min-width:0}.hero-copy h1{max-width:12em;font-size:clamp(42px,min(4.2vw,8svh),78px);line-height:1.08;text-wrap:balance}.hero-copy>p{margin-top:clamp(12px,2svh,24px);font-size:clamp(13px,1vw,17px);line-height:1.55}.mode-actions{min-width:0;gap:clamp(12px,1.4vw,28px)}.mode-actions button{min-width:0;min-height:clamp(260px,43svh,450px);padding:clamp(16px,1.5vw,30px)}.mode-actions .mode-icon{width:clamp(74px,9svh,140px);height:clamp(74px,9svh,140px);margin:clamp(5px,1svh,14px) auto clamp(14px,3svh,40px);font-size:clamp(36px,6svh,68px)}.mode-actions .mode-copy strong{font-size:clamp(23px,2.3vw,39px);margin-bottom:clamp(12px,2svh,20px)}.materials-page .cards{width:min(100%,clamp(680px,60vw,1120px))}.materials-page .material-card{grid-template-rows:clamp(70px,calc((100svh - 330px)/6),100px)}.merge-panel{width:min(100%,46svh,500px)}}@media(min-width:951px)and (max-height:760px){.mode-page{min-height:calc(100svh - 180px)}.hero-copy h1{font-size:clamp(36px,6.5svh,58px)}.hero-copy>p{margin-top:10px}.tone-switch{margin-top:10px}.mode-actions button{min-height:clamp(215px,38svh,300px)}.mode-actions .mode-icon{margin-bottom:10px}.merge-panel{width:min(100%,46svh,440px)}}@media(min-width:651px)and (max-width:950px){.shelf[data-page=landing]{padding:8px clamp(16px,4vw,42px)}.mode-page{min-height:calc(100svh - 145px);align-content:center}.mode-actions{width:100%;max-width:760px}.mode-actions button{min-height:clamp(190px,31svh,290px)}.mode-actions .mode-icon{width:clamp(65px,10svh,105px);height:clamp(65px,10svh,105px);margin-bottom:clamp(10px,2svh,27px)}}@media(max-width:650px){.shelf[data-page=landing]{padding:8px clamp(8px,2vw,16px)}.mode-page{min-height:calc(100svh - 135px);align-content:center;gap:clamp(12px,2svh,22px)}.mode-actions button{min-height:clamp(140px,24svh,220px)}.hero-copy h1{font-size:clamp(25px,6vw,37px)}}@media(max-width:650px){html.xhs-mini-tool header .brand b{font-size:clamp(14px,4vw,17px)}}