:root{color:#293e35;font-synthesis:none;--green:#254e42;--muted:#68776d;--line:#dedfd3;--paper:#fffdf7;background:#f6f4ed;font-family:Hiragino Kaku Gothic ProN,Yu Gothic,system-ui,sans-serif;font-weight:400;line-height:1.75}*{box-sizing:border-box}body{margin:0}button,input,textarea{font:inherit}button,a,input,textarea,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}button,a{touch-action:manipulation}button{border:0}a{color:inherit;text-decoration:none}h1,h2,p{margin:0}h1,h2{font-family:Hiragino Mincho ProN,Yu Mincho,Georgia,serif;font-weight:500}h2{font-size:20px}p{color:var(--muted);font-size:14px}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{outline-offset:4px;outline:3px solid #b58a3d}h1:focus{outline:none}svg{flex-shrink:0}button{min-height:44px}.primary{background:var(--green);color:#fffdf4;border-radius:7px;justify-content:center;align-items:center;gap:20px;width:100%;padding:14px 24px;font-size:14px;display:flex}.primary:hover:not(:disabled){background:#376553}.secondary{color:var(--green);background:#edf0e5;border:1px solid #d6ddcd;border-radius:5px;padding:8px 14px;font-size:12px}.text-button{color:var(--green);background:0 0;padding:8px 12px;font-size:13px}.brand-mark{align-items:center;gap:10px;font-family:Georgia,serif;font-size:22px;line-height:1.4;display:flex}.brand-mark>svg{color:var(--green)}.brand-mark small{letter-spacing:.14em;color:var(--muted);margin-top:2px;font-family:system-ui,sans-serif;font-size:10px;display:block}.small-label,.eyebrow,.version-label{letter-spacing:.15em;color:var(--muted);font-size:10px}.eyebrow{color:#6c8067}.fine-print{font-size:11px;line-height:1.9}.status{justify-content:center;align-items:center;gap:8px;font-size:12px;display:flex}.status>span,.status-dot{background:#b39454;border-radius:50%;flex-shrink:0;width:6px;height:6px;display:inline-block}.cover-scene{background:radial-gradient(at 50% 35%,#eeecdf,#0000 70%),#f6f4ed;flex-direction:column;align-items:center;min-height:100svh;padding:28px 24px 38px;display:flex}.cover-context{justify-content:space-between;align-items:center;width:100%;max-width:1000px;margin-bottom:35px;display:flex}.cover-context .brand-mark{font-size:18px}.notebook-cover{text-align:center;color:#e9e6ce;background:linear-gradient(100deg,#1c3c32,#294f40 18%,#254c3f);border:1px solid #274236;border-radius:5px 13px 13px 5px;flex-direction:column;align-items:center;width:min(100%,350px);min-height:460px;padding:43px 24px 31px 39px;display:flex;position:relative;overflow:hidden;box-shadow:8px 12px 28px #23382926,4px 3px #e1dfcd,7px 5px #eeecdf}.notebook-cover:after{content:"";pointer-events:none;border:1px solid #bac69540;position:absolute;inset:17px 18px 17px 34px}.cover-spine{background:#112c2866;width:3px;position:absolute;top:0;bottom:0;left:15px;box-shadow:3px 0 4px #102b2233}.cover-bookmark{clip-path:polygon(0 0,100% 0,100% 100%,50% 85%,0 100%);background:#c8aa68;width:20px;height:53px;position:absolute;top:0;right:42px}.cover-edition{letter-spacing:.22em;color:#c3c9af;margin:4px 0 24px;font-size:8px}.cover-emblem{color:#b7c39c;border:1px solid #c2c9a360;border-radius:50%;place-items:center;width:56px;height:56px;margin-bottom:17px;display:grid}.cover-emblem svg{width:32px;height:32px}.notebook-cover h1{letter-spacing:-.035em;font-family:Georgia,serif;font-size:49px;line-height:1.1}.notebook-cover i{font-weight:400}.cover-subtitle{letter-spacing:.18em;color:#d1d6bc;margin:18px 0 24px;font-size:12px}.cover-rule{background:#b1ba9566;width:40px;height:1px}.cover-poem{color:#c1cbb5;letter-spacing:.16em;margin:18px 0 30px;font-size:12px;line-height:2.1}.cover-footer{letter-spacing:.17em;color:#b5c0a3;font-size:7px}.cover-actions{text-align:center;width:min(100%,350px);padding-top:29px}.cover-actions .primary{margin-top:15px}.disabled-login{color:var(--green);background:0 0;width:100%;margin-top:5px;font-size:12px}.cover-actions .fine-print{margin-top:5px;font-size:10px}.app-shell{min-height:100svh}.app-header{justify-content:space-between;align-items:center;gap:12px;max-width:1000px;margin:auto;padding:25px 30px;display:flex}.preview-banner{color:#56664e;background:#eaeedf;border-top:1px solid #dee3d4;border-bottom:1px solid #dee3d4;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;padding:9px 16px;font-size:11px;display:flex}.preview-banner strong{font-weight:500}.journal-main{max-width:930px;margin:auto;padding:42px 30px 150px}.page-intro{margin-bottom:32px}.page-intro h1{letter-spacing:.03em;margin:8px 0 10px;font-size:31px}.page-intro p{max-width:550px}.welcome-card{background:#e9eddf;border:1px solid #dce1cf;border-radius:9px;justify-content:space-between;align-items:center;gap:20px;padding:32px 34px;display:flex;position:relative;overflow:hidden}.welcome-card h2{margin:9px 0 13px;font-size:24px}.welcome-card p{font-size:13px}.inline-link{color:var(--green);background:0 0;align-items:center;gap:12px;margin-top:15px;padding:0;font-size:12px;display:flex}.inline-link svg{width:18px}.botanical-mark{color:#617b59;background:#dbe3cc80;border-radius:50%;flex-shrink:0;place-items:center;width:160px;height:160px;display:grid}.botanical-mark svg{stroke-width:.8px;width:104px;height:104px;transform:rotate(-9deg)}.section-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin:28px 0 16px;display:flex}.section-heading h2{font-size:18px}.section-heading>span{border:1px solid var(--line);color:var(--muted);border-radius:20px;padding:2px 9px;font-size:10px}.card-grid{grid-template-columns:1fr 1fr;gap:18px;display:grid}.paper-card{background:var(--paper);border:1px solid var(--line);border-radius:7px;padding:27px}.placeholder .icon-tile{margin-bottom:18px}.icon-tile{color:#65805b;background:#eff1e7;border-radius:8px;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.placeholder>.small-label{letter-spacing:.1em;font-size:9px;display:block}.placeholder h2{margin:7px 0 10px;font-size:20px}.placeholder p{font-size:13px;line-height:1.95}.photo-placeholder{color:#78906b;border:1px dashed #cbd4c1;border-radius:7px;align-items:center;gap:20px;margin-top:20px;padding:23px 27px;display:flex}.photo-placeholder h2{margin-bottom:5px;font-size:18px}.photo-placeholder p{font-size:11px}.photo-placeholder>svg{width:35px;height:35px}.journal-footer{text-align:center;color:#87917e;letter-spacing:.08em;margin-top:40px;font-family:Georgia,serif;font-size:11px}.journal-footer span{padding:0 10px}.bottom-nav{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--line);padding:8px 8px calc(8px + env(safe-area-inset-bottom));z-index:5;background:#fffdf8f5;justify-content:center;display:flex;position:fixed;bottom:0;left:0;right:0}.bottom-nav button{color:#7b8678;background:0 0;flex-direction:column;flex:1;align-items:center;gap:4px;min-width:0;max-width:145px;min-height:51px;font-size:10px;display:flex;position:relative}.bottom-nav svg{width:22px;height:22px}.bottom-nav button[aria-current=page]{color:var(--green)}.bottom-nav button[aria-current=page]:before{content:"";background:var(--green);border-radius:2px;width:22px;height:2px;position:absolute;top:-8px}.quick-water{right:max(22px,50vw - 465px);bottom:calc(85px + env(safe-area-inset-bottom));background:var(--green);color:#fffbed;z-index:4;border:1px solid #fff6;border-radius:40px;align-items:center;gap:8px;padding:14px 20px;font-size:12px;display:flex;position:fixed;box-shadow:0 5px 14px #23453930}.quick-water svg{width:20px;height:20px}.settings-card+.settings-card{margin-top:20px}.settings-card h2{margin-bottom:15px}.settings-card p+p{margin-top:12px}.settings-card .status{justify-content:flex-start;margin-bottom:10px}.settings-card button{margin-top:16px}.settings-list{margin:0;padding:0;list-style:none}.settings-list li{border-bottom:1px solid #e7e8dd;justify-content:space-between;align-items:center;gap:16px;padding:13px 0;font-size:13px;display:flex}.settings-card .fine-print{margin-top:18px}.watering-entry{text-align:left;width:100%;color:var(--green);background:#e8eddf;border-radius:7px;align-items:center;gap:15px;margin-bottom:20px;padding:20px;display:flex}.watering-entry span{flex:1}.watering-entry strong{font-size:14px;font-weight:500;display:block}.watering-entry small{color:var(--muted);font-size:11px;display:block}.watering-form{max-width:630px}.form-title{align-items:center;gap:14px;margin-bottom:25px;display:flex}.form-title h2{font-size:22px}.form-title .small-label{letter-spacing:.04em}.watering-form fieldset{border:0;margin:0;padding:0}.watering-form legend,.field-label,.watering-form label{color:#314b3d;margin-bottom:8px;font-size:13px;font-weight:500}.empty-selection{text-align:center;color:#79916a;background:#f6f7ef;border:1px dashed #ccd6c2;border-radius:6px;padding:25px 16px}.empty-selection p{margin:8px 0;font-size:13px}.empty-selection small{color:var(--muted);font-size:11px;display:block}.field-label{margin-top:25px}.watering-form>p small{font-size:11px}.watering-form details{border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:23px 0;padding:15px 0}.watering-form summary{cursor:pointer;align-content:center;min-height:30px;font-size:12px}.watering-form label{margin-top:16px;display:block}.watering-form input,.watering-form textarea{width:100%;min-width:0;max-width:100%;color:var(--green);resize:vertical;background:#fffefb;border:1px solid #d3d9cb;border-radius:5px;padding:11px 10px;font-size:14px;display:block}.watering-form>.fine-print{text-align:center;margin-top:10px}.watering-form>.text-button{margin:12px auto 0;display:block}@media (width>=1100px){.cover-scene{padding-top:35px}.cover-context{margin-bottom:45px}.notebook-cover{min-height:470px}}@media (width<=600px){.cover-scene{padding:20px 22px 30px}.cover-context{margin-bottom:25px}.cover-context .brand-mark{font-size:15px}.version-label{letter-spacing:.08em;font-size:8px}.notebook-cover{max-width:320px;min-height:430px;padding-top:33px}.cover-edition{font-size:7px}.notebook-cover h1{font-size:45px}.cover-poem{margin-bottom:25px}.cover-actions{max-width:320px;padding-top:25px}.app-header{padding:18px 20px}.brand-mark{font-size:20px}.journal-main{padding:29px 20px 145px}.page-intro{margin-bottom:25px}.page-intro h1{font-size:26px}.page-intro p{font-size:12px;line-height:1.95}.welcome-card{align-items:flex-start;gap:8px;padding:25px 22px}.welcome-card h2{max-width:225px;font-size:20px}.welcome-card p{font-size:12px}.botanical-mark{opacity:.16;pointer-events:none;width:105px;height:105px;position:absolute;top:20px;right:-28px}.botanical-mark svg{width:80px;height:80px}.welcome-card>div:first-child{z-index:1}.card-grid{grid-template-columns:1fr;gap:14px}.paper-card{padding:23px 20px}.placeholder h2{font-size:19px}.photo-placeholder{padding:20px}.photo-placeholder h2{font-size:16px}.quick-water{right:18px;bottom:calc(85px + env(safe-area-inset-bottom));padding:13px 17px}.bottom-nav{padding-left:5px;padding-right:5px}.section-heading h2{font-size:17px}.preview-banner{gap:6px;font-size:10px}.settings-list .small-label{letter-spacing:.04em}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}.login-message,.login-guide{overflow-wrap:anywhere;margin-top:14px;font-size:12px}.warning,.settings-notice{overflow-wrap:anywhere;background:#f3ecd9;border-radius:5px;padding:10px 12px;font-size:12px}.offline-banner,.storage-banner{text-align:center;background:#f3ecd9;padding:10px 20px;font-size:12px}.session-check{z-index:20;background:#f6f4edf5;flex-direction:column;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.public-key{overflow-wrap:anywhere;background:#eff1e7;border-radius:5px;margin:10px 0;padding:12px;font-size:12px;display:block}.relay-source{margin-top:18px}.relay-list{margin:18px 0;padding:0;list-style:none}.relay-list li{border-top:1px solid var(--line);padding:18px 0}.relay-url{overflow-wrap:anywhere;color:var(--green);font-family:ui-monospace,monospace;font-size:13px}.relay-flags{flex-wrap:wrap;gap:8px 20px;margin-top:8px;display:flex}.relay-flags label{cursor:pointer;align-items:center;gap:7px;min-height:44px;font-size:13px;display:flex}.relay-flags input{width:18px;height:18px;accent-color:var(--green)}.relay-actions{flex-wrap:wrap;gap:10px;display:flex}.relay-actions button{margin-top:4px}.relay-add{border-top:1px solid var(--line);padding-top:20px}.relay-add>label{margin-bottom:10px;font-size:13px;display:block}.relay-add>input{background:#fffefb;border:1px solid #cbd4c1;border-radius:5px;width:100%;min-width:0;max-width:100%;padding:10px;font-size:16px}.reset-relays{text-align:left;font-size:12px}.connection-result{padding:9px 0;font-size:12px}.connection-result.connected{color:#356345}.connection-result.failed,.connection-result.timeout,.connection-result.disconnected{color:#895f38}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.plant-actions{flex-wrap:wrap;align-items:center;gap:12px;margin:18px 0;display:flex}.plant-actions .primary{width:auto;min-width:140px}.plant-form label{margin:18px 0 8px;font-weight:600;display:block}.plant-form input,.plant-form textarea{width:100%;min-height:46px;margin-top:8px;display:block}.plant-form textarea{resize:vertical}.plant-entry{text-align:left;cursor:pointer;color:var(--ink);flex-direction:column;gap:12px;min-height:160px;display:flex}.plant-entry strong{font-size:1.3rem}.plant-entry span,.plant-entry small{overflow-wrap:anywhere}.plant-detail h2,.plant-detail dd,.plant-entry strong{overflow-wrap:anywhere;white-space:pre-wrap}.plant-detail dl>div{border-bottom:1px solid #d9ddcf;padding:14px 0}.plant-detail dt{color:#667566;font-size:.8rem}.plant-detail dd{margin:8px 0 0}.communication-result{background:#edf1e8;border:1px solid #ced8c5;border-radius:8px;margin:16px 0;padding:14px 18px}.communication-result summary{cursor:pointer;min-height:36px}.communication-result li,.relay-preview li{overflow-wrap:anywhere;margin:12px 0}.server-relays{border-top:1px solid #d9ddcf;margin-top:24px;padding-top:20px}.server-relays h3{font-size:1.05rem}.relay-preview{border:1px solid #c1cdb8;border-radius:8px;margin-top:18px;padding:18px}.plants-panel [aria-pressed=true]{text-underline-offset:6px;font-weight:700;text-decoration:underline}@media (width<=480px){.plant-actions>*{flex:auto}.plant-actions .primary{width:100%}.plant-form,.plant-detail{padding:20px}.relay-preview{padding:12px}}.plant-form select,.record-filters select{width:100%;min-height:46px;color:inherit;font:inherit;background:#fffdf7;border:1px solid #cdd5c5;border-radius:6px;margin-top:8px;padding:10px;display:block}.record-filters{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:20px 0;display:grid}.record-filters label{font-size:.85rem}.record-content{white-space:pre-wrap;overflow-wrap:anywhere;text-align:left}.record-body{width:100%;color:inherit;font:inherit;cursor:pointer;text-align:left;background:0 0;border:none;flex-direction:column;align-items:flex-start;gap:14px;padding:14px 0;display:flex}.record-body small{color:#64765b}.record-list{gap:16px;display:grid}.record-list .paper-card{padding:22px}.record-chips{flex-wrap:wrap;gap:8px;display:flex}.record-chips button{overflow-wrap:anywhere;background:#eef2e7;border-radius:18px;max-width:100%;min-height:44px;padding:8px 12px}.records-panel time{color:#64765b;margin:10px 0;font-size:.8rem;display:block}.record-detail h3,.save-job h3{overflow-wrap:anywhere}.deletion-confirm{border-top:1px solid #d4dacb;padding-top:14px}.plant-form .plant-checkbox{overflow-wrap:anywhere;align-items:center;gap:12px;min-height:48px;display:flex}.plant-form .plant-checkbox input{flex-shrink:0;width:22px;min-height:22px;margin:0}.save-jobs{margin-top:24px}.save-job{border-top:1px solid #d4dacb;padding:14px 0}.save-job .communication-result{padding:12px}.batch-results{padding-left:20px}.batch-results li{overflow-wrap:anywhere;margin:12px 0}.profile-heading{flex-wrap:wrap;align-items:center;gap:18px;display:flex}.profile-image{object-fit:cover;border-radius:50%;flex-shrink:0;width:72px;height:72px}.profile-heading h2{overflow-wrap:anywhere;max-width:100%}.plant-detail .records-panel{border-top:1px solid #d4dacb;margin-top:28px;padding-top:20px}.plant-detail .record-filters{grid-template-columns:1fr}@media (width<=480px){.record-filters{grid-template-columns:1fr}.records-panel .section-heading{flex-wrap:wrap;gap:12px}.record-list .paper-card{padding:16px}.save-jobs{padding:20px}.plant-detail .records-panel .paper-card{padding:14px}.plant-checkbox{font-size:.95rem}}.photo-editor{border:1px dashed var(--line,#ccd3c3);border-radius:8px;min-width:0;margin:1rem 0;padding:.8rem}.photo-grid{grid-template-columns:repeat(auto-fit,minmax(min(180px,100%),1fr));gap:.8rem;display:grid}.photo-item{overflow-wrap:anywhere;min-width:0}.photo-item img,.plant-photo{object-fit:contain;border-radius:8px;width:100%;max-width:100%;max-height:320px;display:block}.plant-photo-placeholder{background:#eef2e8;place-items:center;min-height:100px;font-size:2.5rem;display:grid}.photo-editor input[type=file]{width:100%;min-width:0;font-size:.85rem}.photo-editor input[type=range],.settings-card input[type=range]{width:100%;min-height:44px;padding:0}.care-entry{flex-wrap:wrap;align-items:center;gap:.5rem;padding:.6rem 0;display:flex}.care-color{border:1px solid #777;border-radius:50%;width:18px;height:18px}.settings-card fieldset{border:1px solid #ccd3c3;min-width:0;margin:1rem 0}.settings-card label{margin:.7rem 0;display:block}.settings-card .plant-checkbox{display:flex}.settings-card input[type=color]{min-width:64px;min-height:44px;padding:4px}.photo-editor input.photo-file-input{display:none}.photo-file-name{overflow-wrap:anywhere;font-size:.9rem}.representative-photo{margin:1rem 0}.representative-photo .plant-photo{max-height:160px}.upload-diagnostic pre{white-space:pre-wrap;overflow-wrap:anywhere;font:inherit}