:root{color:#414d3a;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--paper:#f7f5ee;--ink:#414d3a;--muted:#818775;--line:#dedfd2;--serif:Georgia, "Noto Serif CJK SC", "Songti SC", STSong, serif;background:#f7f5ee;font-family:Inter,PingFang SC,Microsoft YaHei,system-ui,sans-serif}*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button:disabled{cursor:wait;opacity:.5}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,canvas:focus-visible{outline-offset:5px;outline:2px solid #8d9d76}button{background:0 0;border:0}::selection{background:#e2dfbd}.site-shell{max-width:1320px;margin:0 auto;padding:0 64px}.site-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:104px;display:flex}.wordmark{font:italic 29px/1 var(--serif);letter-spacing:-1px;align-items:center;gap:11px;display:flex}.wordmark-dot{color:#c7805d}.site-header nav{color:#747b69;align-items:center;gap:28px;font-size:12px;display:flex}.site-header nav button{padding:10px 0}.site-header nav a span{margin-left:5px}.site-header nav a:hover,.site-header nav button:hover{color:#394732}.intro{justify-content:space-between;align-items:flex-end;gap:32px;padding:61px 0 43px;display:flex}.eyebrow{letter-spacing:1.45px;color:#818773;align-items:center;gap:10px;font:10px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace;display:flex}.tiny-sun{color:#b7935e;font:20px/1 var(--serif)}h1{font:500 clamp(35px, 4.1vw, 57px) / 1.4 var(--serif);letter-spacing:2px;margin:22px 0 0}h1>span{color:#737e63}.intro-note{max-width:320px;padding:0 8px 6px 0}.intro-note p{letter-spacing:.25px;color:#77816c;margin:14px 0 15px;font-size:13px;line-height:2.1}.note-line{background:#bdc1ab;width:32px;height:1px;display:block}.handwritten{font:italic 17px/1.4 var(--serif);color:#9c9d85}.garden-section{border-top:1px solid var(--line)}.garden-topline{justify-content:space-between;align-items:center;gap:16px;height:61px;display:flex}.garden-topline>div:first-child{align-items:center;gap:18px;display:flex}.garden-index{letter-spacing:1px;font:10px/1.4 ui-monospace,SFMono-Regular,monospace}.garden-name{color:#959b87;border-left:1px solid var(--line);padding-left:18px;font-size:11px}.connection{letter-spacing:.4px;color:#8a8d7c;align-items:center;gap:7px;font-size:10px;display:flex}.connection>span{background:#c1aa72;border-radius:50%;width:5px;height:5px}.connection.is-connected>span{background:#81976c;box-shadow:0 0 0 3px #81976c12}.garden-stage{background-color:#f1f2e8;background-image:radial-gradient(#87927b2e .65px,#0000 .65px);background-size:22px 22px;border:1px solid #dde0ce;border-radius:3px;height:548px;position:relative;overflow:hidden}.garden-stage:before{content:"";pointer-events:none;background:radial-gradient(at 40% 44%,#f8f7ed77,#0000 65%);position:absolute;inset:0}.garden-canvas{touch-action:none;cursor:crosshair;width:100%;height:100%;display:block;position:relative}.garden-canvas:active{cursor:grabbing}.garden-canvas:focus-visible{outline-offset:-5px}.garden-corner{color:#9aa18d;letter-spacing:1.8px;pointer-events:none;z-index:1;flex-direction:column;gap:7px;font-size:10px;display:flex;position:absolute;top:26px;left:27px}.flower-count{pointer-events:none;z-index:1;align-items:baseline;gap:7px;display:flex;position:absolute;top:23px;right:28px}.flower-count strong{font:italic 35px/1 var(--serif);color:#6e7d5d}.flower-count span{color:#959d88;font-size:10px}.canvas-controls{background:#f9f9f1e8;border:1px solid #d5dac8;border-radius:4px;flex-direction:column;display:flex;position:absolute;bottom:19px;right:17px;overflow:hidden}.canvas-controls button{justify-content:center;align-items:center;width:31px;height:30px;font:19px/1 system-ui;display:flex}.canvas-controls button:hover{background:#e7eadc}.canvas-controls button+button{border-top:1px solid #dfe3d5}.field-note{font:italic 14px/1 var(--serif);color:#9ca28b;pointer-events:none;position:absolute;bottom:29px;left:25px}.plant-toolbar{white-space:nowrap;background:#fcfbf5f2;border:1px solid #e0dfd0;border-radius:50px;align-items:center;gap:14px;padding:9px 11px;display:flex;position:absolute;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 4px 18px #4850390b}.seed-picker{gap:3px;display:flex}.seed{border:1px solid #0000;border-radius:50%;place-items:center;width:39px;height:39px;transition:background .2s,transform .2s;display:grid}.seed:hover{transform:translateY(-2px)}.seed.selected{background:#eeeedf;border-color:#d5d7bf}.seed svg{transition:transform .25s}.seed.selected svg{transform:rotate(-12deg)}.toolbar-divider{background:#dddfd2;width:1px;height:25px}.plant-button{color:#6d795a;align-items:center;gap:8px;padding:10px 11px 10px 0;font-size:11px;display:flex}.plant-button:hover{color:#34492a}.garden-caption{color:#929982;letter-spacing:.2px;justify-content:space-between;align-items:center;padding:14px 0;font-size:10px;display:flex}.garden-caption p{margin:0}.garden-caption p>span{padding-right:5px}.sound-toggle{color:#879178;align-items:center;gap:8px;padding:3px 0 3px 10px;font-size:10px;display:flex}.sound-toggle:hover{color:#4d5d40}.toast{color:#6e775f;text-align:center;opacity:0;pointer-events:none;background:#fdfbf3f5;border:1px solid #e1e0d0;border-radius:7px;width:max-content;max-width:calc(100% - 36px);padding:11px 17px;font-size:12px;line-height:1.7;transition:opacity .2s,transform .2s;position:absolute;bottom:100px;left:50%;transform:translate(-50%,6px);box-shadow:0 4px 12px #414d3a08}.toast.visible{opacity:1;transform:translate(-50%)}.garden-loading{color:#7c876b;background:#f1f2e8ef;flex-direction:column;justify-content:center;align-items:center;gap:15px;font-size:13px;display:flex;position:absolute;inset:0}.garden-loading svg{animation:8s linear infinite rotate-bloom}.empty-garden{text-align:center;color:#919a81;pointer-events:none;position:absolute;top:40%;left:50%;transform:translate(-50%,-50%)}.empty-garden p{font:24px/1.5 var(--serif);margin:0 0 8px}.empty-garden span{white-space:nowrap;font-size:12px}.pause-label{color:#98916e;white-space:nowrap;background:#f9f7ee;border-radius:20px;padding:8px 14px;font-size:11px;position:absolute;top:25px;left:50%;transform:translate(-50%)}.afterword{justify-content:center;align-items:center;gap:20px;margin:32px 0 48px;display:flex}.small-leaf{font:45px/1 var(--serif);color:#a6ae8d;transform:rotate(-25deg)}.afterword p{color:#818b71;margin:0;font-size:12px;line-height:2}.afterword p span{color:#a0a48e;font-size:11px;display:block}.site-footer{border-top:1px solid var(--line);color:#9a9e8a;justify-content:space-between;align-items:center;gap:20px;height:76px;font:10px/1.6 ui-monospace,SFMono-Regular,monospace;display:flex}.site-footer a{color:#707d60;border-bottom:1px solid #c3c8b3}.footer-star{color:#b8ac8b;margin-left:9px;font-size:16px}.dialog{width:min(440px,100vw - 32px);color:var(--ink);background:#fcfaf3;border:1px solid #e0dfd0;border-radius:12px;padding:42px 36px 30px;box-shadow:0 20px 100px #3b463825}.dialog::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#48503e55}.dialog-close{color:#8c947d;font:27px/1.4 system-ui;position:absolute;top:9px;right:14px}.dialog h2{font:27px/1.6 var(--serif);margin:17px 0 19px}.dialog p{color:#79836d;margin:0 0 15px;font-size:13px;line-height:1.95}.dialog .eyebrow{letter-spacing:1px;font-size:9px}.about-footnote{color:#989d88;border-top:1px solid #e4e3d8;margin-top:23px;padding-top:17px;font-size:11px;line-height:1.9}.about-source{color:#697b50;margin-top:20px;font-size:12px;display:inline-block}.verification{text-align:center;max-width:100%;min-height:78px;margin:20px -12px;overflow:hidden}.verification-status{font-size:11px!important}.text-button{color:#5c7245;padding:5px;text-decoration:underline}.dialog p[role=alert]{font-size:12px}@keyframes rotate-bloom{to{transform:rotate(360deg)}}@media (width>=1500px){.garden-stage{height:590px}}@media (width<=900px){.site-shell{padding:0 32px}.intro{gap:20px;padding-top:43px}.intro-note{max-width:250px}.intro-note p{font-size:12px}.handwritten{font-size:15px}.field-note{display:none}.garden-stage{height:540px}.site-header{height:88px}}@media (width<=600px){.site-shell{padding:0 20px}.site-header{height:81px}.wordmark{gap:8px;font-size:26px}.wordmark svg{width:26px;height:26px}.site-header nav{gap:17px;font-size:11px}.intro{padding:34px 0 28px;display:block}.eyebrow{letter-spacing:1px;font-size:8px}.tiny-sun{font-size:17px}h1{letter-spacing:1px;margin-top:17px;font-size:37px;line-height:1.45}.intro-note{align-items:center;gap:15px;max-width:none;margin-top:18px;padding:0;display:flex}.intro-note p{margin:0;font-size:11px;line-height:1.9}.note-line{flex-shrink:0;width:19px}.handwritten{display:none}.garden-topline{height:51px}.garden-index{letter-spacing:.5px;font-size:8px}.garden-name{display:none}.connection{font-size:9px}.garden-stage{height:510px}.garden-corner{letter-spacing:1px;font-size:9px;top:22px;left:18px}.flower-count{gap:5px;top:21px;right:18px}.flower-count strong{font-size:29px}.flower-count span{font-size:9px}.plant-toolbar{gap:10px;padding:8px;bottom:21px}.seed-picker{gap:1px}.seed{width:33px;height:33px}.seed svg{width:27px;height:27px}.plant-button{gap:6px;padding-right:5px;font-size:10px}.plant-button svg{width:14px;height:14px}.canvas-controls{bottom:99px;right:12px}.canvas-controls button{width:29px;height:29px}.garden-caption{letter-spacing:0;padding:14px 0;font-size:8px}.sound-toggle{gap:5px;font-size:9px}.sound-toggle svg{width:15px;height:15px}.afterword{gap:14px;margin:22px 0 32px}.afterword p{font-size:11px}.afterword p span{font-size:10px}.small-leaf{font-size:37px}.site-footer{align-items:center;gap:14px;height:76px;font-size:8px}.site-footer>span:last-child{text-align:right;max-width:140px}.footer-star{margin-left:0;font-size:13px}.toast{max-width:calc(100% - 24px);padding:10px 13px;font-size:11px;bottom:86px}.dialog{padding:38px 26px 26px}.dialog h2{font-size:25px}.dialog .eyebrow{font-size:8px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
