:root{font-family:Trebuchet MS,Noto Sans TC,Microsoft JhengHei,sans-serif;color:#29433a;background:#eee8e0;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--ink: #29433a;--muted: #6f8178;--paper: rgba(255, 253, 247, .9);--paper-strong: #fffdf7;--line: rgba(60, 83, 69, .18);--sage: #87a878;--moss: #496c45;--cream: #fff6d9;--rose: #dda3a7;--gold: #dfbb62;--blue: #8eb4c4;--violet: #9f95c8}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,textarea{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh;padding:14px;display:grid;place-items:center;background:radial-gradient(circle at 16% 14%,rgba(255,246,217,.8),transparent 28%),radial-gradient(circle at 82% 10%,rgba(142,180,196,.32),transparent 24%),linear-gradient(135deg,#eee8e0,#e7ede1 55%,#f2e5df)}.phone-frame{width:min(100%,440px);min-height:calc(100vh - 28px);display:flex;flex-direction:column;gap:12px;padding:18px;border:1px solid rgba(255,255,255,.8);border-radius:34px;background:linear-gradient(#ffffffb8,#ffffff94),var(--scene-wash, #f7f1e6);box-shadow:0 24px 70px #3c31262e,inset 0 0 0 1px #ffffffb3;overflow:hidden}.topbar,.editor-head,.level-meta,.result-bar,.review-title{display:flex;align-items:center}.topbar,.editor-head,.result-bar{justify-content:space-between;gap:12px}.eyebrow{margin:0 0 3px;color:var(--moss);font-size:.76rem;font-weight:800;letter-spacing:0;text-transform:uppercase}h1,h2,p{margin:0}h1{color:#2f5142;font-family:Georgia,Times New Roman,serif;font-size:1.65rem;font-weight:700}h2{margin-top:8px;font-family:Georgia,Times New Roman,serif;font-size:1.45rem;color:#28473b}.level-card,.review-card,.editor-panel{border:1px solid var(--line);border-radius:8px;background:var(--paper);box-shadow:0 12px 30px #48584c14}.level-card{padding:14px}.level-card p{margin-top:7px;color:#536b61;line-height:1.55}.level-meta{justify-content:space-between;color:#6d7f76;font-size:.78rem;font-weight:800}.icon-button{width:50px;height:50px;flex:0 0 auto;display:grid;place-items:center;border:1px solid rgba(73,108,69,.2);border-radius:50%;background:radial-gradient(circle at 35% 28%,rgba(255,255,255,.9),transparent 34%),#fff8db;box-shadow:0 8px 18px #555b3a29}.sprout-bulb{position:relative;width:26px;height:30px;display:block;border:2px solid rgba(99,114,82,.8);border-radius:50% 50% 45% 45%;background:radial-gradient(circle at 35% 28%,rgba(255,255,255,.9),transparent 26%),linear-gradient(140deg,#fff3a8,#f4d46e)}.sprout-bulb:after{content:"";position:absolute;left:7px;bottom:-8px;width:12px;height:7px;border-radius:3px;background:#748362}.bulb-leaf,.bulb-leaf:after{position:absolute;display:block;width:12px;height:8px;border-radius:80% 10%;background:#86a96f;content:""}.bulb-leaf{left:6px;top:6px;transform:rotate(-32deg)}.bulb-leaf:after{left:8px;top:2px;transform:rotate(68deg);background:#668f5c}.review-card{padding:13px 14px}.review-title{gap:8px;color:#345a49}.leaf-dot{width:16px;height:12px;border-radius:80% 10%;background:#86a96f;transform:rotate(-20deg)}.review-card ul{margin:9px 0 0;padding-left:18px;color:#566d63;line-height:1.55}.review-example{margin-top:11px;padding:10px;border:1px solid rgba(73,108,69,.16);border-radius:8px;background:linear-gradient(135deg,#fff9e8eb,#edf6e3db)}.review-example span{display:block;margin-bottom:6px;color:#496c45;font-size:.78rem;font-weight:900}.review-example pre{margin:0;padding:9px 10px;overflow-x:auto;border-radius:7px;color:#f8f2dc;background:#32483d}.review-example code{font-family:Cascadia Code,Consolas,monospace;font-size:.86rem;line-height:1.45;white-space:pre}.garden-stage{position:relative;min-height:285px;flex:1;overflow:hidden;border:1px solid rgba(255,255,255,.65);border-radius:8px;background:radial-gradient(ellipse at 18% 18%,rgba(255,255,255,.92) 0 9%,transparent 26%),radial-gradient(ellipse at 82% 24%,rgba(255,255,255,.55) 0 8%,transparent 28%),linear-gradient(to bottom,rgba(255,255,255,.84) 0 18%,transparent 54%),var(--scene-bg);box-shadow:inset 0 0 0 1px #ffffff5c,inset 0 -24px 52px #3e5c4a29}.garden-stage.has-art-bg{background-position:center;background-size:cover;background-repeat:no-repeat}.garden-stage.has-art-bg .sky-wash,.garden-stage.has-art-bg .mountain,.garden-stage.has-art-bg .flower-field{display:none}.garden-stage.has-art-bg:before{opacity:.18}.garden-stage.has-art-bg:after{background:linear-gradient(to bottom,rgba(255,255,255,.32),transparent 25%),radial-gradient(ellipse at 50% 58%,rgba(255,255,255,.16),transparent 34%)}.garden-stage:before,.garden-stage:after{content:"";position:absolute;inset:0;pointer-events:none}.garden-stage:before{z-index:0;opacity:.42;background-image:radial-gradient(circle at 12% 26%,rgba(102,129,110,.14) 0 1px,transparent 2px),radial-gradient(circle at 58% 16%,rgba(124,146,153,.12) 0 1px,transparent 2px),radial-gradient(circle at 88% 62%,rgba(176,135,113,.13) 0 1px,transparent 2px);background-size:18px 22px,27px 31px,23px 19px;mix-blend-mode:multiply}.garden-stage:after{z-index:1;background:linear-gradient(165deg,transparent 0 50%,rgba(255,255,255,.3) 50% 51%,transparent 58%),radial-gradient(ellipse at 16% 82%,rgba(255,255,255,.34),transparent 34%),radial-gradient(ellipse at 72% 78%,rgba(255,255,255,.24),transparent 28%)}.sky-wash{position:absolute;inset:0;z-index:0;background:radial-gradient(ellipse at 26% 18%,rgba(255,255,255,.92),transparent 22%),radial-gradient(ellipse at 68% 27%,rgba(255,255,255,.5),transparent 18%),radial-gradient(ellipse at 46% 8%,rgba(255,246,218,.42),transparent 22%)}.mountain{position:absolute;left:50%;bottom:82px;width:330px;height:170px;transform:translate(-50%) rotate(45deg);border-radius:28px 8px 26px 12px;opacity:.95;filter:blur(.1px);box-shadow:inset 18px 18px 38px #ffffff57,inset -16px -18px 28px #47665d14}.mountain:before,.mountain:after{content:"";position:absolute;border-radius:50%;background:#3e5e4f29;transform:rotate(-45deg)}.mountain:before{width:86px;height:18px;left:34px;top:82px}.mountain:after{width:124px;height:16px;right:24px;top:112px;background:#ffffff47}.mountain-back{bottom:105px;margin-left:-48px;background:linear-gradient(135deg,#77979c33,#ffffffb8),radial-gradient(circle at 30% 30%,rgba(105,124,155,.2),transparent 34%)}.mountain-front{width:260px;height:140px;bottom:88px;margin-left:52px;background:linear-gradient(135deg,#87a87870,#ffffffc7),radial-gradient(circle at 68% 30%,rgba(79,115,87,.18),transparent 36%)}.flower-field{position:absolute;inset-inline:0;bottom:0;z-index:1;height:126px;background:radial-gradient(ellipse at 16% 86%,rgba(255,245,190,.5),transparent 22%),radial-gradient(ellipse at 78% 80%,rgba(171,204,147,.58),transparent 30%),radial-gradient(ellipse at 46% 95%,rgba(108,144,87,.42),transparent 34%),repeating-linear-gradient(102deg,rgba(61,101,68,.28) 0 1px,transparent 1px 13px),linear-gradient(to top,rgba(92,130,89,.48),rgba(196,209,132,.24) 54%,transparent),linear-gradient(100deg,rgba(255,255,255,.5),transparent 62%)}.flower-field:before,.flower-field:after{content:"";position:absolute;left:-8%;right:-8%;border-radius:50%}.flower-field:before{bottom:36px;height:78px;background:radial-gradient(circle at 10% 58%,rgba(255,255,255,.86) 0 2px,transparent 3px),radial-gradient(circle at 13% 52%,rgba(255,255,255,.8) 0 2px,transparent 3px),radial-gradient(circle at 18% 63%,rgba(255,255,255,.76) 0 2px,transparent 3px),radial-gradient(circle at 63% 60%,rgba(255,255,255,.88) 0 2px,transparent 3px),radial-gradient(circle at 68% 54%,rgba(255,255,255,.78) 0 2px,transparent 3px),radial-gradient(circle at 82% 68%,rgba(255,255,255,.72) 0 2px,transparent 3px),#ffffff2e;transform:rotate(-4deg)}.flower-field:after{bottom:-50px;height:108px;background:radial-gradient(circle at 18% 32%,rgba(231,132,107,.78) 0 5px,transparent 6px),radial-gradient(circle at 27% 42%,rgba(249,240,205,.9) 0 4px,transparent 5px),radial-gradient(circle at 36% 28%,rgba(255,255,255,.92) 0 3px,transparent 4px),radial-gradient(circle at 54% 30%,rgba(237,176,154,.8) 0 5px,transparent 6px),radial-gradient(circle at 72% 38%,rgba(255,250,221,.9) 0 4px,transparent 5px),#567d5638;transform:rotate(2deg)}.flower-field span{position:absolute;bottom:calc(8px + (var(--i, 1) * 1.45px));left:calc(-2% + (var(--i, 1) * 2.55%));z-index:1;width:3px;height:calc(18px + (var(--i, 1) * .9px));border-radius:4px;background:#365e3f73;transform:rotate(calc(-10deg + (var(--i, 1) * 1deg)))}.flower-field span:after{content:"";position:absolute;top:-6px;left:-5px;width:12px;height:12px;border-radius:50%;background:radial-gradient(circle at 50% 50%,rgba(255,244,184,.8) 0 1px,transparent 2px),radial-gradient(circle at 50% 20%,var(--petal, #fff8ed) 0 3px,transparent 4px),radial-gradient(circle at 80% 52%,var(--petal, #fff8ed) 0 3px,transparent 4px),radial-gradient(circle at 50% 82%,var(--petal, #fff8ed) 0 3px,transparent 4px),radial-gradient(circle at 20% 52%,var(--petal, #fff8ed) 0 3px,transparent 4px);opacity:.8}.flower-field span:nth-child(3n):after{--petal: #efb6a7}.flower-field span:nth-child(4n):after{--petal: #f2d282}.flower-field span:nth-child(5n):after{--petal: #dcebd8}.flower-field span:nth-child(6n){opacity:.58;height:30px}.flower-field span:nth-child(7n){bottom:18px;opacity:.72}.flower-field span:nth-child(1){--i: 1}.flower-field span:nth-child(2){--i: 2}.flower-field span:nth-child(3){--i: 3}.flower-field span:nth-child(4){--i: 4}.flower-field span:nth-child(5){--i: 5}.flower-field span:nth-child(6){--i: 6}.flower-field span:nth-child(7){--i: 7}.flower-field span:nth-child(8){--i: 8}.flower-field span:nth-child(9){--i: 9}.flower-field span:nth-child(10){--i: 10}.flower-field span:nth-child(11){--i: 11}.flower-field span:nth-child(12){--i: 12}.flower-field span:nth-child(13){--i: 13}.flower-field span:nth-child(14){--i: 14}.flower-field span:nth-child(15){--i: 15}.flower-field span:nth-child(16){--i: 16}.flower-field span:nth-child(17){--i: 17}.flower-field span:nth-child(18){--i: 18}.flower-field span:nth-child(19){--i: 19}.flower-field span:nth-child(20){--i: 20}.flower-field span:nth-child(21){--i: 21}.flower-field span:nth-child(22){--i: 22}.flower-field span:nth-child(23){--i: 23}.flower-field span:nth-child(24){--i: 24}.flower-field span:nth-child(25){--i: 25}.flower-field span:nth-child(26){--i: 26}.flower-field span:nth-child(27){--i: 27}.flower-field span:nth-child(28){--i: 28}.flower-field span:nth-child(29){--i: 29}.flower-field span:nth-child(30){--i: 30}.flower-field span:nth-child(31){--i: 31}.flower-field span:nth-child(32){--i: 32}.flower-field span:nth-child(33){--i: 33}.flower-field span:nth-child(34){--i: 34}.flower-field span:nth-child(35){--i: 35}.flower-field span:nth-child(36){--i: 36}.flower-field span:nth-child(37){--i: 37}.flower-field span:nth-child(38){--i: 38}.flower-field span:nth-child(39){--i: 39}.flower-field span:nth-child(40){--i: 40}.flower-field span:nth-child(41){--i: 41}.flower-field span:nth-child(42){--i: 42}.garden-bed,.target-bed{position:absolute;left:26px;right:26px;bottom:34px;height:220px;padding:12px;border-radius:8px}.garden-bed{z-index:3;gap:8px;align-content:flex-start;border:1px solid rgba(111,122,85,.24);background:linear-gradient(180deg,rgba(255,255,255,.22),transparent 38%),linear-gradient(90deg,#fffae829,#fff3,#816d4e14);-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);box-shadow:inset 0 0 0 1px #ffffff52,inset 0 -10px 18px #63764e1a,0 10px 24px #46583e14}.target-bed{z-index:2;gap:8px;pointer-events:none}.plant-pot{position:relative;width:45px;height:58px;flex:0 0 45px;display:grid;place-items:center}.plant-tall{height:58px}.plant-round{width:47px;height:58px;flex-basis:47px}.mini-plant{width:42px;height:54px;flex:0 0 42px}.target-plant{transition:opacity .18s ease,transform .18s ease}.target-slot{display:block;width:42px;height:54px;border:2px dashed rgba(55,87,68,.48);border-radius:18px 18px 12px 12px;background:#ffffff29;box-shadow:inset 0 0 0 1px #fff3;transform:translate(var(--plant-nudge-x, 0),var(--plant-nudge-y, 0))}.mini-plant .target-slot{width:38px;height:49px}.target-bed.is-solved .target-plant{opacity:0;transform:translateY(3px)}.plant-image{display:block;width:42px;height:54px;object-fit:contain;object-position:center center;transform:translate(var(--plant-nudge-x, 0),var(--plant-nudge-y, 0));-webkit-user-select:none;user-select:none;pointer-events:none}.mini-plant .plant-image{width:38px;height:49px}.seed-tray{width:176px;height:86px;padding:10px;border:1px solid rgba(78,105,77,.28);border-radius:8px;background:linear-gradient(180deg,#fffdf294,#f1ebcd3d),#ffffff29;box-shadow:inset 0 0 0 1px #ffffff42,0 10px 18px #3a523d14}.target-tray{pointer-events:none}.type-bunny .plant-image{width:40px;height:52px}.type-bearpaw .plant-image{width:41px;height:53px}.soil{position:absolute;left:6px;right:6px;bottom:0;height:22px;border-radius:6px 6px 13px 13px;background:radial-gradient(ellipse at 36% 24%,rgba(255,242,220,.54),transparent 42%),linear-gradient(180deg,#d69a78,#bb7d65);box-shadow:none}.succulent{position:absolute;left:50%;bottom:13px;width:36px;height:38px;transform:translate(-50%)}.type-bunny .soil{background:radial-gradient(ellipse at 36% 24%,rgba(255,242,220,.5),transparent 42%),linear-gradient(180deg,#c98f6f,#a9745e)}.type-bearpaw .soil{background:radial-gradient(ellipse at 36% 24%,rgba(255,242,220,.5),transparent 42%),linear-gradient(180deg,#d79d79,#bd7e66)}.echeveria .leaf{position:absolute;display:block;left:50%;top:50%;width:13px;height:25px;border-radius:70% 70% 48% 48%;background:radial-gradient(ellipse at 38% 24%,rgba(255,255,255,.48),transparent 34%),var(--plant-main);border:1px solid rgba(75,106,81,.14);box-shadow:none;transform-origin:50% 86%}.leaf-one{transform:translate(-50%,-84%) rotate(-46deg)}.leaf-two{transform:translate(-50%,-84%) rotate(46deg)}.leaf-three{width:14px;height:27px;transform:translate(-50%,-84%) rotate(0)}.leaf-four{width:12px;height:23px;transform:translate(-78%,-58%) rotate(-92deg)}.leaf-five{width:12px;height:23px;transform:translate(-22%,-58%) rotate(92deg)}.leaf-six{width:12px;height:22px;transform:translate(-50%,-36%) rotate(180deg)}.leaf-core{width:13px;height:16px;border-radius:50% 50% 44% 44%;background:radial-gradient(circle at 38% 30%,rgba(255,255,255,.45),transparent 32%),var(--plant-soft);transform:translate(-50%,-58%) rotate(0)}.bunny-cactus{bottom:14px;height:42px}.cactus-pad{position:absolute;display:block;background:radial-gradient(ellipse at 34% 22%,rgba(255,255,255,.45),transparent 34%),var(--plant-main);border:1px solid rgba(76,111,83,.16);box-shadow:none}.pad-main{left:10px;bottom:0;width:19px;height:31px;border-radius:48% 48% 44% 44%}.pad-left,.pad-right{top:1px;width:15px;height:22px;border-radius:50%}.pad-left{left:3px;transform:rotate(-18deg)}.pad-right{right:3px;transform:rotate(18deg)}.cactus-dot{position:absolute;width:3px;height:3px;border-radius:50%;background:#fff9e2d1;box-shadow:9px 6px #fff9e294,4px 15px #fff9e28a}.dot-one{left:12px;top:17px}.dot-two{left:7px;top:8px}.dot-three{right:10px;top:8px}.bear-paw{bottom:12px;height:40px}.paw-leaf{position:absolute;display:block;width:13px;height:28px;border-radius:48% 48% 42% 42%;background:radial-gradient(circle at 37% 15%,rgba(255,255,255,.46),transparent 30%),radial-gradient(circle at 30% 4px,#cf8e91 0 2px,transparent 3px),radial-gradient(circle at 50% 3px,#cf8e91 0 2px,transparent 3px),radial-gradient(circle at 70% 4px,#cf8e91 0 2px,transparent 3px),var(--plant-main);border:1px solid rgba(76,111,83,.13);box-shadow:none;transform-origin:50% 100%}.paw-one{left:3px;bottom:0;transform:rotate(-28deg)}.paw-two{left:12px;bottom:5px;transform:rotate(-8deg)}.paw-three{right:10px;bottom:5px;transform:rotate(10deg)}.paw-four{right:2px;bottom:0;transform:rotate(28deg)}.tone-mint{--plant-main: #9fc69b;--plant-deep: #789f79;--plant-soft: #c0d8ae}.tone-rose{--plant-main: #d7aaa6;--plant-deep: #b88988;--plant-soft: #e8c2b7}.tone-amber{--plant-main: #d8bf69;--plant-deep: #b7a35b;--plant-soft: #ead586}.tone-blue{--plant-main: #9cc6c9;--plant-deep: #7ba5aa;--plant-soft: #c3dcdc}.tone-violet{--plant-main: #b5add5;--plant-deep: #9289b8;--plant-soft: #d3cae5}.editor-panel{padding:12px}.editor-head{margin-bottom:8px}.inner-editor-head{margin-top:12px}.editor-head label{color:#345a49;font-size:.9rem;font-weight:800}.text-button{min-height:34px;border:1px solid rgba(73,108,69,.2);border-radius:999px;padding:0 13px;color:#496c45;background:#fff9e8;font-size:.84rem;font-weight:800}.code-box{display:grid;grid-template-rows:auto minmax(92px,1fr) auto;border:1px solid rgba(58,78,67,.18);border-radius:8px;overflow:hidden;background:#2f4038}.code-box pre,.code-box textarea{margin:0;color:#f8f2dc;font-family:Cascadia Code,Consolas,monospace;font-size:.92rem;line-height:1.45}.code-box pre{padding:9px 12px;color:#d7e9c8;background:#ffffff0a}.code-box textarea{width:100%;min-height:92px;padding:8px 24px;resize:none;border:0;outline:0;background:transparent}.code-box textarea::placeholder{color:#f8f2dc73}.result-bar{min-height:58px;padding:10px 12px;border:1px solid rgba(73,108,69,.18);border-radius:8px;background:#fffdf7e0}.result-bar.success{background:linear-gradient(120deg,#f9f5d6,#e8f4d8)}.result-bar.quiet{color:var(--muted)}.result-copy{display:flex;align-items:center;min-width:0;gap:8px;color:#3e5c4c;font-size:.9rem;line-height:1.35}.success-pot{width:22px;height:22px;flex:0 0 auto;border-radius:50% 50% 45% 45%;background:radial-gradient(circle at 50% 32%,#ed9aa1 0 4px,transparent 5px),linear-gradient(135deg,#8fb879,#577e57);box-shadow:inset 0 -7px #b47a60}.next-button,.done-badge{min-height:42px;white-space:nowrap;border:0;border-radius:999px;padding:0 16px;color:#fffdf7;background:#416d54;box-shadow:0 10px 22px #416d5440;font-weight:900}.next-button span{margin-left:5px;font-size:1.2rem}.done-badge{display:inline-flex;align-items:center;background:#8e7243}.fold-enter-active,.fold-leave-active{transition:opacity .18s ease,transform .18s ease}.fold-enter-from,.fold-leave-to{opacity:0;transform:translateY(-6px)}.scene-mist{--scene-wash: linear-gradient(160deg, #f5efe6, #e4eee6);--scene-bg: linear-gradient(to bottom, #edf6f2, #dfe8d4 62%, #e7d5c2)}.scene-sage{--scene-wash: linear-gradient(160deg, #f5f0df, #dcebdc);--scene-bg: linear-gradient(to bottom, #edf5eb, #cfdcbd 62%, #e2d1b8)}.scene-sunrise{--scene-wash: linear-gradient(160deg, #fff2cf, #e7efe8);--scene-bg: linear-gradient(to bottom, #f8edd5, #d9e3d8 62%, #edd0a8)}.scene-lavender{--scene-wash: linear-gradient(160deg, #f5edf7, #e8f1ed);--scene-bg: linear-gradient(to bottom, #f1eff9, #d8e5e5 62%, #dcc8df)}.scene-meadow{--scene-wash: linear-gradient(160deg, #f8f0dc, #dfeedd);--scene-bg: linear-gradient(to bottom, #eef7ef, #c7dfbc 62%, #efdbb4)}.scene-gold{--scene-wash: linear-gradient(160deg, #fff1bd, #edf0d7);--scene-bg: linear-gradient(to bottom, #fff1c7, #e2d58f 62%, #e5c483)}.scene-pine{--scene-wash: linear-gradient(160deg, #eef3e8, #d9e7df);--scene-bg: linear-gradient(to bottom, #e8f3ee, #b9d0bf 62%, #aebd88)}.scene-blossom{--scene-wash: linear-gradient(160deg, #fff0f2, #eaf0e8);--scene-bg: linear-gradient(to bottom, #f9f1f6, #d7e1d8 62%, #e8c8ce)}.scene-sky{--scene-wash: linear-gradient(160deg, #edf6f9, #f6f0df);--scene-bg: linear-gradient(to bottom, #e1f1f5, #cddcd3 62%, #e9d8b4)}.scene-mountain{--scene-wash: linear-gradient(160deg, #f7f5ee, #dfeaf0);--scene-bg: linear-gradient(to bottom, #e7f1f4, #cbd9df 62%, #c5d2b5)}.scene-forest{--scene-wash: linear-gradient(160deg, #edf3e7, #d7e4dc);--scene-bg: linear-gradient(to bottom, #e9f1e7, #b3c9aa 62%, #9aae82)}.scene-spring{--scene-wash: linear-gradient(160deg, #fff1e4, #e9f2e2);--scene-bg: linear-gradient(to bottom, #f6f0f1, #dbe8cd 62%, #ecc2a8)}@media(min-width:780px){.app-shell{padding:28px}.phone-frame{min-height:860px}}@media(max-width:380px){.phone-frame{padding:13px;border-radius:26px}h1{font-size:1.42rem}h2{font-size:1.24rem}.garden-stage{min-height:280px}.garden-bed,.target-bed{left:16px;right:16px;bottom:26px;height:220px}}