*{box-sizing:border-box}html{font-size:15px;background:#e8ede8;color:#172e29;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",sans-serif;line-height:1.45}body{margin:0}button,input,textarea,select{font:inherit;color:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{border:0;background:none;cursor:pointer}button:disabled{opacity:.5;cursor:default}a{color:var(--green)}:root{--green:#32684f;--soft:#edf5f0;--muted:#7f8994;--line:#e9eeeb;--paper:#fff;--bg:#f7faf8;--ink:#172e29;--shadow:0 5px 24px #193f2410}html[data-theme=clay]{--green:#9e634b;--soft:#f6eee9}html[data-theme=blue]{--green:#50768a;--soft:#edf3f7}html[data-theme=pink]{--green:#92697c;--soft:#f7edf1}html[data-theme=moss]{--green:#4b652f;--soft:#eff3e8}html.dark{--paper:#1c2b26;--bg:#14221d;--ink:#e8eee9;--line:#32423a;--muted:#abb8b0;--soft:#283e32;color:var(--ink);background:#111c17}html[data-font=large]{font-size:18px}#app{position:relative;width:100%;max-width:460px;min-height:100dvh;margin:auto;background:var(--bg);color:var(--ink);overflow:clip;box-shadow:0 0 60px #20382b12}main{min-height:100dvh;padding:0 16px calc(98px + env(safe-area-inset-bottom));background:linear-gradient(150deg,var(--paper),var(--bg))}.loading{text-align:center;padding-top:40vh}.topbar{display:flex;align-items:center;gap:8px;min-height:64px;padding-top:env(safe-area-inset-top);position:sticky;top:0;z-index:5;background:color-mix(in srgb,var(--paper) 93%,transparent);backdrop-filter:blur(12px);margin:0 -16px;padding-left:10px;padding-right:10px;border-bottom:1px solid var(--line)}.topbar h1{font-size:1.18rem;font-weight:600;margin:0;flex:1;text-align:center}.topbar>.slot{min-width:44px;display:flex;justify-content:flex-end}.icon{display:inline-block;width:23px;height:23px;vertical-align:middle;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.icon-btn{display:inline-grid;place-items:center;min-width:44px;min-height:44px;border-radius:50%;flex-shrink:0}.icon-btn:hover{background:var(--soft)}.primary,.secondary,.danger{display:flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 18px;border-radius:14px}.primary{background:linear-gradient(125deg,var(--green),color-mix(in srgb,var(--green) 83%,#182f24));color:white}.secondary{background:var(--paper);border:1px solid var(--line)}.danger{color:#b34841;border:1px solid #b3484133}.small{min-height:36px;padding:7px 14px;font-size:.87rem;border-radius:10px}.full{width:100%}.muted{color:var(--muted);font-size:.82rem}.hint{font-size:.83rem;color:var(--muted);margin:8px 0;line-height:1.6}.badge{display:inline-flex;gap:4px;align-items:center;padding:3px 7px;font-size:.72rem;border-radius:6px;background:var(--soft);color:var(--green)}.mode{display:inline-block;border:1px solid var(--line);font-size:.7rem;padding:2px 7px;border-radius:20px;color:var(--muted);background:var(--paper)}.section-title{display:flex;gap:8px;align-items:center;margin:22px 0 11px}.section-title h2{font-size:1.06rem;margin:0;flex:1;font-weight:600}.text-link{display:flex;align-items:center;gap:3px;min-height:40px;font-size:.82rem;color:var(--green);padding:0 4px}.row{display:flex;align-items:center;gap:10px}.between{justify-content:space-between}.grow{flex:1;min-width:0}.stack{display:grid;gap:10px}.card{border:1px solid var(--line);border-radius:15px;background:var(--paper);padding:14px;box-shadow:var(--shadow)}.empty{text-align:center;padding:28px 14px;color:var(--muted)}.empty>.icon{width:38px;height:38px;color:var(--green);margin:0 0 10px}.empty h2{color:var(--ink);font-size:1.05rem;font-weight:500}.empty .primary{margin:16px auto 0;max-width:230px}.nav{display:flex;align-items:stretch;position:fixed;bottom:0;left:50%;transform:translateX(-50%);max-width:460px;width:100%;background:color-mix(in srgb,var(--paper) 96%,transparent);border-top:1px solid var(--line);padding:7px 10px calc(7px + env(safe-area-inset-bottom));z-index:12;backdrop-filter:blur(12px);border-radius:23px 23px 0 0}.nav button{flex:1;padding:7px 2px 5px;font-size:.72rem;color:#7a8291;display:grid;gap:3px;place-items:center;min-height:52px}.nav .icon{width:24px;height:24px}.nav button.active{background:var(--soft);color:var(--green);border-radius:19px;font-weight:600}.brand{color:#235238;display:flex;gap:7px;align-items:center;font-family:serif;font-size:1.3rem;letter-spacing:2px}.brand .icon{width:31px;height:35px}.brand small{display:block;font:8px sans-serif;letter-spacing:4px}.welcome{min-height:100dvh;position:relative;display:flex;flex-direction:column;isolation:isolate;background:#fbfcfa;overflow:hidden;padding:7vh 26px max(24px,env(safe-area-inset-bottom));color:#204b34}.welcome:before{content:"";position:absolute;z-index:-2;inset:30% 0 12%;background:url('assets/welcome-reference.png') center 65%/100% auto no-repeat}.welcome:after{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(#fff 0%,#ffffffed 25%,#ffffff00 48%,#fff0 65%,#fff 87%)}.welcome .brand{flex-direction:column;font-size:2.5rem;gap:1px}.welcome .brand .icon{width:58px;height:65px}.welcome .brand small{font-size:.8rem;letter-spacing:8px;margin-left:8px}.welcome h1{text-align:center;font-size:1.65rem;line-height:1.55;font-weight:500;margin:28px 0 10px}.welcome .tagline{text-align:center;font-size:.93rem;color:#647069;margin:0}.welcome-actions{margin-top:auto;padding-top:40vh;display:grid;gap:11px;text-align:center}.welcome-actions .secondary{border-color:#32684f;background:#ffffffaa}.welcome-actions .text-link{justify-content:center;text-decoration:underline}.hero-assistant{position:relative;padding-top:20px;overflow:hidden;border-radius:0 0 16px 16px;min-height:270px}.hero-assistant .botanical{position:absolute;right:-46px;top:36px;width:240px;height:230px;z-index:0;opacity:.9;pointer-events:none}.hero-assistant .botanical:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--paper),transparent 60%)}.hero-assistant>.row,.hero-assistant h1,.hero-assistant p{position:relative;z-index:1}.hero-assistant h1{font-size:1.65rem;line-height:1.45;font-weight:600;margin-top:48px;max-width:240px}.hero-assistant p{font-size:.85rem;max-width:210px}.entry-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.entry{padding:18px 12px;background:linear-gradient(135deg,#f1faf5,var(--soft));border:1px solid #fff;border-radius:15px;text-align:left;box-shadow:0 0 0 1px var(--line)}.entry>.icon{display:block;width:41px;height:41px;margin:0 auto 12px;padding:2px;color:var(--green)}.entry b{font-size:1.06rem;font-weight:500;display:block;text-align:center}.entry .muted{display:block;text-align:center;margin-top:4px}.composer{display:flex;align-items:center;border:1px solid #a8c7b6;border-radius:14px;background:var(--paper);padding:3px 4px 3px 10px;gap:4px;margin:12px 0}.composer input{flex:1;min-width:0;border:0;background:none;outline:none;font-size:.9rem;padding:10px 4px}.composer .send{color:var(--paper);background:var(--green);border-radius:50%;min-width:38px;min-height:38px}.notice{font-size:.8rem;color:var(--muted);background:var(--soft);border-radius:9px;padding:9px 11px;margin:12px 0}.list-row{display:flex;width:100%;gap:11px;align-items:center;padding:12px 0;text-align:left;border-bottom:1px solid var(--line);min-height:54px}.list-row:last-child{border:0}.list-row>.icon{color:var(--green);width:21px;height:21px}.list-row b{font-weight:500;font-size:.94rem}.list-row .chevron{color:var(--muted);margin-left:auto;width:16px}.thumb{width:57px;height:57px;border-radius:10px;overflow:hidden;flex-shrink:0;background:var(--soft);display:grid;place-items:center;color:var(--green)}.thumb img{width:100%;height:100%;object-fit:cover}.photo-placeholder{min-height:120px;background:var(--soft);display:grid;place-content:center;gap:7px;color:var(--muted);text-align:center;border-radius:12px}.photo-placeholder .icon{margin:auto;width:34px;height:34px}.plant-photo{position:relative;overflow:hidden;aspect-ratio:1.1;background:var(--soft);border-radius:10px}.plant-photo img{width:100%;height:100%;object-fit:cover}.ref-photo{position:relative;overflow:hidden;width:100%;height:100%;min-height:100%;background:#e7ece5}.ref-photo img{position:absolute;width:510%;height:624%;max-width:none;object-fit:fill;left:calc(var(--px, 4) * -1%);top:calc(var(--py, 22) * -1%)}.search{display:flex;gap:6px;align-items:center;background:var(--soft);border-radius:12px;padding:0 10px;margin:12px 0}.search .icon{width:18px}.search input{width:100%;border:0;outline:none;background:none;padding:12px 0;font-size:.84rem}.chips{display:flex;gap:6px;overflow:auto;margin:10px 0 14px;scrollbar-width:none}.chip{border-radius:20px;background:var(--soft);padding:7px 12px;min-height:36px;white-space:nowrap;font-size:.8rem}.chip.selected{background:var(--green);color:#fff}.grid{display:grid;grid-template-columns:repeat(var(--columns,2),minmax(0,1fr));gap:10px}.plant-card{position:relative;overflow:hidden;border:1px solid var(--line);background:var(--paper);border-radius:12px;text-align:left;min-width:0}.plant-card .plant-photo{border-radius:0}.plant-card .body{padding:9px 9px 10px}.plant-card b{font-size:.92rem;font-weight:500}.plant-card p{margin:4px 0;font-size:.75rem;color:var(--muted)}.plant-card .badge{font-size:.67rem}.plant-card .pin{position:absolute;right:5px;top:5px;background:#ffffffed;border-radius:50%;min-width:34px;min-height:34px;z-index:2;color:var(--green)}.plant-card .pin .icon{width:18px;height:18px}.grid.list{grid-template-columns:1fr}.grid.list .plant-card{display:flex;align-items:center}.grid.list .plant-card .plant-photo{width:88px;height:90px;flex-shrink:0;margin:7px;border-radius:8px}.grid.list .plant-card .body{flex:1}.grid.list .plant-card .pin{top:auto;bottom:10px}.garden-scene{position:relative;min-height:490px;isolation:isolate;margin:0 -16px;padding:22px 16px 0;background:#edf0db;color:#1e392c;overflow:hidden}.garden-scene:before{content:"";position:absolute;inset:0;z-index:-3;background:linear-gradient(90deg,#f8f4e6bb,#fcf7ed44),url('assets/welcome-reference.png') center 64%/100% auto;filter:blur(3px);transform:scale(1.04)}.garden-scene:after{content:"";position:absolute;bottom:0;left:0;right:0;height:25%;background:linear-gradient(160deg,#e5c294,#d8ab72);z-index:-2;box-shadow:0 -5px 30px #fff7d7}.garden-title{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}.garden-title h1{font-size:1.4rem;margin:0;font-weight:600}.garden-title p{font-size:.8rem;margin:3px 0;color:#5f7264}.garden-badges{display:grid;gap:6px}.garden-badges button{background:#fffffff0;border-radius:25px;padding:8px 12px;font-size:.78rem;min-height:40px}.character-wrap{position:relative;width:66%;aspect-ratio:1;max-width:300px;margin:45px auto 0}.character-wrap>img.character{width:100%;height:100%;position:absolute;inset:0;object-fit:contain}.character-shadow{position:absolute;width:100%;bottom:8%;left:0}.scene-note{font-size:.75rem;color:#5e705e;text-align:center;background:#ffffffe0;border-radius:12px;padding:5px 10px;position:absolute;left:50%;top:118px;transform:translateX(-50%);white-space:nowrap}.scene-actions{position:absolute;inset:190px 12px auto;display:flex;justify-content:space-between;pointer-events:none}.scene-actions>div{display:grid;gap:20px}.scene-actions button{pointer-events:auto;background:#fffffff0;border-radius:30px;font-size:.78rem;padding:9px 10px;min-height:39px;box-shadow:0 2px 6px #80602910;display:flex;align-items:center;gap:4px}.scene-actions .icon{width:18px;height:18px;color:#396940}.scene-bottom{display:flex;gap:8px;align-items:center;position:relative;margin-top:0;padding-bottom:15px}.scene-name{display:flex;align-items:center;justify-content:center;flex:1;background:#fffffff2;border-radius:30px;min-height:51px;padding:5px;min-width:0}.scene-name b{font-size:.95rem}.scene-name .muted{font-size:.75rem}.scene-bottom .primary{border-radius:30px;font-size:.82rem;min-height:51px;padding:9px 15px}.garden-panel{position:relative;margin:0 -16px;padding:3px 16px 20px;background:var(--paper);border-radius:23px 23px 0 0;margin-top:-3px}.progress{height:6px;background:var(--line);border-radius:5px;overflow:hidden}.progress>i{display:block;height:100%;background:var(--green)}.stat{flex:1;text-align:center;border-right:1px solid var(--line);padding:7px 3px}.stat:last-child{border:0}.stat b{display:block;font-size:1.08rem}.stat span{font-size:.73rem;color:var(--muted)}.stats{display:flex;background:var(--soft);border-radius:12px;padding:7px 3px;margin:14px 0}.profile-head{display:flex;gap:13px;align-items:center;margin-top:14px}.profile-head .plant-photo{width:43%;flex-shrink:0;aspect-ratio:1}.profile-head h2{font-size:1.1rem;margin:0 0 6px}.profile-head p{font-size:.8rem;margin:5px 0}.care-actions{display:flex;justify-content:space-between;gap:4px;margin:10px 0}.care-actions button{font-size:.77rem;display:grid;gap:5px;place-items:center;min-width:48px}.care-actions .icon{width:43px;height:43px;border-radius:50%;padding:11px;background:var(--soft);color:var(--green)}.form{padding-top:16px}.form label{display:block;font-size:.84rem;margin:11px 0 6px}.form input:not([type=checkbox]):not([type=range]),.form select,.form textarea{background:var(--paper);border:1px solid #dfe6e1;border-radius:9px;padding:10px;width:100%;min-height:43px}.form textarea{min-height:90px;resize:vertical}.form .row{align-items:flex-start}.form .row>*{flex:1;min-width:0}.form .photo-edit{width:44%;flex:none;align-self:stretch;min-height:200px;position:relative}.photo-edit .plant-photo{height:100%;aspect-ratio:auto}.photo-edit button{position:absolute;bottom:8px;right:8px;background:#fff;border-radius:50%;width:36px;height:36px}.form details{margin:18px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:14px 0}.form summary{font-size:.93rem;cursor:pointer}.switch-row{display:flex;align-items:center;gap:8px;justify-content:space-between;margin:10px 0;font-size:.86rem;min-height:35px}.switch-row input{accent-color:var(--green);width:19px;height:19px}.settings-group{background:var(--paper);border:1px solid var(--line);border-radius:15px;padding:0 13px;margin:17px 0}.profile-hero{padding:27px 0 14px;position:relative}.profile-hero h1{font-size:1.35rem;margin:0 0 25px}.avatar{width:58px;height:58px;border-radius:50%;background:var(--soft);display:grid;place-items:center;color:var(--green)}.avatar .icon{width:30px;height:30px}.profile-hero .botanical{position:absolute;width:160px;height:180px;right:-36px;top:0;opacity:.45;pointer-events:none}.overlay-bg{position:fixed;inset:0;background:#0c201f66;z-index:30;display:flex;align-items:flex-end;justify-content:center;padding-top:20px;backdrop-filter:blur(3px)}.sheet{background:var(--paper);color:var(--ink);border-radius:25px 25px 0 0;padding:9px 20px calc(22px + env(safe-area-inset-bottom));width:100%;max-width:460px;max-height:88dvh;overflow:auto;box-shadow:0 -8px 35px #112d2720}.sheet:before{content:"";display:block;width:35px;height:4px;background:#d9dfdb;border-radius:4px;margin:1px auto 10px}.sheet-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.sheet-title h2{font-size:1.07rem;margin:0;font-weight:600}.sheet .form{padding-top:0}.sheet.compact{border-radius:18px;max-width:min(355px,calc(100% - 32px));padding:16px 18px;align-self:center;margin-bottom:8vh}.sheet.compact:before{display:none}.sheet.popover{border-radius:16px;width:255px;align-self:flex-start;margin-top:100px;margin-left:100px;max-height:70vh}.sheet.popover:before{display:none}.sheet p{font-size:.9rem}.option{display:flex;gap:8px;align-items:center;border:1px solid var(--line);padding:10px 12px;border-radius:11px;margin:7px 0;font-size:.9rem;min-height:44px;cursor:pointer}.option:has(input:checked){border-color:var(--green);background:var(--soft)}.option input{accent-color:var(--green)}.choices{display:grid;grid-template-columns:1fr 1fr;gap:9px}.choices button{border:1px solid var(--line);border-radius:12px;min-height:55px;padding:10px;font-size:.85rem}.choices button.selected{border-color:var(--green);background:var(--soft);color:var(--green)}.preview-chat{background:var(--bg);padding:13px;border-radius:11px;font-size:14px;line-height:1.5;margin:13px 0}.preview-chat.large{font-size:18px}.bubble{background:var(--soft);border-radius:10px;padding:10px 12px;max-width:88%;margin:8px 0 8px auto;overflow-wrap:anywhere}.bubble.system{margin-left:0;background:var(--paper);border:1px solid var(--line)}#toast{position:fixed;left:50%;bottom:calc(105px + env(safe-area-inset-bottom));transform:translateX(-50%);max-width:min(85vw,400px);border-radius:12px;background:#173e2eed;color:#fff;font-size:.85rem;padding:11px 18px;box-shadow:0 4px 20px #1234;z-index:80;pointer-events:none;opacity:0;transition:opacity .2s}#toast.visible{opacity:1}input[type=range]{accent-color:var(--green);width:100%}.calendar{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;margin-top:13px}.calendar button,.calendar span{min-height:39px;text-align:center;font-size:.83rem;padding:7px 0}.calendar button{border-radius:50%;position:relative}.calendar button.selected{background:var(--green);color:#fff}.calendar button.has-event:after{content:"";width:4px;height:4px;background:var(--green);border-radius:50%;position:absolute;bottom:3px;left:calc(50% - 2px)}.calendar button.selected:after{background:white}.event{border-bottom:1px solid var(--line);padding:13px 0}.event h3{font-size:.94rem;margin:0}.event p{font-size:.85rem;margin:6px 0;white-space:pre-wrap;overflow-wrap:anywhere}.event .event-photo{width:80px;height:80px;object-fit:cover;border-radius:8px;margin:8px 6px 0 0}.album{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:15px 0}.album button{position:relative;aspect-ratio:1;border-radius:8px;overflow:hidden;padding:0}.album img{width:100%;height:100%;object-fit:cover}.album button.selected{outline:3px solid var(--green)}.album .badge{position:absolute;bottom:4px;left:4px;font-size:.6rem}.compare{display:grid;grid-template-columns:1fr 1fr;gap:5px}.compare img{width:100%;object-fit:contain;max-height:55vh}.camera-stage{position:relative;width:100%;aspect-ratio:3/4;background:#172c23;border-radius:13px;overflow:hidden;margin-top:12px;display:grid;place-items:center;color:white}.camera-stage video,.camera-stage>img{width:100%;height:100%;position:absolute;object-fit:cover}.camera-frame{position:absolute;inset:18% 13%;border:1px solid #ffffffa8;border-radius:10px;pointer-events:none}.camera-stage .camera-caption{z-index:2;background:#0008;border-radius:20px;padding:7px 13px;max-width:85%;text-align:center;font-size:.83rem;align-self:end;margin-bottom:17px}.camera-selected{position:absolute;top:12px;right:12px;background:#fffffff0;color:#203a2c;border-radius:20px;font-size:.8rem;padding:7px 12px;z-index:2}.space-stage{position:relative;aspect-ratio:3/4;border-radius:12px;overflow:hidden;background:var(--soft);touch-action:none;margin-top:12px}.space-stage>.room{width:100%;height:100%;object-fit:fill;position:absolute}.space-object{position:absolute;transform:translate(-50%,-100%);touch-action:none;cursor:grab;user-select:none}.space-object img{width:100%;height:100%;object-fit:contain;pointer-events:none;user-select:none}.space-object.selected{outline:1px solid #4f9b72;outline-offset:3px}.space-object.selected:after{content:"";position:absolute;bottom:-7px;right:-7px;width:12px;height:12px;border-radius:50%;border:1px solid #4f9b72;background:#fff}.calibration-point{width:17px;height:17px;border-radius:50%;background:#fff;border:2px solid #367752;position:absolute;transform:translate(-50%,-50%);z-index:4}.calibration-svg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.toolbar{display:flex;justify-content:space-around;gap:5px;margin:12px 0}.toolbar button{display:grid;place-items:center;gap:5px;background:var(--soft);padding:10px 5px;flex:1;font-size:.72rem;border-radius:10px;min-height:58px}.library-banner{height:155px;position:relative;overflow:hidden;border-radius:13px;background:url('assets/welcome-reference.png') center 63%/100% auto;margin:15px 0}.library-banner:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent,#173a2080)}.library-banner div{position:absolute;bottom:12px;left:13px;z-index:1;color:#fff}.library-banner b{font-size:1.05rem}.library-banner p{font-size:.76rem;margin:5px 0 0}.subentry{display:flex;gap:10px;padding:12px;background:var(--paper);border:1px solid var(--line);border-radius:12px;align-items:center;flex:1;text-align:left;min-width:0;font-size:.9rem}.subentry>.icon{color:var(--green);width:27px;height:27px}.species-hero{height:280px;margin-top:14px;border-radius:14px;overflow:hidden}.timeline-label{font-size:.8rem;color:var(--muted);padding:12px 0 0}.month-bar{display:flex;gap:9px;align-items:center;margin:8px 0;font-size:.83rem}.month-bar i{height:7px;background:var(--green);border-radius:8px;display:block}.sticky-actions{position:sticky;bottom:18px;margin:18px 0 0;background:color-mix(in srgb,var(--paper) 95%,transparent);padding:9px;border-radius:14px;display:flex;gap:8px;z-index:4}.sticky-actions>*{flex:1}.chat-main{display:flex;flex-direction:column;min-height:100dvh;padding-bottom:20px}.chat-main .messages{flex:1;padding-top:16px}.chat-main .composer{position:sticky;bottom:12px;margin-top:20px;z-index:5}.chat-main .notice{font-size:.85rem}.font-options{display:flex;gap:8px}.font-options button{flex:1;padding:18px 8px;border:1px solid var(--line);border-radius:10px}.font-options button.selected{border-color:var(--green);background:var(--soft)}.font-options b{display:block;font-size:1.25rem}.font-options span{display:block;margin-top:7px;font-size:.85rem}.file-input{display:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--green);outline-offset:3px}.safety{font-size:.78rem;padding:9px;background:var(--soft);border-radius:8px}.photo-view{width:100%;max-height:55vh;object-fit:contain}.sep{border:0;border-top:1px solid var(--line);margin:17px 0}.date-group{font-size:.85rem;color:var(--green);margin-top:20px}.warning{color:#a16b2d}.service-row{display:flex;justify-content:space-between;padding:11px 0;border-bottom:1px solid var(--line);font-size:.88rem}.spacer{height:16px}@media(min-width:600px){#app{min-height:100dvh}.welcome{min-height:100dvh}}@media(max-width:360px){main{padding-left:12px;padding-right:12px}.topbar{margin:0 -12px}.scene-actions{inset:185px 7px auto}.scene-actions button{font-size:.72rem;padding:8px}.scene-bottom .primary{padding:8px 10px}.garden-scene{margin:0 -12px}.garden-panel{margin:0 -12px}.grid{gap:7px}.section-title{gap:3px}.section-title h2{font-size:1rem}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* Only the photographic part of the approved welcome reference is used as scenery. */
.welcome:before{background-image:url('assets/room-photo.svg');background-position:center;background-size:cover}.garden-scene:before{background-image:linear-gradient(90deg,#f8f4e6bb,#fcf7ed44),url('assets/room-photo.svg');background-position:center;background-size:cover}.library-banner{background-image:url('assets/room-photo.svg');background-position:center;background-size:cover}.garden-badges button,.scene-actions button{color:#234d35}.thumb.photo-placeholder{min-height:57px}.character-wrap{width:80%;max-width:350px;margin-top:15px}.garden-scene{min-height:480px}.scene-actions{top:190px}.ref-photo{background-repeat:no-repeat}.ref-photo>img{display:none}
.record-tabs{display:flex;border-bottom:1px solid var(--line);margin-bottom:10px}.record-tabs button{flex:1;min-height:45px;font-size:.88rem;color:var(--muted)}.record-tabs button.selected{color:var(--green);border-bottom:2px solid var(--green)}.option.chosen{border-color:var(--green);background:var(--soft)}.choices .option{font-size:.78rem;margin:0;padding:9px 7px}.sheet.compact .choices{gap:6px}.month-bar{flex-wrap:wrap}.month-bar span{font-size:.75rem}
.garden-scene:before{background-image:url("assets/garden-scene-clean-v1.png");filter:none;transform:none;background-size:cover;background-position:center}.garden-scene:after{display:none}.scene-actions{top:180px}.garden-title{min-height:75px}.character-wrap{margin-top:12px}.scene-bottom{margin-top:-15px}.scene-note{top:114px}
.sheet.popover{margin-left:auto;margin-right:max(12px,calc((100vw - 460px)/2 + 12px));width:255px;max-width:calc(100vw - 24px);flex-shrink:0}.plant-card button{overflow-wrap:anywhere}.scene-name b{overflow-wrap:anywhere}.scene-actions button{max-width:135px}.scene-bottom .scene-name .icon-btn{min-width:33px}.scene-bottom .scene-name{min-width:0}.character-wrap>.photo-placeholder{min-height:0}.scene-name .grow{min-width:0}.scene-name b{font-size:.9rem}
.library-banner{background-image:url("assets/library-scene.svg");background-position:center;background-size:cover}.hero-assistant .botanical{border-radius:0}