@import url('/fonts.css');
:root{--bg:#f6f5ef;--surface:#fffefb;--ink:#293c30;--muted:#81867b;--green:#3e5944;--line:#e5e7dd;--sage:#e8edde;--blue:#e8eef0;--serif:Georgia,'Times New Roman',serif;--sans:'Stillroom Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:14px/1.6 var(--sans);-webkit-font-smoothing:antialiased}button,input,textarea,select{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{opacity:.5;cursor:wait}button{color:inherit}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #95ac80;outline-offset:4px}button{border:0}img{display:block;max-width:100%}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:400}h1,h2,h3{font-family:var(--serif)}.icon{width:20px;height:20px;flex-shrink:0;vertical-align:middle}.sidebar{position:fixed;top:0;bottom:0;left:0;width:236px;border-right:1px solid var(--line);padding:37px 25px 0;background:#f1f2e9;display:flex;flex-direction:column;z-index:10}.brand{display:flex;align-items:center;font-family:var(--serif);font-size:31px;font-weight:500;letter-spacing:-1.3px;line-height:1.2}.brand-mark{display:inline-flex;align-items:center;justify-content:center;width:35px;height:40px;margin-right:8px;color:var(--green)}.brand-mark .icon{width:32px;height:32px;stroke-width:1.45}.brand-dot{color:#a7ac8e}.sidebar-caption{font-size:8px;letter-spacing:2px;color:#8a917f;margin:13px 0 43px 6px}.sidebar nav{display:flex;flex-direction:column;gap:8px}.nav-item{height:47px;display:flex;gap:13px;align-items:center;padding:0 15px;border-radius:7px;color:#747e6f;font-size:13px;transition:background .15s}.nav-item:hover{background:#e8ebdf}.nav-item.selected{background:#e1e7d7;color:#36533d;font-weight:600}.nav-item .icon{width:18px;height:18px}.nav-count{margin-left:auto;font-size:10px;background:#cfd9bf;padding:0 6px;border-radius:5px;min-width:19px;text-align:center}.nav-divider{height:1px;background:var(--line);margin:22px 10px 17px}.sidebar-bottom{margin-top:auto;padding:40px 17px 30px}.sidebar-sketch{color:#929d79;margin-bottom:15px}.sidebar-sketch .icon{width:29px;height:29px;stroke-width:1}.sidebar-bottom p{font-family:var(--serif);font-size:23px;line-height:1.35;color:#5c6c4f}.sidebar-bottom>span{display:block;color:#959c8b;font-size:11px;margin-top:11px}.sidebar-profile{padding:22px 0;border-top:1px solid var(--line);display:flex;gap:10px;align-items:center;font-size:10px}.sidebar-profile small{display:block;font-size:9px;color:#93998c;margin-top:3px}.avatar{width:32px;height:32px;border-radius:50%;background:#e2e6d6;display:grid;place-items:center;color:#778666}.avatar .icon{width:16px;height:16px}.workspace{margin-left:236px;padding:0 48px;max-width:1900px}.topbar{height:91px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);margin-bottom:33px}.topbar-title{font-size:9px;letter-spacing:2px;color:#8a9183}.topbar-date{font-size:11px;color:#7d8775;display:flex;align-items:center;gap:10px}.topbar-date .icon{width:17px;height:17px;color:#89966f}main{max-width:1320px;margin:0 auto;min-height:calc(100vh - 228px)}.hero{position:relative;display:flex;min-height:310px;background:#e8eddf;border:1px solid #e1e7d7;border-radius:13px;overflow:hidden}.hero-copy{padding:36px 41px;position:relative;z-index:1;flex:1}.eyebrow{display:flex;align-items:center;gap:8px;font-size:8px;letter-spacing:2px;font-weight:600;color:#818e70;line-height:1.6}.tiny-line{width:20px;height:1px;background:#7d8d6c}.hero h1{font-size:49px;line-height:1.07;letter-spacing:-1.6px;margin:19px 0 16px}.hero h1 em{font-weight:400;color:#627552}.hero p{font-size:12px;color:#7a8570;line-height:1.85}.hero-link{display:inline-flex;align-items:center;gap:17px;margin-top:23px;font-size:11px;color:#526846;font-weight:600}.hero-link .icon{width:18px;height:18px}.hero-art{width:43%;position:relative;display:flex;align-items:center;justify-content:center;margin-right:20px}.hero-art>img{position:absolute;width:390px;height:350px;max-width:none;bottom:-11px;right:-5px}.hero-orbit{position:absolute;width:240px;height:240px;border:1px solid #d7dfca;border-radius:50%;right:15px;top:45px}.hero-stamp{position:absolute;right:-4px;top:27px;transform:rotate(12deg);width:73px;height:73px;border-radius:50%;background:#f2f2e7;border:1px solid #d9dfce;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;font-size:7px;letter-spacing:1.7px;line-height:1.6;color:#859272}.hero-stamp em{font:italic 18px/1.1 var(--serif);letter-spacing:0}.stats-row{display:grid;grid-template-columns:repeat(3,1fr);padding:28px 0 30px;border-bottom:1px solid var(--line);margin-bottom:36px}.stat{display:flex;gap:14px;align-items:center;padding-left:25px;border-right:1px solid var(--line)}.stat:first-child{padding-left:5px}.stat:last-child{border:0}.stat-icon{height:43px;width:43px;display:inline-flex;justify-content:center;align-items:center;border-radius:12px;flex-shrink:0}.green{background:#e9eede;color:#7b8e68}.blue{background:#e5edf0;color:#7b97a0}.ochre{background:#f0ebdb;color:#aa996c}.stat strong{display:flex;align-items:center;gap:9px;font-weight:400;font-size:26px;line-height:1.2;font-family:var(--serif)}.stat strong span{font-family:var(--sans);font-size:10px;color:#717d69}.stat small{display:block;font-size:9px;color:#9a9f92;margin-top:5px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:23px}.section-heading h2{font-size:29px;letter-spacing:-.6px;display:flex;align-items:center;gap:12px}.section-heading .eyebrow{font-size:7px;letter-spacing:1.6px;margin-bottom:5px}.count{font:10px var(--sans);color:#7e8a72;background:#e8ecdf;border-radius:6px;padding:5px 8px;letter-spacing:0}.button{display:inline-flex;justify-content:center;align-items:center;gap:8px;border-radius:6px;padding:12px 18px;font-size:11px;line-height:1.5;min-height:42px;white-space:nowrap;transition:background .15s,transform .15s}.button .icon{width:16px;height:16px}.primary{background:var(--green);color:#fffef9;border:1px solid var(--green)}.primary:hover{background:#2f4935}.secondary{background:#fffefb;border:1px solid #dfe3d7;color:#5e6e52}.secondary:hover{background:#eef0e7}.text-button{display:inline-flex;align-items:center;gap:8px;background:none;padding:9px 0;color:#647858;font-size:11px;line-height:1.5}.text-button .icon{width:16px;height:16px}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;background:none;border-radius:6px}.icon-button:hover{background:#e9edde}.collection-toolbar{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:22px}.filter-tabs{display:flex;align-items:center;gap:5px}.filter-tabs button{border-radius:5px;background:transparent;color:#8c9483;font-size:10px;padding:9px 11px;min-height:36px;white-space:nowrap}.filter-tabs button.active{background:#e5eadd;color:#54694a;font-weight:600}.filter-tabs button span{display:inline-block;margin-left:4px;font-size:9px}.collection-tools{display:flex;gap:10px;align-items:center}.search-box{display:flex;align-items:center;gap:7px;background:#fafaf5;border:1px solid var(--line);border-radius:6px;padding:0 10px;height:35px;color:#98a08d}.search-box .icon{width:14px;height:14px}.search-box input{border:0;outline:none;background:transparent;width:120px;font-size:10px;color:var(--ink);padding:0}.search-box input::placeholder{color:#969d8b}select{background:#fafaf5;color:#7b8570;border:1px solid var(--line);border-radius:6px;padding:8px 24px 8px 10px;max-width:100%}#room-filter{font-size:10px;height:35px}.plant-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:21px}.plant-card{border:1px solid #e4e7dc;border-radius:9px;background:var(--surface);overflow:hidden;transition:transform .2s,box-shadow .2s}.plant-card:hover{transform:translateY(-3px);box-shadow:0 8px 22px #34452d0a}.plant-image-wrap{display:block;height:216px;position:relative;overflow:hidden}.tone-sage{background:#e9ede3}.tone-sand{background:#ece9df}.tone-rose{background:#f1e9df}.plant-art{width:100%;height:100%;object-fit:contain;padding:10px}.real-photo{width:100%;height:100%;object-fit:cover}.plant-status{display:flex;align-items:center;gap:5px;position:absolute;left:13px;top:13px;background:#f8faf2e8;color:#768767;padding:5px 8px;border-radius:4px;font-size:8px;backdrop-filter:blur(8px)}.plant-status .icon{width:11px;height:11px}.plant-status.due{background:#f6f5e9f0;color:#9a8655}.plant-card-body{padding:17px 17px 13px}.plant-name{font-family:var(--serif);font-size:22px;letter-spacing:-.3px;display:flex;align-items:center;justify-content:space-between;gap:12px;line-height:1.2;overflow-wrap:anywhere}.plant-name .icon{width:15px;color:#9ca78e;opacity:0;transition:opacity .2s}.plant-card:hover .plant-name .icon{opacity:1}.plant-species{font-size:10px;color:#919884;margin-top:6px;min-height:16px}.plant-card-bottom{display:flex;align-items:center;justify-content:space-between;gap:6px;border-top:1px solid #eeeee5;margin-top:16px;padding-top:11px}.plant-card-bottom>span{display:flex;align-items:center;gap:5px;font-size:9px;color:#8b947f;min-width:0;overflow-wrap:anywhere}.plant-card-bottom .icon{width:12px;height:12px}.water-button{background:#edf1e6;color:#687d59;border-radius:5px;padding:7px 9px;font-size:9px;display:flex;align-items:center;gap:5px}.water-button:hover{background:#dfe8d5}.care-note{display:flex;align-items:center;gap:20px;border:1px solid #e7e7d9;border-radius:8px;background:#f0f0e6;margin-top:30px;padding:22px 28px}.care-note-icon{width:37px;height:37px;border:1px solid #dce1ce;display:grid;place-items:center;border-radius:50%;color:#94a078}.care-note .eyebrow{font-size:7px;letter-spacing:1.5px;margin-bottom:4px}.care-note p{font-family:var(--serif);font-size:20px;color:#667753;line-height:1.35}.care-note small{display:block;font-size:10px;color:#929982;margin-top:5px}.care-note-leaf{margin-left:auto;color:#a1ae8a;transform:rotate(-20deg)}.care-note-leaf .icon{width:43px;height:43px;stroke-width:1}.page-footer{display:flex;align-items:center;justify-content:space-between;font-size:9px;color:#a0a690;max-width:1320px;margin:28px auto 25px}.page-footer>span{display:flex;align-items:center;gap:7px}.page-footer .icon{width:13px;height:13px}.welcome-panel{border:1px dashed #d7deca;border-radius:9px;display:flex;align-items:center;justify-content:center;gap:36px;background:#f9f9f2;padding:30px 35px;min-height:273px}.welcome-art{width:190px;flex-shrink:0}.welcome-panel h3{font-size:30px;letter-spacing:-.6px;margin:10px 0 8px}.welcome-panel p{font-size:12px;color:#86917b;margin-bottom:19px;line-height:1.85}.welcome-panel .text-button{display:flex;font-size:10px;margin-top:6px}.welcome-panel .eyebrow{font-size:7px}.empty-panel{padding:50px 24px;text-align:center;border:1px dashed #dce2d1;border-radius:9px;background:#f9f9f3}.empty-panel>.icon{width:32px;height:32px;color:#91a27b;margin-bottom:12px;stroke-width:1.2}.empty-panel h3{font-size:27px;margin-bottom:10px}.empty-panel p{font-size:12px;color:#8a9480;line-height:1.8}.empty-panel .button{margin-top:20px}.page-heading{margin:35px 0 37px}.page-heading h1{font-size:43px;letter-spacing:-1.1px;line-height:1.2;margin:10px 0 13px}.page-heading p{font-size:13px;color:#89927f}.heading-with-action{display:flex;align-items:center;justify-content:space-between;gap:20px}.spaced{margin-top:36px}.muted{color:#89947e;font-size:12px}.care-list{background:var(--surface);border:1px solid var(--line);border-radius:10px;overflow:hidden}.care-row{display:flex;align-items:center;gap:18px;padding:17px 22px;border-bottom:1px solid var(--line)}.care-row:last-child{border:0}.care-thumbnail{width:66px;height:66px;background:#edf0e5;border-radius:8px;overflow:hidden;flex-shrink:0}.care-thumbnail .plant-art{padding:2px}.care-row-name{flex:1}.care-row-name>a{font:22px var(--serif)}.care-row small{display:block;font:10px var(--sans);color:#959d8c;margin-top:6px}.care-date{font-size:11px;text-align:right;min-width:90px;margin-right:15px;color:#738866}.due-text{color:#a48a57}.journal-list{background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:0 26px}.journal-entry{display:flex;align-items:flex-start;gap:17px;padding:25px 0;border-bottom:1px solid var(--line)}.journal-entry:last-child{border:0}.entry-icon{background:#ebf0e3;color:#7c9369;width:35px;height:35px;border-radius:50%;display:grid;place-items:center;flex-shrink:0}.entry-icon .icon{width:16px;height:16px}.entry-content{flex:1;min-width:0}.entry-top{display:flex;align-items:center;justify-content:space-between;gap:15px;flex-wrap:wrap}.entry-top strong{font-weight:500;font-size:13px}.entry-top strong span{color:#b3b8a9;margin:0 5px}.entry-top strong a{color:#6e845e}.entry-top time{font-size:10px;color:#99a18f}.entry-text{white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px;color:#77816d;margin-top:8px;line-height:1.8}.entry-delete{width:27px;height:27px;color:#a2ab96}.entry-delete .icon{width:14px;height:14px}.journal-photo-button{display:block;padding:0;background:none;margin-top:16px}.journal-photo{max-height:300px;max-width:100%;border-radius:6px}.back-link{display:inline-flex;align-items:center;gap:9px;font-size:11px;color:#839273;margin-bottom:24px}.back-link .icon{width:16px;height:16px}.plant-detail{display:grid;grid-template-columns:1fr 1.2fr;gap:38px}.detail-image{position:relative;border-radius:12px;background:#e8edde;min-height:355px;overflow:hidden}.detail-image>img{height:100%;max-height:500px;min-height:355px}.photo-add{position:absolute;bottom:18px;left:50%;transform:translateX(-50%);box-shadow:0 3px 18px #2039270d}.detail-info{padding:18px 0}.detail-info h1{font-size:47px;line-height:1.2;letter-spacing:-1px;margin-top:10px;overflow-wrap:anywhere}.detail-species{font-size:14px;font-style:italic;color:#8a967e;margin-top:7px}.watering-summary{display:flex;align-items:center;gap:12px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:18px 0;margin:25px 0 21px}.watering-summary strong{font-size:13px;font-weight:500}.watering-summary small{display:block;font-size:10px;color:#8f9984;margin-top:5px}.detail-actions{display:flex;gap:10px;margin-bottom:24px}.detail-info h3{font-size:22px;margin-bottom:7px}.care-instructions{white-space:pre-wrap;font-size:12px;color:#7f8c72;line-height:1.8;margin-bottom:12px;overflow-wrap:anywhere}.button-group{display:flex;gap:10px}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.settings-card{background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:30px}.settings-icon{color:#81946c;background:#eff2e7;border-radius:9px;display:grid;place-items:center;width:42px;height:42px;margin-bottom:20px}.settings-card h2{font-size:28px;letter-spacing:-.5px;margin-bottom:10px}.settings-card p{font-size:12px;color:#87927b;line-height:1.9;margin-bottom:18px}.settings-card .fine-print{font-size:10px;color:#98a18e;line-height:1.8;margin:18px 0 0}.settings-card .text-button{white-space:normal;text-align:left}.settings-card.wide{grid-column:1/-1;display:flex;gap:24px}.settings-card.wide .settings-icon{flex-shrink:0}.settings-card.wide p{margin-bottom:7px}.full-width{width:100%;white-space:normal;text-align:center}.toggle-row{display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:12px;padding:15px 0;border-top:1px solid var(--line);margin-bottom:12px}.toggle-row input{appearance:none;-webkit-appearance:none;width:39px;height:23px;border-radius:30px;background:#dce2d3;border:0;position:relative;cursor:pointer;flex-shrink:0}.toggle-row input:before{content:'';position:absolute;left:3px;top:3px;background:#fffef9;width:17px;height:17px;border-radius:50%;transition:transform .15s}.toggle-row input:checked{background:#637e51}.toggle-row input:checked:before{transform:translateX(16px)}#reminder-form>.muted{display:block;font-size:10px;line-height:1.9;margin-bottom:18px}.field{display:block;font-size:11px;color:#637458;margin-bottom:17px}.field>span{font-size:10px;font-weight:400;color:#a3aa98;margin-left:5px}.field input,.field textarea,.field select{display:block;width:100%;font-size:13px;padding:11px 12px;border:1px solid #dfe4d5;border-radius:6px;background:#fcfcf8;color:#354b33;margin-top:7px;min-height:43px;box-sizing:border-box}.field input::placeholder,.field textarea::placeholder{color:#a7ae9c}.field textarea{resize:vertical}.field input[type=date],.field input[type=time]{min-width:0}.field-hint{font-size:10px;color:#94a085;line-height:1.8;margin:-6px 0 18px}.form-columns{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;padding-top:15px;border-top:1px solid var(--line);margin-top:21px}.form-error{color:#a15848;font-size:12px;line-height:1.7;margin-top:10px}.form-error:empty{display:none}.form-intro{color:#89967d;font-size:12px;margin:0 0 23px;line-height:1.9}.form-intro strong{color:#5c7350}.danger{color:#a47761}.modal-backdrop{position:fixed;inset:0;background:#1e322959;backdrop-filter:blur(4px);z-index:100;display:flex;align-items:center;justify-content:center;padding:25px;overflow:auto}.modal{background:#fffef9;border-radius:13px;width:540px;max-width:100%;max-height:calc(100dvh - 50px);padding:28px 31px;overflow-y:auto;box-shadow:0 20px 80px #122c2926}.modal-wide{width:780px}.modal-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:22px}.modal-heading h2{font-size:29px;letter-spacing:-.6px;line-height:1.3}.modal-heading .icon-button{width:30px;height:30px;color:#8f9c82;flex-shrink:0}.modal p:not([class]){font-size:13px;color:#849177;line-height:1.8}.modal-open{overflow:hidden}.photo-preview{height:200px;background:#f0f3e8;border:1px dashed #dce3cf;border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:13px;color:#8b9b79;margin:10px 0 15px;overflow:hidden}.photo-preview>.icon{width:38px;height:38px;stroke-width:1}.photo-preview span{font-size:10px;padding:0 10px 8px}.photo-preview img{height:155px;object-fit:contain}.photo-choices{display:flex;flex-wrap:wrap;gap:10px}.file-label{cursor:pointer;position:relative;overflow:hidden}.file-label input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%}.full-photo{width:100%;max-height:65vh;object-fit:contain;border-radius:7px;margin-bottom:15px}.status-banner{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid #e0d9bb;background:#f2eeda;padding:10px 14px;font-size:11px;border-radius:7px;color:#8d8053;margin-bottom:20px}.status-banner>span{display:flex;align-items:center;gap:9px}.status-banner button{background:none;color:inherit;font-size:11px;display:flex;align-items:center;gap:8px;white-space:nowrap;min-height:30px}.status-banner .icon{width:16px;height:16px}.demo-banner{background:#e8edde;color:#657d52;border-color:#d6dfc8}#toast{position:fixed;bottom:28px;left:calc(50% + 118px);transform:translate(-50%,20px);background:#344e3b;color:#fffef6;max-width:calc(100vw - 40px);width:max-content;box-shadow:0 5px 25px #21382b20;border:1px solid #50674f;border-radius:9px;padding:14px 23px;font-size:12px;z-index:200;opacity:0;pointer-events:none;transition:.2s;line-height:1.7}#toast.visible{opacity:1;transform:translate(-50%,0)}.mobile-nav,.mobile-settings{display:none}.loading-view{padding:120px 0;text-align:center}.loading-view h1{font-size:28px;margin-top:20px}.initial-loading{padding:25vh 20px;text-align:center;font:40px var(--serif)}.initial-loading span{display:block;font:12px var(--sans);color:#89937e;margin-top:20px}.login-card{max-width:430px;margin:80px auto;padding:40px;background:#fffef9;border:1px solid var(--line);border-radius:12px}.login-card>.brand-mark{margin-bottom:25px}.login-card h1{font-size:35px;line-height:1.2;margin:15px 0}.login-card p{font-size:12px;color:#88967c;margin-bottom:25px}.login-card .button{width:100%}
@media(min-width:1450px){.workspace{padding:0 65px}.hero{min-height:350px}.hero h1{font-size:57px}.hero-copy{padding:42px 50px}.hero-art>img{height:395px;width:450px;right:17px;bottom:-24px}.hero-orbit{width:290px;height:290px;right:47px;top:36px}.hero-stamp{right:24px;top:36px}.plant-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.plant-image-wrap{height:230px}}
@media(max-width:1150px){.sidebar{width:204px;padding:30px 19px 0}.brand{font-size:28px}.sidebar-caption{font-size:7px}.workspace{margin-left:204px;padding:0 29px}.hero h1{font-size:43px}.hero-copy{padding:33px 29px}.hero-art>img{right:-48px;width:350px;height:315px}.hero-stamp{right:-8px}.hero-orbit{width:220px;height:220px;right:-10px}.stats-row{gap:5px}.stat{padding-left:15px;gap:10px}.stat strong span{font-size:9px}.stat small{font-size:8px}.stat-icon{width:36px;height:36px;border-radius:9px}.plant-grid{gap:15px}.plant-image-wrap{height:190px}.plant-card-body{padding:15px 13px 12px}.plant-name{font-size:21px}.plant-card-bottom>span{font-size:8px}.collection-toolbar{align-items:flex-start;flex-wrap:wrap}.collection-tools{margin-left:auto}.welcome-panel{gap:15px;padding:25px}.welcome-art{width:155px}.welcome-panel h3{font-size:26px}.settings-card{padding:24px}.settings-card h2{font-size:25px}.plant-detail{gap:25px}.detail-info h1{font-size:39px}.detail-actions{flex-wrap:wrap}#toast{left:calc(50% + 102px)}}
@media(max-width:900px){.sidebar{width:180px;padding:28px 13px 0}.brand{font-size:25px;letter-spacing:-1px}.brand-mark{width:27px;margin-right:4px}.brand-mark .icon{width:26px}.sidebar-caption{font-size:6px;letter-spacing:1.5px;margin-bottom:35px}.nav-item{padding:0 11px;font-size:11px;gap:9px}.sidebar-bottom{padding-left:12px}.sidebar-bottom p{font-size:22px}.sidebar-profile{font-size:9px}.sidebar-profile small{font-size:8px}.workspace{margin-left:180px;padding:0 24px}.topbar{height:80px;margin-bottom:25px}.topbar-title{font-size:8px;letter-spacing:1.4px}.topbar-date{font-size:10px}.hero{min-height:285px}.hero-copy{padding:29px 25px}.hero h1{font-size:38px}.hero .eyebrow{font-size:6px;letter-spacing:1.5px}.hero p{font-size:11px}.hero-art{width:35%;margin-right:10px}.hero-art>img{width:285px;height:280px;right:-49px;bottom:-4px}.hero-orbit{width:190px;height:190px;right:-16px;top:49px}.hero-stamp{width:59px;height:59px;font-size:6px;right:1px;top:22px}.hero-stamp em{font-size:15px}.stat{gap:8px;padding-left:9px}.stat strong{font-size:23px;gap:5px;flex-wrap:wrap}.stat strong span{font-size:9px;max-width:70px;line-height:1.4}.stat small{font-size:7px}.stat-icon{width:30px;height:34px}.stat-icon .icon{width:17px}.plant-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.plant-image-wrap{height:210px}.welcome-panel{gap:10px;padding:25px 15px}.welcome-art{width:130px}.welcome-panel h3{font-size:24px}.welcome-panel p{font-size:11px}.welcome-panel .eyebrow{font-size:6px}.care-note{padding:19px;gap:14px}.care-note p{font-size:18px}.care-note-leaf{display:none}.care-note small{font-size:9px}.settings-grid{grid-template-columns:1fr}.settings-card.wide{grid-column:auto}.plant-detail{grid-template-columns:1fr}.detail-image{max-height:330px;min-height:300px}.detail-image>img{min-height:300px;height:330px}.detail-info{padding:0}.detail-actions{margin-bottom:22px}.page-heading h1{font-size:36px}.care-row{padding:15px;gap:12px}.care-date{margin-right:0;min-width:70px;font-size:10px}.care-row-name>a{font-size:20px}.care-thumbnail{width:54px;height:58px}.care-row .button{padding:10px 12px}.heading-with-action{align-items:flex-start}.journal-list{padding:0 19px}.journal-entry{gap:10px}.entry-top{gap:5px}.entry-top strong{font-size:12px}.entry-top time{font-size:9px}#toast{left:calc(50% + 90px)}}
@media(max-width:650px){.sidebar{display:none}.workspace{margin-left:0;padding:0 20px}.topbar{height:77px;margin-bottom:21px}.topbar-title{font-family:var(--serif);font-size:0;letter-spacing:-1px;color:#3e5840}.topbar-title:before{content:'stillroom.';font-size:29px}.topbar-date{font-size:9px;gap:6px;margin-left:auto;margin-right:13px}.topbar-date .icon{width:15px}.mobile-settings{display:inline-flex;width:29px;height:35px}.mobile-settings .icon{width:18px}.hero{min-height:313px;border-radius:11px}.hero-copy{padding:25px 23px;flex:none;width:100%}.hero .eyebrow{font-size:6px;letter-spacing:1.3px}.hero h1{font-size:40px;line-height:1.1;margin-top:18px;letter-spacing:-1.2px}.hero p{font-size:10px;max-width:200px;line-height:1.9}.hero-link{font-size:9px;gap:8px;margin-top:22px;max-width:178px;line-height:1.6}.hero-link .icon{width:14px;flex-shrink:0}.hero-art{position:absolute;width:50%;height:100%;right:0;top:0;margin:0;pointer-events:none}.hero-art>img{width:240px;height:246px;right:-47px;bottom:-6px}.hero-orbit{width:178px;height:178px;top:auto;bottom:19px;right:-43px}.hero-stamp{right:11px;top:29px;width:55px;height:55px;font-size:5px;letter-spacing:1.3px}.hero-stamp em{font-size:15px}.stats-row{padding:24px 0;margin-bottom:27px;gap:0}.stat{flex-direction:column;align-items:flex-start;gap:10px;padding-left:18px}.stat:first-child{padding-left:4px}.stat-icon{width:31px;height:31px;border-radius:9px}.stat strong{display:block;font-size:26px}.stat strong span{display:block;max-width:none;font-size:9px;margin-top:4px}.stat small{display:none}.section-heading{margin-bottom:18px;gap:10px}.section-heading h2{font-size:28px;gap:9px}.section-heading .eyebrow{font-size:6px;letter-spacing:1.4px}.section-heading>.button{padding:10px 13px;font-size:10px;min-height:39px}.collection-toolbar{gap:14px;margin-bottom:18px}.filter-tabs{gap:3px;width:100%}.filter-tabs button{font-size:10px;padding:8px 12px}.collection-tools{width:100%;margin:0;gap:10px}.search-box{flex:1;height:39px}.search-box input{width:100%;font-size:11px}.search-box .icon{width:15px;height:15px}#room-filter{height:39px;font-size:10px;width:116px}.plant-grid{gap:12px}.plant-image-wrap{height:173px}.plant-card{border-radius:8px}.plant-card-body{padding:13px 11px 10px}.plant-name{font-size:20px;letter-spacing:-.6px}.plant-name .icon{display:none}.plant-species{font-size:8px;margin-top:5px;min-height:15px}.plant-status{font-size:7px;top:9px;left:9px;padding:4px 6px;gap:3px}.plant-status .icon{width:10px;height:10px}.plant-card-bottom{gap:4px;margin-top:11px;padding-top:9px;flex-wrap:wrap}.plant-card-bottom>span{font-size:8px;gap:3px}.water-button{padding:7px 7px;font-size:8px;gap:4px;min-height:32px}.plant-card-bottom .icon{width:11px}.plant-art{padding:4px}.care-note{margin-top:23px;padding:18px 15px;gap:12px}.care-note p{font-size:18px}.care-note small{font-size:9px;line-height:1.8}.care-note-icon{width:29px;height:29px;flex-shrink:0}.care-note-icon .icon{width:17px;height:17px}.care-note .eyebrow{font-size:6px;letter-spacing:1.4px}.care-note>.text-button{margin-left:auto;font-size:9px;max-width:65px;flex-wrap:wrap}.page-footer{margin:23px 0 100px;font-size:8px;gap:10px}.page-footer>span:last-child{font-size:7px;text-align:right}.mobile-nav{display:flex;justify-content:space-around;position:fixed;bottom:0;left:0;right:0;z-index:20;border-top:1px solid #e2e7d8;background:#fafbf3f5;backdrop-filter:blur(15px);padding:8px 10px calc(8px + env(safe-area-inset-bottom));height:calc(70px + env(safe-area-inset-bottom))}.mobile-nav .nav-item{height:52px;flex:1;flex-direction:column;justify-content:center;gap:5px;font-size:8px;padding:3px;position:relative;border-radius:7px;max-width:86px}.mobile-nav .nav-item .icon{width:19px;height:19px}.mobile-nav .nav-item.selected{background:#ebefe2}.mobile-nav .nav-count{position:absolute;top:0;right:15px;font-size:7px;min-width:13px;padding:0 3px}.welcome-panel{display:flex;flex-direction:column;gap:0;padding:15px 20px 29px;text-align:center}.welcome-art{width:155px;height:135px}.welcome-art img{height:100%;width:100%;object-fit:contain}.welcome-panel .eyebrow{justify-content:center;font-size:6px}.welcome-panel h3{font-size:27px;margin:10px 0}.welcome-panel p{font-size:11px;margin-bottom:20px}.welcome-panel .text-button{justify-content:center;margin:10px auto 0;font-size:10px}.empty-panel{padding:40px 18px}.empty-panel h3{font-size:26px}.empty-panel p{font-size:11px}.page-heading{margin:26px 0 30px}.page-heading h1{font-size:37px;line-height:1.15;margin:13px 0}.page-heading p{font-size:12px;line-height:1.9}.page-heading .eyebrow{font-size:7px}.heading-with-action{display:block}.heading-with-action>.button{margin-top:20px}.care-row{padding:15px 12px;gap:10px}.care-thumbnail{width:45px;height:53px}.care-row-name>a{font-size:19px}.care-row small{font-size:8px}.care-date{font-size:9px;min-width:62px}.care-row .button{padding:9px;min-height:39px;font-size:9px}.care-row .button .icon{width:14px}.care-row .button span{display:none}.spaced{margin-top:28px}.journal-list{padding:0 15px}.journal-entry{padding:21px 0;gap:10px}.entry-icon{width:29px;height:29px}.entry-icon .icon{width:14px}.entry-top{display:block}.entry-top strong{font-size:11px}.entry-top time{display:block;margin-top:5px;font-size:9px}.entry-text{font-size:11px}.entry-delete{width:20px}.journal-photo{max-height:240px}.plant-detail{gap:22px}.detail-image{height:310px;min-height:310px}.detail-image>img{height:310px;min-height:310px}.detail-info h1{font-size:42px}.detail-species{font-size:13px}.detail-info .eyebrow{font-size:7px}.watering-summary{margin:21px 0;padding:15px 0}.watering-summary small{font-size:9px;line-height:1.8}.detail-actions .button{flex:1}.detail-info .muted{font-size:11px}.button-group{gap:7px}.button-group .button{padding:9px 11px;font-size:9px}.button-group .button .icon{width:14px}.section-heading .button-group .button:first-child{padding:9px}.section-heading .button-group .button:first-child .icon{display:none}.settings-grid{gap:17px}.settings-card{padding:23px}.settings-card h2{font-size:28px}.settings-card p{font-size:12px}.settings-card.wide{display:block}.settings-card.wide .settings-icon{margin-bottom:20px}.status-banner{font-size:10px;padding:9px 11px;gap:8px}.status-banner button{font-size:9px}.status-banner>span{gap:6px}.modal-backdrop{padding:12px;align-items:center}.modal{max-height:calc(100dvh - 24px);padding:23px 21px;border-radius:12px}.modal-heading h2{font-size:27px}.modal-heading{margin-bottom:20px}.field{font-size:11px}.field input,.field textarea,.field select{font-size:16px;padding:10px;min-height:44px}.form-columns{gap:12px}.form-columns .field{font-size:10px}.form-columns .field input{font-size:14px}.form-intro{font-size:11px}.form-actions .button{flex:1}.login-card{margin:40px auto;padding:28px}.login-card h1{font-size:32px}#toast{left:50%;bottom:91px;font-size:11px;padding:13px 18px;max-width:calc(100vw - 32px)}.loading-view{padding:120px 0}.loading-view h1{font-size:25px}}
@media(max-width:365px){.workspace{padding:0 14px}.topbar-date{font-size:8px}.hero h1{font-size:36px}.hero-copy{padding:25px 19px}.hero-art>img{right:-63px;bottom:-8px}.hero-stamp{right:8px}.plant-image-wrap{height:153px}.plant-name{font-size:19px}.plant-card-bottom{gap:6px}.plant-card-bottom>span{width:100%}.water-button{width:100%;justify-content:center}.care-date{min-width:58px}.care-row-name>a{font-size:17px}.form-columns{grid-template-columns:1fr;gap:0}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;scroll-behavior:auto!important}.plant-card:hover{transform:none}}
@media(max-width:650px){.hero-art>img{width:205px;height:220px;right:-43px;bottom:-3px}.hero p{max-width:190px}.plant-species{font-size:10px}.plant-card-bottom>span{font-size:9px}.water-button{font-size:10px;min-height:36px}.section-heading>.button{font-size:11px}.plant-card-bottom{align-items:center}.mobile-nav .nav-item{font-size:9px}}
[hidden]{display:none!important}