:root{font-family:"Segoe UI",Arial,sans-serif;color:#3f493a;background:#eeece2;font-synthesis:none;--green:#516444;--muted:#858a79;--line:#52644625}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer;border:0;background:none}button:focus-visible,a:focus-visible{outline:2px solid #607d52;outline-offset:5px}button:disabled{opacity:.4;cursor:default}svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.svg-library{position:absolute;width:0;height:0;overflow:hidden}[hidden]{display:none!important}#garden,#scene{position:absolute;inset:0}#scene canvas{display:block;width:100%;height:100%;touch-action:none;outline:none}header{position:absolute;left:42px;right:42px;top:32px;display:flex;align-items:center;justify-content:space-between;pointer-events:none}header>*{pointer-events:auto}.wordmark{text-decoration:none;color:var(--green);display:flex;align-items:center;gap:13px;font-family:Georgia,serif;font-size:32px;letter-spacing:-1.5px}.wordmark small{display:block;font:9px "Segoe UI",sans-serif;letter-spacing:2.1px;margin-top:4px;color:#858776}.logo-mark{display:grid;grid-template-columns:repeat(2,10px);gap:3px;transform:rotate(-5deg)}.logo-mark i{width:10px;height:10px;background:#7c8c62;border-radius:1px}.logo-mark i:first-child{background:#a2ad85}.logo-mark i:last-child{background:#516444}.header-actions{display:flex;align-items:center;gap:12px}#save-status{font-size:11px;color:#838777;margin-right:9px;display:flex;align-items:center;gap:7px}#save-status i{width:5px;height:5px;border-radius:50%;background:#83976d}.icon-button{width:36px;height:36px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;background:#f5f3eb60}.icon-button:hover{background:#fff8}.icon-button svg{width:17px;height:17px}.help-button{font-family:Georgia,serif;font-size:20px}.care-panel{position:absolute;top:164px;left:48px;width:212px}.eyebrow{font-size:9px;letter-spacing:2px;font-weight:600;color:#90917e}.tree-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px}h1{font-family:Georgia,"Times New Roman",serif;font-size:34px;font-weight:400;margin:0;letter-spacing:-1px}.condition{font-size:9px;border:1px solid #788b5750;border-radius:20px;padding:5px 8px;color:#73845c;background:#f5f4e95c}.species{font-size:10px;color:#909180;margin:9px 0 30px}.stat{margin:0 0 20px}.stat>div:first-child{display:flex;align-items:center;justify-content:space-between;font-size:11px;margin-bottom:9px}.stat span{display:flex;align-items:center;gap:8px}.stat svg{width:14px;height:14px}.stat strong{font-size:10px;font-weight:400;color:#7c806e;font-variant-numeric:tabular-nums}.track{height:4px;background:#d9dacd;border-radius:5px;overflow:hidden}.track i{display:block;width:80%;height:100%;border-radius:5px;background:#82956e;transition:width .4s}.water-stat .track i{background:#8aa8af}.growth-row{display:flex;gap:7px;align-items:center;font-size:10px;color:#79846a;margin-top:26px}.growth-dot{width:5px;height:5px;background:#8f9b6b;border-radius:50%;box-shadow:0 0 0 3px #8f9b6b12}.growth-track{height:2px;margin-top:9px;background:#deded1}.growth-track i{display:block;height:100%;width:0;background:#a5ac88;transition:width .2s}.tree-facts{display:flex;justify-content:space-between;font-size:9px;color:#989988;margin-top:13px}.tree-facts b{font-weight:400}.garden-note{position:absolute;right:54px;top:180px;width:173px}.tiny-line{width:25px;height:1px;background:#a6aa92}.garden-note p{font:italic 25px/1.35 Georgia,serif;letter-spacing:-.6px;color:#737d62;margin:19px 0 14px}.garden-note>span{font-size:10px;line-height:1.9;color:#929481}.bottom-ui{position:absolute;bottom:53px;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:17px;width:max-content;max-width:100%}.action-hint{font-size:11px;color:#75816a;text-align:center;max-width:90vw;line-height:1.5;min-height:17px;background:#eeece270;border-radius:8px;padding:3px 8px}.toolbox{display:flex;align-items:center;gap:5px;background:#faf9f1ed;border:1px solid #fff9;border-radius:17px;box-shadow:0 12px 40px #53633a12,0 1px 3px #565e3910;padding:9px}.tool{height:64px;min-width:79px;padding:9px 15px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:6px;position:relative;transition:background .15s,color .15s}.tool svg{width:22px;height:22px}.tool span{font-size:10px;font-weight:500;white-space:nowrap}.tool kbd{position:absolute;right:7px;top:5px;font:8px "Segoe UI",sans-serif;color:#a1a590;opacity:0;transition:opacity .2s}.tool:hover kbd{opacity:1}.tool:hover{background:#e9ecdf}.tool.active{color:#f4f6eb;background:#61734f}.tool.active kbd{color:#d4ddc5}.tool.pouring{color:#4f7880;background:#e0eded}.tool.resting{background:#ece3c7;color:#8b7751}.divider{height:30px;width:1px;background:#dedfd1;margin:0 5px}.rest-tool{min-width:126px}.lower-hint{display:flex;align-items:center;gap:9px;color:#8e947e;font-size:9px;letter-spacing:.1px}.lower-hint svg{width:16px;height:16px}.lower-hint>span{margin:0 2px}.view-actions{position:absolute;right:45px;bottom:108px;display:flex;flex-direction:column;gap:5px}.view-actions button{width:33px;height:33px;display:grid;place-items:center;background:#f5f4eb90;border:1px solid var(--line);border-radius:50%;font-size:20px;color:#8a9378}.view-actions button:hover{background:#fff9}.view-actions svg{width:16px;height:16px}footer{position:absolute;bottom:23px;left:44px;right:44px;font-size:9px;color:#949883;letter-spacing:.4px;display:flex;align-items:center;gap:8px}.season-dot{width:5px;height:5px;background:#b2b895;border-radius:50%}.footer-right{margin-left:auto;letter-spacing:1.8px;font-size:8px}#toast{position:absolute;top:102px;left:50%;transform:translate(-50%,-8px);opacity:0;transition:opacity .3s,transform .3s;background:#faf9f0ee;box-shadow:0 5px 30px #4e5c3420;border:1px solid #fff8;border-radius:25px;padding:12px 22px;max-width:min(500px,90vw);font-size:12px;pointer-events:none;text-align:center;line-height:1.5}#toast.visible{opacity:1;transform:translate(-50%,0)}.undo-button{position:absolute;left:45px;bottom:118px;display:flex;align-items:center;gap:8px;font-size:10px;background:#faf9f0d9;padding:10px 12px;border-radius:9px;border:1px solid #fff9}.undo-button svg{width:14px;height:14px}.undo-button kbd{font-size:8px;opacity:.4;margin-left:5px}.guide-panel{position:absolute;right:43px;top:360px;width:200px;background:#faf9f1e8;padding:20px;border:1px solid #fff9;border-radius:14px;box-shadow:0 8px 25px #53633a0c}.guide-panel p{font-size:12px;line-height:1.5;margin:10px 0}.direction-buttons{display:flex;gap:6px;margin:15px 0}.direction-buttons button{flex:1;border:1px solid #d8ddcd;border-radius:8px;height:54px;font-size:23px;display:flex;flex-direction:column;align-items:center;gap:2px;line-height:1.1}.direction-buttons button span{font-size:9px}.direction-buttons button:hover,.direction-buttons button.chosen{background:#dfe6d4}.guide-panel small{font-size:9px;color:#919581;line-height:1.8}dialog{border:1px solid #fff;background:#f6f4e9;color:#48543f;box-shadow:0 25px 100px #3b452e30;border-radius:20px;padding:38px;width:490px;max-width:calc(100vw - 32px);max-height:90dvh;overflow-y:auto}dialog::backdrop{background:#59634c40;backdrop-filter:blur(7px)}dialog h2{font:35px/1.13 Georgia,serif;letter-spacing:-1px;margin:20px 0}dialog p,dialog li{font-size:12px;line-height:1.8;color:#7b816e}dialog ul{padding-left:18px}dialog li{padding:4px 0}dialog b{color:#566749;font-weight:600}.muted{font-size:10px!important;opacity:.9}.close-dialog:not(.primary){position:absolute;right:16px;top:10px;font-size:27px;color:#919780}.dialog-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:26px}.primary{background:#62744f;color:#fff;font-size:11px;border-radius:8px;padding:12px 16px}.text-button{font-size:10px;text-decoration:underline;text-underline-offset:4px;color:#889079}#loading{position:absolute;inset:0;background:#eeece2;display:flex;align-items:center;justify-content:center;gap:15px;font:22px Georgia,serif;z-index:10}#loading span{width:8px;height:8px;background:#85986f;animation:pulse 1.5s infinite;border-radius:50%}#error{position:absolute;inset:0;background:#eeece2;padding:25vh 20vw;z-index:11;text-align:center}#error h2{font:32px Georgia,serif}#error p{font-size:14px;line-height:1.6}@keyframes pulse{50%{opacity:.3;transform:scale(.6)}}
@media(min-width:1500px){.care-panel{left:5vw;top:22vh}.garden-note{right:5vw;top:23vh}.guide-panel{right:5vw;top:44vh}}
@media(max-width:1000px){header{left:25px;right:25px;top:24px}.care-panel{left:28px;width:170px;top:140px}.garden-note{right:28px;width:140px;top:155px}.garden-note p{font-size:22px}.garden-note>span{font-size:9px}.guide-panel{right:25px;top:310px;width:175px;padding:15px}.condition{font-size:8px;padding:4px 6px}.species{font-size:9px}h1{font-size:30px}.tree-title{gap:6px}}
@media(max-width:700px){header{left:20px;right:20px;top:20px}.wordmark{font-size:27px;gap:10px}.wordmark small{font-size:7px;letter-spacing:1.6px}.logo-mark{grid-template-columns:repeat(2,8px);gap:2px}.logo-mark i{width:8px;height:8px}#save-status{display:none}.header-actions{gap:8px}.icon-button{width:31px;height:31px}.care-panel{top:103px;left:22px;right:22px;width:auto;display:grid;grid-template-columns:1fr 1fr;column-gap:22px}.care-panel>.eyebrow,.species,.condition,.growth-track,.tree-facts{display:none}.tree-title{grid-column:1 / -1;margin:0 0 14px}h1{font-size:21px;letter-spacing:-.5px}.stat{margin:0}.stat>div:first-child{font-size:10px;margin-bottom:6px}.growth-row{grid-column:1 / -1;margin-top:11px;font-size:9px}.garden-note{display:none}.bottom-ui{bottom:49px;gap:13px}.toolbox{padding:6px;gap:1px;border-radius:14px}.tool{min-width:59px;padding:8px 9px;height:58px}.tool svg{width:21px;height:21px}.tool span{font-size:9px}.rest-tool{min-width:85px}.rest-tool span{font-size:8px}.divider{margin:0 3px}.tool kbd{display:none}.lower-hint{font-size:8px;gap:6px}.action-hint{font-size:10px;width:90vw;min-height:27px}.view-actions{right:16px;bottom:213px}.view-actions button{width:29px;height:29px}.undo-button{left:19px;bottom:211px;font-size:9px}.undo-button kbd{display:none}footer{left:22px;right:22px;bottom:19px;font-size:8px}.footer-right{font-size:6px;letter-spacing:1px}.guide-panel{top:auto;bottom:219px;right:55px;padding:12px;width:175px}.guide-panel .eyebrow{font-size:8px}.guide-panel p{font-size:10px;margin:7px 0}.guide-panel small{display:none}.direction-buttons{margin:8px 0 0}.direction-buttons button{height:43px;font-size:19px}#toast{top:215px;font-size:10px;padding:9px 16px}.dialog-footer{gap:10px}dialog{padding:28px}dialog h2{font-size:30px}}
@media(max-height:620px) and (min-width:701px){.care-panel{top:118px}.species{margin-bottom:18px}.stat{margin-bottom:14px}.garden-note{top:125px}.bottom-ui{bottom:33px;gap:8px}.tool{height:55px}.toolbox{padding:6px}.lower-hint{display:none}.guide-panel{top:255px}.view-actions{bottom:92px}footer{bottom:13px}.growth-row{margin-top:18px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}
.audio-controls{display:flex;align-items:center;gap:9px}.volume-control{display:flex;flex-direction:column;gap:3px;color:#8b907e;font-size:8px;letter-spacing:.3px}.volume-control input{width:65px;height:15px;margin:0;accent-color:#768866;cursor:pointer}.style-options{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;border:0;margin:22px 0 12px;padding:0}.style-options legend{font-size:11px;color:#7b816e;margin-bottom:10px}.style-options label{position:relative;cursor:pointer}.style-options input{position:absolute;left:9px;top:10px;accent-color:#65784e}.style-options label>span{display:flex;flex-direction:column;align-items:center;gap:7px;padding:23px 5px 15px;border:1px solid #d9decc;border-radius:10px;background:#eeeee240}.style-options input:checked+span{background:#e1e7d6;border-color:#80956b;box-shadow:0 0 0 1px #80956b}.style-options input:focus-visible+span{outline:2px solid #607d52;outline-offset:3px}.style-options svg{width:70px;height:60px}.style-options b{font:16px Georgia,serif;font-weight:400}.style-options small{font-size:8px;color:#879078;text-align:center}
@media(max-width:700px){.audio-controls{gap:5px}.volume-control input{width:49px}.volume-control span{font-size:7px}.style-options{gap:7px}.style-options label>span{padding:24px 3px 13px}.style-options svg{width:60px}.style-options small{font-size:7px}}
body.at-menu #garden>header,body.at-menu .care-panel,body.at-menu .garden-note,body.at-menu .bottom-ui,body.at-menu .view-actions,body.at-menu .undo-button,body.at-menu .guide-panel{visibility:hidden}#menu-dialog{text-align:center;width:440px;padding:44px 42px}#menu-dialog::backdrop{background:#e8e6da75;backdrop-filter:blur(3px)}#menu-title{font:58px Georgia,serif;letter-spacing:-3px;margin:18px 0;color:#56684a}.menu-poem{font:italic 20px Georgia,serif!important;color:#7d876c!important}.menu-intro{font-size:11px!important}.menu-buttons{display:grid;gap:10px;margin:28px 0 14px}.menu-buttons button{font-size:16px;padding:15px}.menu-buttons small{display:block;font-size:10px;margin-top:5px;font-weight:400;opacity:.7}#menu-continue{background:#e6ebdc;color:#58694a;border:1px solid #c9d3bd}.menu-audio{justify-content:center;border-top:1px solid #dfe2d3;padding-top:20px;margin-top:24px;gap:15px}.menu-audio input{width:130px}.menu-audio .volume-control{gap:7px;text-align:left}.menu-footnote{font-size:9px!important;color:#959a86!important;margin-bottom:0}#reset-dialog{width:740px;text-align:center}.style-options .tree-preview{width:100%;height:auto;display:block;object-fit:contain;aspect-ratio:280/230}.style-options label>span{padding:16px 8px 18px}.style-options b{font-size:20px}.style-options small{font-size:10px}#reset-dialog .dialog-footer{justify-content:center}#open-menu{text-decoration:none;font-size:10px}#menu-dialog button:disabled{opacity:.45}body.at-menu #toast{z-index:20}
@media(max-width:700px){#menu-dialog{padding:32px 25px}#menu-title{font-size:50px}#open-menu{font-size:9px;padding:3px}#reset-dialog{padding:27px 18px}.style-options label>span{padding:26px 3px 12px}.style-options b{font-size:16px}.style-options small{font-size:8px}.header-actions{gap:5px}.volume-control input{width:38px}.style-options .tree-preview{min-height:85px}.guide-panel small{display:block;font-size:8px}}
@media(min-width:701px){body.shaping .view-actions{right:260px}}
@media(max-width:700px){.guide-panel small{display:none}}
.track-button{font-size:10px;color:#79856c;white-space:nowrap;padding:7px 9px;border:1px solid #52644625;border-radius:15px;background:#f5f3eb60}.track-button:hover{background:#fff8}#menu-track{margin-top:14px}.header-actions .audio-controls{position:relative}.header-actions .track-button{position:absolute;right:0;top:43px;font-size:9px}@media(max-width:700px){.header-actions .track-button{top:39px;font-size:8px;padding:5px 7px}}

.garden-panel{position:absolute;left:38px;bottom:205px;width:225px;padding:21px;background:#faf9f1f2;border:1px solid #fff9;border-radius:15px;box-shadow:0 8px 30px #53633a16;z-index:3}.garden-panel p{font:21px Georgia,serif;margin:12px 0}.garden-panel>.primary{width:100%;margin-bottom:12px}.garden-panel small{display:block;font-size:9px;line-height:1.7;color:#879078;margin-top:12px}.garden-buttons{display:grid;grid-template-columns:1fr 1fr;gap:6px}.garden-buttons button{font-size:10px;padding:8px 3px;border:1px solid #d9decc;border-radius:7px;background:#eef0e4}.garden-buttons button:hover{background:#dfe6d4}#garden-close{position:absolute;right:9px;top:6px;font-size:21px;color:#8a927c}#garden-toggle{text-decoration:none}body.at-menu .garden-panel{visibility:hidden}@media(max-width:700px){.garden-panel{left:18px;bottom:210px;width:210px;max-height:calc(100dvh - 270px);overflow-y:auto;padding:18px}.header-actions{gap:3px}#garden-toggle{font-size:8px;padding:3px}.wordmark{font-size:24px;gap:6px}.wordmark small{font-size:6px;letter-spacing:1.1px}.header-actions .track-button{right:0}.garden-buttons button{font-size:9px}header{left:15px;right:15px}}
.bottom-ui{pointer-events:none}.toolbox{pointer-events:auto}
/* Warm linen and muted sage keep the existing interface part of the courtyard. */
:root{background:#b6c0a7;color:#354631;--muted:#65755b;--line:#465d392d}.toolbox{background:#ece9dbea;border-color:#e6e5cf}.icon-button,.track-button,.view-actions button{background:#dbe0c780;border-color:#65734b35}.action-hint{background:#d8dfc17d;color:#4d6448}.garden-note p{color:#4c6246}.garden-note>span,.species,.tree-facts,.stat strong,.growth-row,.lower-hint,footer,#save-status,.volume-control,.text-button,.eyebrow{color:#596e50}.condition{background:#d7e0c36b;color:#49653c;border-color:#667d5355}.track{background:#9caa8d66}.growth-track{background:#8b9d7760}dialog,.garden-panel{background:#e8e4d2;border-color:#dedcc5}dialog::backdrop{background:#5266453b}#menu-dialog::backdrop{background:#9bab8260}.guide-panel,#toast{background:#e8e5d5ef;border-color:#dedcc5}.garden-buttons button{background:#dce1cd;border-color:#bac7a7}.garden-visits{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:12px}.garden-visits .primary{padding:11px 5px;font-size:10px}.style-options label>span{background:#dbe0cc50}.menu-footnote{color:#6f7c61!important}#loading,#error{background:#b6c0a7}
@media(min-width:701px){.tree-title h1{font-size:30px}}
.rake-controls{position:absolute;left:50%;bottom:190px;transform:translateX(-50%);display:flex;gap:7px;padding:6px;border-radius:12px;background:#e8e5d5e8;border:1px solid #dedcc5;z-index:2}.rake-controls button{font-size:10px;padding:8px 12px;border-radius:7px;background:#dce1cd}.rake-controls button:hover{background:#cad5b9}.chime-action{grid-column:1/-1}body.at-menu .rake-controls{visibility:hidden}@media(max-width:700px){.rake-controls{bottom:190px}.rake-controls button{font-size:9px;padding:7px 11px}}
.rake-controls:not([hidden]) ~ .bottom-ui .action-hint{visibility:hidden}
.quiet-toggle{position:absolute;left:50%;bottom:17px;transform:translateX(-50%);font-size:10px;padding:7px 13px;background:#e9e7d9bb;border:1px solid #66765a33;border-radius:20px;z-index:5}.quiet-toggle:hover{background:#f0eddf}body.at-menu .quiet-toggle{visibility:hidden}body.quiet-view header,body.quiet-view .care-panel,body.quiet-view .garden-note,body.quiet-view .bottom-ui,body.quiet-view .view-actions,body.quiet-view footer,body.quiet-view .rake-controls,body.quiet-view #toast,body.quiet-view .undo-button{visibility:hidden;pointer-events:none}body.quiet-view .quiet-toggle{opacity:.65}body.quiet-view .quiet-toggle:hover{opacity:1}.garden-visits{flex-wrap:wrap}.garden-visits #stones-view{flex-basis:100%}.species,.eyebrow,.stat strong,.growth-row,.tree-facts,.garden-note>span{color:#687461}.action-hint{color:#445440;background:#f0ecdcbb}.garden-panel{max-height:calc(100dvh - 145px);overflow-y:auto}#rake-controls{background:#ede7d6f2}body.quiet-view .guide-panel{visibility:hidden}@media(max-width:700px){.quiet-toggle{bottom:13px;font-size:9px}.footer-right{display:none}.garden-visits #stones-view{padding:8px}}
.species,.eyebrow,.stat strong,.growth-row,.tree-facts,.garden-note>span{color:#63705e}.action-hint{color:#445440;background:#f0ecdcbb}.garden-panel{max-height:calc(100dvh - 145px);overflow-y:auto}.garden-visits{flex-wrap:wrap}.garden-visits #stones-view{flex-basis:100%}
.garden-visits #stones-view{grid-column:1/-1}
body.garden-detail .care-panel,body.garden-detail .garden-note{visibility:hidden;pointer-events:none}

.portfolio-return{margin:20px 0 8px}.portfolio-return a{color:#354631;text-underline-offset:4px;font-size:13px}.portfolio-return a:focus-visible{outline:2px solid currentColor;outline-offset:5px}.hosted-save-note{font-size:11px;color:#596e50}