@charset "UTF-8";
:root{--paper:#f7f5ed;--paper-dark:#eeecdf;--ink:#303c30;--muted:#838678;--green:#3e5d46;--line:#dddfd0;--coral:#bd7660;--serif:"Noto Serif SC","Source Han Serif SC","Songti SC","STSong","SimSun",serif;--sans:"Microsoft YaHei","PingFang SC",sans-serif}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:14px;line-height:1.6}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:10;opacity:.035;background-image:url('assets/paper-grain.svg')}
button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}button{border:0;background:none}button:disabled{cursor:default;opacity:.5}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin:0}svg{flex-shrink:0;vertical-align:middle}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--coral);outline-offset:4px}button,a{touch-action:manipulation}.skip-link{position:fixed;left:20px;top:-100px;background:var(--green);color:#fff;padding:10px;z-index:100}.skip-link:focus{top:10px}[hidden]{display:none!important}
.sidebar{width:224px;position:fixed;inset:0 auto 0 0;z-index:20;border-right:1px solid var(--line);background:#f0f0e5;display:flex;flex-direction:column;padding:38px 23px 20px}.brand{display:flex;align-items:center;gap:9px}.brand>span:nth-child(2){font-family:var(--serif);font-size:32px;letter-spacing:5px;line-height:1.1}.brand-symbol{align-self:flex-start;margin-top:3px;color:var(--green)}.brand-symbol svg{width:29px;height:29px}.brand small{font-family:Georgia,serif;display:block;font-size:7px;letter-spacing:1.1px;margin-top:10px;white-space:nowrap}.brand-seal{font-family:var(--serif);font-size:10px;border:1px solid #b98672;color:#ad725d;align-self:flex-start;margin:5px 0 0 -7px;padding:0 2px;line-height:1.4}.sidebar-intro{font-size:10px;color:#929582;letter-spacing:1px;margin:21px 0 36px}.sidebar nav{display:grid;gap:10px}.nav-button{display:flex;align-items:center;gap:13px;width:100%;text-align:left;border-radius:5px;padding:15px 14px;color:#707867;transition:.2s}.nav-button small{display:block;font-size:7px;letter-spacing:1.4px;margin-top:3px;color:#929985}.nav-button>span:nth-child(2){font-size:13px;letter-spacing:.6px}.nav-button.active{background:#dfe5d5;color:#345139}.nav-button:hover{background:#e4e8dc}.nav-button b{font-size:10px;font-weight:400;background:#e2e5da;min-width:20px;text-align:center;border-radius:10px;margin-left:auto}.nav-button.active small{color:#65785d}.sidebar-bottom{margin-top:auto;padding-top:35px}.sidebar-note{padding:18px 13px 30px;position:relative}.sidebar-note p{font-family:var(--serif);font-size:14px;line-height:2;letter-spacing:1px;color:#78816d}.little-star{font-size:26px;color:#9d9e72;display:block;margin-bottom:8px}.handwritten{font-family:Georgia,var(--serif);font-style:italic;font-size:12px;color:#9ba08a;display:block;margin-top:10px;transform:rotate(-5deg)}.storage-button{border-top:1px solid #d9ddcb;padding:18px 0 10px;display:flex;align-items:center;gap:8px;width:100%;font-size:10px;color:#717b68}.storage-button svg{width:16px}.local-dot{margin-left:auto;width:5px;height:5px;border-radius:50%;background:#79926b}.local-label{font-size:9px;color:#9b9f8f;padding-left:25px}
.main-shell{margin-left:224px}.topbar{height:88px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.breadcrumb{font-size:11px;letter-spacing:1px;color:#919486}.breadcrumb span{margin:0 14px;color:#c5c9b8}.breadcrumb b{font-weight:400;color:#5d6b57}.topbar-right{display:flex;align-items:center;gap:24px}.topbar-right>span{font-family:var(--serif);font-size:12px;color:#8d927f;letter-spacing:2px}.avatar{width:34px;height:34px;border:1px solid #d2d9c6;border-radius:50%;font-family:Georgia,serif;font-size:16px;color:#7f8a6f;position:relative}.avatar span{position:absolute;bottom:-1px;right:0;background:#839675;border:2px solid var(--paper);border-radius:50%;width:8px;height:8px}main{padding:0 5% 40px;max-width:1510px;margin:auto}main:focus{outline:none}.eyebrow{font-family:Georgia,serif;font-size:9px;letter-spacing:2.3px;color:#858e76}.hero{display:grid;grid-template-columns:44% 56%;min-height:398px;padding:42px 0 22px;position:relative}.hero-copy{padding-top:12px;z-index:2}.hero-eyebrow{display:flex;align-items:center;gap:8px;font-size:10px;color:#7f8c71;letter-spacing:1px}.hero-eyebrow:before{content:"";display:block;width:22px;height:1px;background:#7d906f}.hero h1{font-family:var(--serif);font-weight:400;font-size:clamp(30px,3.2vw,46px);line-height:1.55;letter-spacing:4px;margin:15px 0 15px;white-space:nowrap}.hero h1 em{font-style:normal;color:#667b55;position:relative}.hero h1 em:after{content:"";position:absolute;bottom:-9px;left:0;right:0;height:10px;border-top:1.5px solid #acb18b;border-radius:50%;transform:rotate(-2deg)}.hero-description{font-size:11px;line-height:2.1;letter-spacing:.5px;color:#8d9181;margin:22px 0}.hero-actions{display:flex;align-items:center;gap:20px}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 18px;border:1px solid transparent;border-radius:3px;font-size:12px;line-height:1.5;transition:background .2s,transform .2s;white-space:nowrap}.button svg{width:16px;height:16px}.button:hover{transform:translateY(-1px)}.primary{background:var(--green);color:#f7f5e8;border-color:var(--green);box-shadow:0 3px 8px #30463012}.primary:hover{background:#304b37}.secondary{border-color:#cfd6c3;background:#f6f5ec;color:#5f7156}.secondary:hover{background:#eaeede}.text-button{display:inline-flex;align-items:center;gap:7px;color:#7a856d;font-size:11px;padding:7px 0}.text-button svg{width:15px}.text-button:hover{color:#3f5a3c}.garden-scene{position:relative;min-width:0;margin:-8px -24px 0 -15px}.greenhouse-art{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.garden-plants{position:absolute;inset:0}.garden-plant{position:absolute;width:18%;height:42%;padding:0;bottom:35%;transform-origin:center bottom;transition:transform .3s}.garden-plant:hover{transform:rotate(-3deg) translateY(-5px)}.garden-plant .plant-art{height:100%;width:100%;filter:drop-shadow(3px 3px 1px #6d6e5722)}.garden-plant:nth-child(1){left:24%;bottom:34%;height:36%}.garden-plant:nth-child(2){left:39%;bottom:34%;height:46%}.garden-plant:nth-child(3){left:56%;bottom:34%;height:35%}.garden-plant:nth-child(4){left:30%;bottom:12%;height:32%}.garden-plant:nth-child(5){left:47%;bottom:12%;height:30%}.garden-label{position:absolute;right:4%;top:18%;font-family:var(--serif);font-size:12px;letter-spacing:1px;color:#889579;transform:rotate(6deg);line-height:1.8}.garden-label:after{content:"↙";font-family:Georgia;display:block;font-size:28px;margin-left:17px}.garden-caption{position:absolute;bottom:-3px;left:28%;right:10%;text-align:center;font-size:9px;letter-spacing:1px;color:#909680}.garden-caption:before{content:"";display:inline-block;width:17px;height:1px;background:#aeb79d;margin-right:8px;vertical-align:middle}.garden-stamp{position:absolute;top:1%;right:7%;width:64px;height:64px;border:1px solid #b4bda1;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;transform:rotate(15deg);color:#96a082;font-size:8px;letter-spacing:1px}.garden-stamp svg{margin:3px 0}.overview-strip{display:flex;align-items:center;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:20px 0;gap:0;margin:18px 0 35px}.metric{display:flex;align-items:center;gap:12px;padding:0 29px;border-right:1px solid var(--line)}.metric:first-child{padding-left:0}.metric>span{color:#8e9a7c}.metric b{font-family:Georgia,serif;font-size:28px;font-weight:400;line-height:1}.metric small{font-size:10px;color:#8a927f;margin-left:8px}.strip-caption{margin-left:auto;font-family:var(--serif);color:#8d947f;font-size:11px;letter-spacing:1px}.strip-caption span{color:#b27b62}.section-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:21px}.section-title h2{font-family:var(--serif);font-size:21px;font-weight:400;letter-spacing:2px}.section-title h2 small{font-family:Georgia,serif;font-size:9px;letter-spacing:1.5px;color:#9da18f;margin-left:14px}.section-title p{font-size:11px;color:#989b8b;margin-top:8px}.specimen-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.specimen-card{position:relative;border:1px solid #dedfcf;background:#fbfaf3;min-height:230px;padding:21px 22px 17px;box-shadow:1px 4px 7px #64674d05;cursor:pointer;transition:transform .25s,box-shadow .25s;display:flex;flex-direction:column}.specimen-card:before{content:"";position:absolute;width:50px;height:17px;top:-8px;left:calc(50% - 25px);background:#d8d7b999;transform:rotate(-3deg);clip-path:polygon(0 5%,97% 0,100% 95%,3% 100%)}.specimen-card:nth-child(3n+2){background:#f3f1e5}.specimen-card:nth-child(3n+3){background:#eff1e6}.specimen-card:hover{transform:translateY(-5px);box-shadow:0 10px 24px #4f5c4910}.card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.card-number{font-family:Georgia,serif;font-size:9px;letter-spacing:1.4px;color:#929880}.favorite{color:#a4ac94;padding:3px}.favorite svg{width:15px;height:15px}.favorite.selected{color:#b59a5b}.favorite.selected svg{fill:#d9c69266}.card-text{font-family:var(--serif);font-size:17px;line-height:1.85;letter-spacing:.7px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;margin-right:20px;position:relative;z-index:1;font-weight:400}.card-book{font-size:10px;color:#909680;margin:13px 0 20px}.card-book span{font-size:8px;margin-left:7px}.card-bottom{margin-top:auto;padding-top:10px;border-top:1px dashed #d6dcc8;display:flex;align-items:center;justify-content:space-between;font-size:9px;color:#89947b;position:relative;z-index:1}.tag{display:inline-flex;align-items:center;gap:4px;font-size:9px;color:#7a8d6f;border:1px solid #d6ddc9;padding:2px 6px;border-radius:3px}.tag svg{width:11px;height:11px}.tag.bloom{color:#ad7b61;border-color:#dfc9b6}.card-flower{position:absolute;right:6px;bottom:38px;opacity:.34;width:62px;transform:rotate(14deg)}.card-flower svg{width:100%}.sample{font-size:8px;border:1px solid #d9d9c9;padding:0 4px;color:#9b9e8b;border-radius:2px}.section-gap{margin-top:39px}.reading-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.reading-book{display:flex;text-align:left;gap:16px;align-items:center;padding:4px 0;min-width:0}.mini-cover{width:62px;height:86px;flex-shrink:0;border-radius:1px 3px 3px 1px;background:#8e9b7d;box-shadow:3px 4px 7px #404b3024;position:relative;overflow:hidden;padding:9px 8px;text-align:center;display:flex;flex-direction:column;justify-content:space-between;color:#f5f0dd;border-left:5px solid #4c614e33}.mini-cover.clay,.book-cover.clay{background:#b6806b}.mini-cover.blue,.book-cover.blue{background:#78939b}.mini-cover.gold,.book-cover.gold{background:#bea367}.mini-cover strong{font-family:var(--serif);font-size:12px;font-weight:400;line-height:1.4}.mini-cover svg{margin:auto;width:21px;height:21px;opacity:.8}.mini-cover small{font-size:5px;letter-spacing:1px}.reading-meta{flex:1;min-width:0}.reading-meta h3{font-size:12px;font-weight:400;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reading-meta p{font-size:9px;color:#949a87;margin:6px 0 11px}.progress-track{height:3px;background:#e1e5d6;max-width:160px}.progress-fill{height:100%;background:#8c9c79}.progress-label{display:flex;justify-content:space-between;font-size:8px;color:#a0a48f;margin-top:5px;max-width:160px}.page-footer{border-top:1px solid var(--line);margin:0 5%;padding:23px 0 25px;color:#a3a793;display:flex;justify-content:space-between;font-size:9px;letter-spacing:.6px}.page-footer i{margin:0 10px}.page-footer>span:last-child{font-family:Georgia,serif;font-size:8px;letter-spacing:1.6px}
.page-heading{padding:39px 0 27px;display:flex;align-items:center;justify-content:space-between;gap:20px}.page-heading h1{font-family:var(--serif);font-size:32px;letter-spacing:3px;font-weight:400;margin:7px 0}.page-heading p{font-size:12px;color:#89927d;line-height:1.9}.tools-row{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-bottom:24px}.filters{display:flex;gap:5px;flex-wrap:wrap}.filter{padding:7px 13px;font-size:11px;color:#8a937f;border-radius:3px}.filter.active{background:#e0e6d5;color:#4c6644}.search-field{position:relative;width:235px;max-width:100%}.search-field svg{position:absolute;left:12px;top:11px;width:16px;height:16px;color:#919b80}.search-field input{width:100%;padding:8px 10px 8px 36px;border:1px solid #dfe2d3;background:transparent;border-radius:4px;color:var(--ink);font-size:11px}.notes-page .specimen-grid{row-gap:28px}.results-label{font-size:11px;color:#909880;margin-bottom:20px}.books-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:30px 24px;margin-top:12px}.book-item{text-align:center;padding:10px 0 26px;position:relative}.book-cover{width:145px;height:200px;max-width:90%;margin:0 auto 21px;background:#87987a;border-left:8px solid #42594244;box-shadow:8px 10px 14px #434c3925;position:relative;border-radius:1px 5px 5px 1px;padding:20px 14px;color:#f6f0dc;display:flex;flex-direction:column;align-items:center;justify-content:space-between;transition:transform .3s}.book-cover:after{content:"";position:absolute;inset:7px;border:1px solid #f1ebcf66;border-radius:1px;pointer-events:none}.book-cover:hover{transform:rotate(-3deg) translateY(-3px)}.book-cover strong{font-family:var(--serif);font-size:20px;font-weight:400;line-height:1.5;z-index:1}.book-cover svg{width:45px;height:45px;opacity:.8}.book-cover small{font-size:7px;line-height:1.5}.book-item h3{font-size:12px;font-weight:400;margin-bottom:3px}.book-item p{font-size:9px;color:#8e977f}.book-item .progress-track,.book-item .progress-label{margin-left:auto;margin-right:auto;width:145px}.book-item .progress-track{margin-top:14px}.book-actions{display:flex;justify-content:center;gap:14px;margin-top:12px}.book-actions button{font-size:10px;padding:4px 0;color:#798b6a}.book-actions button:hover{text-decoration:underline}.book-status{display:inline-block;font-size:9px;color:#839273;margin-bottom:9px}.empty{padding:70px 20px;text-align:center;border:1px dashed #d3dac7;color:#7b896f;grid-column:1/-1}.empty svg{width:38px;height:38px;margin-bottom:15px}.empty h3{font-family:var(--serif);font-size:20px;font-weight:400;margin-bottom:9px}.empty p{font-size:12px;margin-bottom:20px}.demo-banner{font-size:10px;color:#8a947d;display:flex;align-items:center;gap:8px;padding:14px 0 0}.demo-banner button{font-size:10px;color:#5c7751;text-decoration:underline;text-underline-offset:4px}.echo-layout{max-width:730px;margin:0 auto 28px;padding:10px 0;text-align:center}.echo-day{font-family:Georgia,serif;letter-spacing:3px;font-size:10px;color:#8f9b81;margin:10px 0 23px}.echo-paper{background:#fcfaf1;border:1px solid #dedeca;padding:35px 52px;text-align:center;box-shadow:4px 8px 17px #60664d0c;position:relative}.echo-paper:before{content:"";width:75px;height:24px;background:#dedac2aa;position:absolute;top:-11px;left:calc(50% - 37px);transform:rotate(-5deg)}.echo-plant{height:125px;width:90px;margin:auto}.echo-plant svg{height:100%;width:100%}.echo-paper blockquote{font-family:var(--serif);font-size:25px;line-height:1.85;letter-spacing:2px;margin:15px 0 20px}.echo-source{font-size:11px;color:#8e987f}.echo-reflection{margin:25px 0 8px;padding:23px 0 0;border-top:1px dashed #d8dec8;text-align:left;font-size:13px;color:#6b7d5c;line-height:1.9;white-space:pre-wrap}.echo-reflection .eyebrow{display:block;margin-bottom:10px}.echo-controls{display:flex;gap:18px;justify-content:center;margin-top:25px}.echo-footnote{font-size:11px;color:#9aa18c;margin-top:20px}
dialog{border:1px solid #d4d9c6;border-radius:7px;background:var(--paper);color:var(--ink);padding:31px;width:min(600px,calc(100vw - 28px));max-height:90vh;box-shadow:0 24px 100px #26382529}dialog::backdrop{background:#2633235e;backdrop-filter:blur(5px)}.book-dialog{width:480px}.dialog-heading{display:flex;justify-content:space-between;gap:15px;align-items:flex-start;margin-bottom:25px}.dialog-heading h2{font-family:var(--serif);font-size:25px;font-weight:400;letter-spacing:2px;margin-top:6px}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;color:#8a957d}.icon-button:hover{background:#e6eada}.form-row{display:flex;gap:16px}.grow{flex:1;min-width:0}.page-input{width:95px}label{display:block;font-size:11px;color:#697b5e;margin:0 0 17px}label span{font-size:10px;color:#9a9f8d;margin-left:7px}label input,label textarea,label select{width:100%;display:block;margin-top:7px;padding:10px 11px;border:1px solid #d5dbc8;border-radius:3px;background:#fcfbf5;color:#3b4e34;font-size:12px}textarea{resize:vertical;line-height:1.8;min-height:90px}input::placeholder,textarea::placeholder{color:#a7ad9a}select{min-height:40px}.dialog-footer{display:flex;align-items:center;justify-content:space-between;gap:15px;border-top:1px solid var(--line);padding-top:20px;margin-top:15px}.form-hint{font-size:10px;color:#949d88;line-height:1.9}.form-error{font-size:11px;line-height:1.8;color:#b8644e;min-height:1px}.detail-quote{font-family:var(--serif);font-size:23px;line-height:1.9;letter-spacing:1px;margin:18px 0;white-space:pre-wrap;overflow-wrap:anywhere}.detail-meta{font-size:11px;color:#919a85;padding-bottom:20px;border-bottom:1px solid var(--line)}.detail-section{margin-top:22px}.detail-section h3{font-size:11px;font-weight:400;letter-spacing:1px;color:#9a9e87;margin-bottom:10px}.detail-section p{font-size:13px;color:#6c7c60;line-height:1.9;white-space:pre-wrap;overflow-wrap:anywhere}.action-box{background:#e9eddf;border:1px solid #d9e0cc;padding:15px;display:flex;align-items:flex-start;gap:10px;margin-top:22px;text-align:left;width:100%;font-size:12px;color:#627759;line-height:1.9}.action-box svg{width:20px;height:20px;border:1px solid #9aaa8b;border-radius:50%;padding:2px;margin-top:2px}.action-box.done{background:#f0e8d6;color:#a28156;border-color:#dfd3ba}.action-box strong{font-size:10px;font-weight:400;display:block;letter-spacing:1px;color:#8a9a7a}.action-box.done strong{color:#ab926d}.detail-actions{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding-top:18px;margin-top:26px}.settings-intro{font-family:var(--serif);font-size:16px;line-height:2;margin-bottom:25px}.setting-row{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:18px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.setting-row strong{font-weight:400;font-size:13px}.setting-row p{font-size:10px;line-height:1.8;color:#959d89;margin-top:5px}.backup-notice{display:flex;gap:12px;background:#e9eddf;margin:22px 0;padding:17px;color:#7f8c72;font-size:11px}.backup-notice b{font-weight:500}.backup-actions{display:flex;gap:10px;margin-bottom:15px}.toast{position:fixed;bottom:28px;left:calc(50% + 110px);transform:translate(-50%,20px);background:#354e3b;color:#faf8ed;padding:13px 22px;border-radius:4px;box-shadow:0 5px 22px #29392624;z-index:1000;opacity:0;pointer-events:none;transition:.2s;font-size:12px;max-width:calc(100vw - 32px);text-align:center}.toast.visible{opacity:1;transform:translate(-50%,0);pointer-events:auto}.toast button{color:#e7cb91;margin-left:12px;text-decoration:underline}.toast.error{background:#885747}.storage-warning{background:#f4e2cf;padding:10px 15px;color:#8c5b40;font-size:12px;line-height:1.7;margin-top:12px}.memory-summary{font-family:var(--serif);font-size:13px;color:#89957a;border-left:2px solid #c3cdaf;padding-left:15px;margin:25px 0}.filter-note{font-size:11px;padding:8px 0;color:#8b947e}.filter-note button{font-size:11px;text-decoration:underline;color:#5e7750}
.card-open{position:absolute;inset:0;z-index:2;width:100%;border-radius:0}.card-top .favorite{position:relative;z-index:3}.card-open:focus-visible{outline-offset:4px}.card-text{overflow-wrap:anywhere}.settings-dialog .backup-notice p{flex:1}.mini-cover strong,.book-cover strong{overflow-wrap:anywhere}.mini-cover strong{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.book-cover strong{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.garden-scene{aspect-ratio:600/390;align-self:center;height:auto;min-height:0}.garden-label{top:29%}
@media(min-width:1500px){.hero{min-height:450px}.hero-copy{padding-top:30px}.hero h1{font-size:50px}.hero-description{font-size:13px}.garden-scene{margin-right:0}.specimen-card{min-height:255px}.card-text{font-size:19px}.sidebar{width:240px}.main-shell{margin-left:240px}}
@media(max-width:1150px){.sidebar{width:198px;padding:30px 17px 17px}.main-shell{margin-left:198px}.brand>span:nth-child(2){font-size:29px}.brand small{font-size:6px}.sidebar-intro{font-size:9px}.hero{min-height:365px}.hero h1{font-size:32px;letter-spacing:2px}.hero-description{font-size:10px}.garden-label{font-size:10px}.metric{padding:0 18px}.strip-caption{font-size:9px}.specimen-card{padding:18px 17px 14px}.card-text{font-size:16px}.card-book{font-size:9px}.books-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.hero-actions{gap:12px}.toast{left:calc(50% + 99px)}}
@media(max-width:900px){.sidebar{width:82px;padding:28px 13px 15px;align-items:center}.brand{gap:0}.brand-symbol svg{width:30px;height:30px}.brand>span:not(:first-child),.sidebar-intro,.nav-button>span:nth-child(2),.nav-button b,.sidebar-note,.local-label,.local-dot{display:none}.sidebar nav{margin-top:45px;gap:17px}.nav-button{padding:15px}.nav-button>span:first-child{display:flex}.sidebar-bottom{width:100%}.storage-button{font-size:0;justify-content:center}.storage-button svg{width:20px;height:20px}.main-shell{margin-left:82px}.hero{min-height:360px}.hero h1{font-size:31px}.metric{padding:0 17px}.metric b{font-size:25px}.metric small{font-size:9px}.strip-caption{display:none}.overview-strip{justify-content:space-between}.metric:last-of-type{border:0}.specimen-grid{gap:14px}.card-text{font-size:15px}.card-book{margin-bottom:14px}.reading-row{gap:12px}.reading-book{gap:10px}.mini-cover{width:49px;height:73px}.reading-meta h3{font-size:10px}.section-title h2 small{font-size:8px}.toast{left:calc(50% + 41px)}}
@media(max-width:680px){.sidebar{width:100%;height:66px;top:auto;bottom:0;flex-direction:row;padding:0;border-right:0;border-top:1px solid #d8deca;background:#f0f0e9f5;backdrop-filter:blur(10px);justify-content:center}.brand,.sidebar-bottom{display:none}.sidebar nav{display:flex;width:100%;gap:0;justify-content:space-around;margin:0}.nav-button{display:flex;flex-direction:column;gap:3px;width:25%;padding:9px 0 7px;border-radius:0;font-size:10px}.nav-button>span:nth-child(2){display:block;font-size:9px;letter-spacing:0}.nav-button small{display:none}.nav-button svg{width:20px;height:20px}.nav-button.active{background:transparent;color:#345c39;position:relative}.nav-button.active:before{content:"";position:absolute;top:0;width:24px;height:2px;background:#60825c}.main-shell{margin-left:0;padding-bottom:66px}.topbar{height:65px;padding:0 22px}.topbar-right{gap:15px}.topbar-right>span{font-size:10px;letter-spacing:1px}.breadcrumb{font-size:10px}.breadcrumb span{margin:0 8px}.avatar{width:29px;height:29px}main{padding:0 22px 30px}.hero{grid-template-columns:1fr;min-height:0;padding-top:25px}.hero-copy{padding-top:0}.hero h1{font-size:35px;line-height:1.5;margin-top:13px}.hero-description{font-size:11px;margin:17px 0 20px}.hero-actions{gap:23px}.hero-eyebrow{font-size:9px}.garden-scene{height:300px;margin:5px -5px -10px}.garden-stamp{top:4%;right:8%;width:53px;height:53px;font-size:6px}.garden-stamp svg{width:17px;height:17px}.garden-caption{bottom:-1px;font-size:8px}.garden-label{right:3%;font-size:10px;top:20%}.overview-strip{margin:14px 0 28px;padding:18px 0}.metric{padding:0 13px;gap:7px}.metric b{font-size:25px}.metric>span svg{width:18px;height:18px}.metric small{font-size:8px;margin-left:4px}.section-title{margin-bottom:21px}.section-title h2{font-size:20px}.section-title h2 small{display:none}.section-title .text-button{font-size:10px}.specimen-grid{grid-template-columns:1fr;gap:26px}.specimen-card{min-height:213px;padding:20px 23px 16px}.card-text{font-size:20px;line-height:1.8;margin-right:32px}.card-book{font-size:10px}.card-flower{width:70px;opacity:.26;right:12px}.reading-row{grid-template-columns:1fr;gap:18px}.reading-book{gap:20px;border-bottom:1px solid var(--line);padding-bottom:18px}.mini-cover{width:55px;height:78px}.reading-meta h3{font-size:12px}.reading-meta p{font-size:10px}.progress-track,.progress-label{max-width:100%}.page-footer{margin:0 22px;padding:21px 0;justify-content:center;text-align:center;font-size:8px}.page-footer>span:last-child{display:none}.page-heading{padding-top:29px;gap:10px;align-items:flex-start}.page-heading h1{font-size:29px}.page-heading p{font-size:11px}.page-heading>.button{font-size:10px;padding:8px 10px;margin-top:27px}.page-heading>.button svg{width:14px;height:14px}.tools-row{flex-direction:column;align-items:stretch;gap:17px;padding-bottom:22px}.search-field{width:100%}.filters{gap:3px}.filter{font-size:10px;padding:6px 11px}.books-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 14px}.book-cover{width:130px;height:180px;padding:17px 12px}.book-cover strong{font-size:18px}.book-item h3{font-size:11px}.book-actions{gap:12px}.echo-paper{padding:28px 23px}.echo-paper blockquote{font-size:22px;letter-spacing:1px}.echo-controls{gap:10px}.echo-controls .button{font-size:11px;padding:10px 13px}dialog{padding:23px 20px;max-height:88vh}.dialog-heading h2{font-size:22px}.form-row{gap:12px}.dialog-footer .form-hint{font-size:9px;max-width:130px}.dialog-footer .button{font-size:11px;padding:10px 13px}.toast{left:50%;bottom:85px;width:max-content;max-width:90vw;font-size:11px}.detail-quote{font-size:21px}.demo-banner{font-size:9px;flex-wrap:wrap}.setting-row .button{font-size:10px;padding:7px 10px}.setting-row p{max-width:200px;font-size:9px}.backup-actions{flex-wrap:wrap}}
@media(max-width:680px){.garden-scene{height:auto;aspect-ratio:600/390;margin:30px -5px 10px}.garden-label{top:30%;font-size:9px}.garden-stamp{top:0}.garden-caption{bottom:-12px}.metric{padding-left:8px;padding-right:8px}.metric:last-of-type{padding-right:0}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}