:root{font-family:DM Sans,PingFang SC,Microsoft YaHei,sans-serif;color:#303d35;background:#f7f6f2;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--paper: #f7f6f2;--surface: #fffefa;--ink: #303d35;--muted: #8b9087;--green: #2f5546;--green-light: #e9ede5;--line: #e3e4dc;--soft: #eeeee7;--serif: "Noto Serif SC", "Songti SC", "SimSun", serif;--english-serif: "Cormorant Garamond", Georgia, serif;--ease: cubic-bezier(.2, .65, .3, 1);color-scheme:light}:root[data-theme=dark]{--paper: #191f1c;--surface: #232b25;--ink: #e0e5da;--muted: #a0a99b;--green: #b3c7a8;--green-light: #303b30;--line: #354035;--soft: #242d25;color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;color:var(--ink)}#root{isolation:isolate;min-height:100dvh}.home-water,.inner-water,.login-page{position:relative;isolation:isolate;min-height:100dvh}.home-water:before,.inner-water:before,.login-page:before{content:"";position:absolute;inset:0;z-index:-2;pointer-events:none;background:var(--paper)}.writing-water{--paper: #f0f7f2;--surface: #f8fcf6d9;--ink: #2c463a;--muted: #687f72;--green: #305a45;--line: #6f94752b;--soft: #dfeae2a1}.writing-water:before{background:radial-gradient(ellipse at 50% 30%,#f4faf6 17%,#eff8f1d9 40%,transparent 72%),radial-gradient(ellipse at 18% 12%,#b5d7b6,transparent 52%),linear-gradient(150deg,#638d7b,#c5dfd2 44%,#e8f5f2 80%)}:root[data-theme=dark] .writing-water{--paper: #1b2d26;--surface: #263c31eb;--ink: #dfeadc;--muted: #a3b8a8;--green: #b6d1b1;--line: #a3c3a52b;--soft: #2d4437b3}:root[data-theme=dark] .writing-water:before{background:radial-gradient(ellipse at 50% 35%,#21392d,#19362c 55%,#122d26)}.home-water:before{--shore: 556px;background:linear-gradient(to bottom,#173f38,#41695b calc(var(--shore) - 40px),#e9f4f1 calc(var(--shore) + 140px))}.login-page:before{background:radial-gradient(ellipse at 65% 30%,#698577,#264a43 65%,#173a34)}:root[data-theme=dark] .home-water:before{background:linear-gradient(to bottom,#173f38,#294d42 516px,#192c26 696px)}@media(max-width:1100px){.home-water:before{--shore: 520px}}@media(max-width:600px){.home-water:before{--shore: 594px}}@media(min-width:1600px){.home-water:before{--shore: 626px}}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer;color:inherit}button{border:0;background:none}a{color:inherit;text-decoration:none}img{display:block;width:100%;object-fit:cover}button:disabled{opacity:.4;cursor:not-allowed}button,a{outline-offset:5px}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid #869c71;outline-offset:4px}button{transition:color .2s,background-color .2s,box-shadow .2s,scale .2s var(--ease)}button:active,.button:active{scale:.96}button:disabled:active{scale:1}svg{flex-shrink:0}::selection{background:#9fb79650}h1,h2,h3,p{margin:0}h1,h2,h3{text-wrap:balance}p{text-wrap:pretty}button:has(svg){display:inline-flex;align-items:center;justify-content:center}fieldset{min-width:0}.page-width{width:calc(100% - 112px);max-width:1328px;margin-inline:auto}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;z-index:100;left:16px;top:-70px;background:var(--green);color:var(--paper);padding:14px 22px;border-radius:8px}.skip-link:focus{top:12px}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;flex-shrink:0;border-radius:50%;color:var(--ink)}.icon-button:hover{background:var(--soft)}.button{display:inline-flex;justify-content:center;align-items:center;gap:12px;border-radius:7px;min-height:43px;padding:0 20px;font-size:12px;line-height:1.4;letter-spacing:.5px;white-space:nowrap;transition:background-color .2s,box-shadow .2s,scale .2s,transform .25s}.button-dark{background:var(--green);color:var(--paper);box-shadow:0 2px 3px #162c1b08}.button-dark:hover{background:#3c6652;box-shadow:0 4px 12px #1b392922}.button-dark svg{transition:transform .25s var(--ease)}.button-dark:hover svg:last-child{transform:translate(2px,-2px)}.button-outline{box-shadow:inset 0 0 0 1px var(--line)}.button-outline:hover{background:var(--soft)}.text-button{display:inline-flex;align-items:center;justify-content:center;gap:9px;font-size:12px;color:var(--green);min-height:40px}.text-button:hover{color:#6e8659}.text-button svg{transition:transform .2s}.text-button:hover svg:last-child{transform:translate(3px)}.eyebrow{font-size:10px;letter-spacing:2px;line-height:1.5;font-weight:500;color:var(--muted)}.site-header{height:104px;display:flex;align-items:center;justify-content:space-between;position:relative}.brand{display:flex;align-items:center;gap:12px}.brand>svg{width:40px;height:40px;stroke:var(--green);stroke-width:1.35;transition:transform .6s var(--ease)}.brand:hover>svg{transform:rotate(-10deg)}.brand-name{font-family:var(--serif);font-weight:600;font-size:24px;letter-spacing:5px;line-height:1.1}.brand-name>span{display:block;font-family:DM Sans,sans-serif;font-weight:500;font-size:8px;letter-spacing:4px;line-height:1;margin-top:9px;margin-left:2px}.main-nav{position:absolute;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:37px}.main-nav>a{font-size:12px;letter-spacing:1.5px;position:relative;padding:15px 3px;color:var(--muted);transition:color .2s}.main-nav>a:hover,.main-nav>a.active{color:var(--green)}.nav-dot{position:absolute;width:3px;height:3px;background:var(--green);border-radius:50%;bottom:3px;left:50%;opacity:0;transform:translateY(3px);transition:opacity .2s,transform .2s}.active .nav-dot{opacity:1;transform:translateY(0)}.header-actions{display:flex;align-items:center;gap:11px}.search-trigger{gap:10px;width:auto;padding:0 9px;border-radius:6px}.search-trigger kbd{font-family:inherit;font-size:10px;border:1px solid var(--line);padding:3px 4px;border-radius:3px;color:var(--muted);letter-spacing:0}.header-divider{height:16px;width:1px;background:var(--line);margin-left:2px}.theme-toggle{position:relative}.theme-icon{position:absolute;display:flex;transition:opacity .25s,scale .25s,filter .25s;scale:1;opacity:1;filter:blur(0)}.theme-icon.hidden-icon{opacity:0;scale:.25;filter:blur(4px)}.write-button{margin-left:7px;gap:9px;min-height:40px;padding-inline:15px}.write-button svg:last-child{margin-left:8px;opacity:.7}.hero{height:456px;position:relative;isolation:isolate;overflow:hidden;border-radius:0;background:transparent;color:#f4f3e7;box-shadow:none}.water-canvas{position:fixed;inset:0;width:100%;height:100dvh;z-index:-1;pointer-events:none}.hero-shade{position:absolute;inset:0;z-index:-1;background:none;pointer-events:none}.hero-content{position:absolute;left:6%;top:45px}.hero-eyebrow{display:flex;align-items:center;gap:10px;font-size:10px;letter-spacing:2px;color:#dce5d6c7}.status-dot{height:5px;width:5px;border-radius:50%;background:#c4d0ac;box-shadow:0 0 9px #d4e8b338}.eyebrow-line{width:34px;height:1px;background:#dce5d643;margin-left:5px}.hero h1{font-family:var(--serif);font-size:62px;font-weight:400;line-height:1.4;letter-spacing:5px;margin-top:22px}.hero-title-em{position:relative}.hero-title-em:after{content:"";position:absolute;height:9px;bottom:-1px;left:0;right:4px;border-top:1px solid #ced9bc70;border-radius:50%}.hero-content>p{font-size:12px;letter-spacing:1px;color:#e1e8dac2;line-height:2.1;margin-top:16px}.hero-button{border-radius:30px;background:#f3f2e8;color:#2a4438;font-size:11px;min-height:39px;gap:24px;padding:0 20px;margin-top:25px;box-shadow:0 3px 20px #092b2120}.hero-button:hover{background:#fff;transform:translateY(-2px)}.hero-button svg{transition:transform .25s}.hero-button:hover svg{transform:translateY(3px)}.hero-edition{position:absolute;top:34px;right:36px;letter-spacing:1.6px;font-size:8px;color:#dbe2d1a6}.hero-edition span{padding:0 7px}.hero-poem{position:absolute;top:142px;left:64%;transform:rotate(-4deg);pointer-events:none}.hero-poem>p{font-family:var(--english-serif);font-size:45px;font-style:italic;font-weight:400;line-height:1.06;letter-spacing:-.6px;color:#f0f0d9db}.hero-poem>span:last-child{display:block;font-size:9px;letter-spacing:2px;margin-top:22px;color:#dde4d3aa;transform:rotate(4deg)}.poem-star{font-size:29px;color:#d3d9b6;position:absolute;right:-36px;top:-26px;font-weight:300}.hero-bottom{position:absolute;bottom:24px;left:6%;right:35px;display:flex;justify-content:space-between;align-items:center}.water-hint{font-size:9px;letter-spacing:1px;color:#d6e0c997;display:flex;align-items:center;gap:8px}.tiny-ripple{font-size:19px;line-height:1;transform:scaleY(.5)}.welcome-strip{display:flex;align-items:center;gap:24px;padding:26px 1px 27px;border-bottom:1px solid var(--line);font-size:11px;letter-spacing:.8px;color:var(--muted)}.welcome-strip>span:first-child{display:flex;align-items:center;gap:10px;color:var(--ink)}.small-star{font-size:21px;color:#7b8c66}.welcome-strip>p{font-size:10px}.welcome-note{margin-left:auto;display:flex;align-items:center;gap:10px;font-size:10px}.welcome-note svg{width:40px;height:20px;fill:none;stroke:#879075;stroke-width:.8}.journal{padding-top:49px;scroll-margin-top:30px}.section-heading{display:flex;align-items:flex-end;gap:28px}.section-heading .eyebrow{font-size:8px;letter-spacing:1.8px}.section-heading h2{font-family:var(--serif);font-weight:500;font-size:26px;letter-spacing:2px;margin-top:9px;line-height:1.4}.section-heading h2>span{font:400 12px DM Sans,sans-serif;letter-spacing:1px;color:#9a9e91;margin-left:10px}.section-heading>p{font-size:10px;letter-spacing:.4px;color:var(--muted);margin-bottom:5px}.view-switch{display:flex;gap:2px;padding:3px;margin-left:auto;border:1px solid var(--line);border-radius:6px}.view-switch button{height:28px;width:30px;border-radius:3px;color:var(--muted)}.view-switch button.selected{background:var(--surface);color:var(--green);box-shadow:0 1px 3px #233b2520}.view-switch button:hover{color:var(--green)}.filter-bar{display:flex;align-items:center;justify-content:space-between;margin-top:25px;border-bottom:1px solid var(--line);padding-bottom:17px;gap:20px}.category-tabs{display:flex;gap:5px;flex-wrap:wrap}.category-tabs>button{font-size:10px;min-height:32px;padding:0 14px;border-radius:5px;letter-spacing:.5px;display:flex;align-items:center;gap:8px;color:var(--muted)}.category-tabs>button.active{background:var(--green-light);color:var(--green);font-weight:500}.category-tabs>button:hover{background:var(--soft);color:var(--green)}.category-tabs>button>span{font-size:9px;opacity:.7}.bookmark-filter{font-size:10px;gap:6px;color:var(--muted);min-height:32px;padding:0 4px;white-space:nowrap}.bookmark-filter:hover,.bookmark-filter.active{color:var(--green)}.posts-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:38px 26px;padding-top:25px}.post-card{display:block;min-width:0}.post-image{aspect-ratio:1.62;position:relative;overflow:hidden;border-radius:7px;background:var(--green-light);outline:1px solid #263b1c08;outline-offset:-1px}.post-image>img{height:100%;transition:transform .7s var(--ease),filter .7s var(--ease);filter:saturate(.65) brightness(.97)}.post-card:hover .post-image>img{transform:scale(1.035);filter:saturate(.85) brightness(1.02)}.image-category{position:absolute;top:13px;left:13px;font-size:9px;letter-spacing:.6px;background:#f8f8ecdf;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:4px;padding:6px 9px;color:#3a4d37;box-shadow:0 1px 5px #1f302611}.card-image-arrow{position:absolute;bottom:13px;right:13px;width:34px;height:34px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#f5f7e9ed;color:#304a36;opacity:0;transform:translate(-5px,5px);transition:opacity .2s,transform .3s}.post-card:hover .card-image-arrow,.post-card:focus-visible .card-image-arrow{opacity:1;transform:translate(0)}.post-info{padding:17px 1px 0}.post-meta{display:flex;align-items:center;gap:9px;font-size:9px;color:var(--muted);letter-spacing:.4px;font-variant-numeric:tabular-nums}.post-meta>span:nth-child(2){font-size:8px}.post-info h3{display:flex;align-items:center;justify-content:space-between;font-family:var(--serif);font-size:19px;line-height:1.6;font-weight:500;letter-spacing:.4px;margin-top:9px;gap:8px;transition:color .2s}.post-card:hover h3{color:#6d8056}.post-info h3>svg{opacity:0;transform:translate(-3px,3px);transition:opacity .2s,transform .2s;color:var(--muted)}.post-card:hover h3>svg{opacity:1;transform:translate(0)}.post-info>p{font-size:10px;line-height:2;color:var(--muted);margin-top:8px;letter-spacing:.35px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.read-link{font-size:9px;display:inline-flex;align-items:center;gap:8px;margin-top:15px;color:var(--green);opacity:.85;letter-spacing:.6px}.read-link svg{transition:transform .25s}.post-card:hover .read-link svg{transform:translate(5px)}.generated-cover{background:#dae0cf;display:flex;align-items:center;justify-content:center;flex-direction:column}.generated-cover>svg{width:100px;height:100px;stroke:#607b58;stroke-width:.6;opacity:.8}.generated-cover>span:not(.image-category):not(.card-image-arrow){font-family:var(--english-serif);font-style:italic;font-size:22px;letter-spacing:.4px;color:#435a3f;margin-top:-4px}.generated-cover>i{position:absolute;bottom:15px;font-size:7px;letter-spacing:2px;color:#61735a;font-style:normal}.code-cover{background:#dde4d8;background-image:radial-gradient(#647a5b32 .6px,transparent .6px);background-size:12px 12px}.garden-cover{background:#e4dfd1;background-image:radial-gradient(ellipse at 65% 25%,#f6f3e1,transparent 60%)}.garden-cover>svg{stroke:#7e8164}.garden-cover>span:not(.image-category):not(.card-image-arrow){color:#77775a}.posts-list{grid-template-columns:1fr;gap:0}.post-list-item{display:grid;grid-template-columns:210px 1fr;gap:28px;padding:22px 0;border-bottom:1px solid var(--line)}.post-list-item .post-image{aspect-ratio:1.6}.post-list-item .post-info{padding:4px 0}.post-list-item .post-info h3{justify-content:initial;gap:18px;font-size:22px}.post-list-item .post-info>p{max-width:650px}.post-list-item .generated-cover>svg{width:65px;height:65px}.post-list-item .generated-cover>span:not(.image-category):not(.card-image-arrow){font-size:16px}.post-list-item .generated-cover>i{display:none}.journal-end{display:flex;align-items:center;justify-content:center;gap:16px;margin:53px auto 50px;color:#a0a491;font-size:9px;letter-spacing:1px}.journal-end>span:first-child,.journal-end>span:last-child{width:50px;height:1px;background:var(--line)}.end-flower{font-size:15px;display:inline-block;margin-left:7px;vertical-align:-2px;color:#83916e}.writing-invitation{border:1px solid var(--line);border-radius:9px;display:flex;align-items:center;gap:27px;padding:34px 40px;background:var(--surface);margin-bottom:66px;position:relative;overflow:hidden}.invitation-mark{position:relative;display:flex;align-items:center;justify-content:center;width:70px;height:70px;border-radius:50%;background:var(--green-light)}.invitation-mark>svg{width:45px;height:45px;stroke:#6c825e;stroke-width:1}.writing-invitation .eyebrow{font-size:8px;letter-spacing:1.3px}.writing-invitation h2{font-size:21px;letter-spacing:1px;font-family:var(--serif);font-weight:500;margin-top:8px}.writing-invitation p{font-size:10px;color:var(--muted);letter-spacing:.5px;line-height:1.7;margin-top:8px}.writing-invitation>.button{margin-left:auto;gap:23px;min-height:41px;font-size:10px}.site-footer{border-top:1px solid var(--line);padding-top:29px;padding-bottom:27px}.footer-top{display:flex;align-items:center;gap:27px}.footer-brand>svg{width:29px;height:29px}.footer-brand .brand-name{font-size:17px;letter-spacing:3px}.footer-brand .brand-name>span{font-size:6px;letter-spacing:2.7px;margin-top:6px}.footer-top>p{font-size:10px;letter-spacing:.5px;color:var(--muted)}.footer-top>button{margin-left:auto;font-size:9px;color:var(--muted)}.footer-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:30px;font-size:8px;color:var(--muted);letter-spacing:.4px}.footer-separator{padding:0 10px}.footer-bottom>span:nth-child(2){display:flex;gap:13px;align-items:center;font-size:9px;font-family:var(--english-serif);font-style:italic;letter-spacing:.8px;margin-left:-45px}.footer-dot{width:4px;height:4px;background:#809066;border-radius:50%}.back-top{display:flex;align-items:center;gap:8px}.back-top:hover{color:var(--green)}.mobile-write{display:none!important}.empty-state{min-height:260px;display:flex;align-items:center;justify-content:center;flex-direction:column;color:var(--muted);gap:15px;text-align:center}.empty-state h3{font-family:var(--serif);font-size:22px;font-weight:400;color:var(--ink)}.empty-state p{font-size:12px;line-height:1.9}.empty-state .text-button{margin-top:8px}.modal{border:none;color:var(--ink);background:var(--surface);padding:0;border-radius:14px;box-shadow:0 20px 90px #15231a30,0 0 0 1px #ffffff18;max-height:85dvh;max-width:calc(100% - 32px);animation:modal-in .22s var(--ease);overscroll-behavior:contain}.modal::backdrop{background:#1e2e2555;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}@keyframes modal-in{0%{opacity:0;transform:translateY(7px) scale(.99)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-heading{display:flex;align-items:center;justify-content:space-between;gap:15px}.modal-heading h2{font-family:var(--serif);font-size:24px;font-weight:500;margin-top:9px;letter-spacing:1px}.delete-post-modal{width:480px;padding:30px}.delete-post-modal .eyebrow{font-size:9px;letter-spacing:1.7px}.delete-post-title{margin:20px 0 12px;font-family:var(--serif);font-size:18px;line-height:1.8;overflow-wrap:anywhere}.delete-post-description{margin:0;color:var(--muted);font-size:12px;line-height:1.9}.delete-post-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:28px;padding-top:22px;border-top:1px solid var(--line)}.delete-post-actions>.button{font-size:12px}.button-danger{color:#fff9f4;background:#98594c;border:1px solid #98594c}.button-danger:hover{background:#824a3f}.delete-article{color:#a56656}.delete-article:hover{color:#8e4335}.delete-post-error{padding:12px 14px;border-radius:6px;color:#a15a47;background:color-mix(in srgb,#b9765a 9%,transparent);font-size:12px;line-height:1.8}.posts-load-error{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-block:12px;color:var(--ink);font-size:12px;line-height:1.8}.posts-load-error>p{margin:0}.posts-load-error .text-button{flex-shrink:0}.post-pagination{display:flex;justify-content:center;align-items:center;gap:26px;margin:45px 0 0;font-size:11px;color:var(--muted)}.post-pagination .text-button{min-height:40px;font-size:12px}.post-pagination button:disabled{opacity:.35;cursor:default}.public-site-link{font-size:11px;white-space:nowrap}@media(max-width:1100px){.public-site-link{display:none}}@media(max-width:600px){.delete-post-modal{padding:24px}.delete-post-modal .modal-heading h2{font-size:22px}.article-topline>div{flex-wrap:wrap;justify-content:flex-end}.posts-load-error{align-items:flex-start;flex-direction:column;gap:8px}}.search-modal{width:570px;margin-top:min(19vh,150px)}.search-input-wrap{display:flex;align-items:center;gap:13px;padding:14px 20px;border-bottom:1px solid var(--line);color:var(--green)}.search-input-wrap input{min-width:0;flex:1;border:none;background:transparent;color:var(--ink);outline:none;font-size:13px;padding:10px 0}.search-input-wrap input:focus-visible{outline:none}.search-input-wrap input::placeholder{color:var(--muted)}.search-results{padding:18px 16px;max-height:55vh;overflow-y:auto}.search-caption{font-size:9px;letter-spacing:.5px;color:var(--muted);padding:0 10px 12px}.search-results>a{display:flex;align-items:center;justify-content:space-between;padding:13px 12px;border-radius:7px}.search-results>a:hover,.search-results>a:focus-visible{background:var(--soft)}.search-results>a small{display:block;font-size:9px;color:var(--muted);margin-bottom:6px}.search-results>a strong{font-size:13px;font-weight:500}.search-results>a>svg{color:var(--muted)}.search-results .empty-state{min-height:160px}.search-footer{display:flex;align-items:center;justify-content:space-between;padding:12px 25px;border-top:1px solid var(--line);font-size:9px;color:var(--muted)}.search-footer kbd{font-family:inherit;border:1px solid var(--line);padding:1px 4px;border-radius:3px;margin-right:5px}.toast{position:fixed;bottom:34px;left:50%;transform:translate(-50%,15px);opacity:0;pointer-events:none;z-index:1000;background:var(--green);color:var(--paper);padding:14px 22px;box-shadow:0 5px 30px #1f34252a;border-radius:8px;display:flex;align-items:center;gap:10px;font-size:12px;transition:opacity .22s,transform .3s var(--ease);max-width:calc(100vw - 24px);line-height:1.6}.toast-visible{opacity:1;transform:translate(-50%)}.page-loading{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:15px;min-height:80vh;color:var(--muted);font-size:12px}.page-loading svg{width:50px;height:50px;stroke:var(--green);stroke-width:1}.reading-progress{position:fixed;top:0;left:0;height:2px;background:#859766;z-index:30;transition:width .1s linear}.article-page{padding-bottom:70px;max-width:1120px}.article-topline{display:flex;align-items:center;justify-content:space-between;margin:8px 0 40px}.article-topline>div{display:flex;align-items:center;gap:5px}.article-topline .text-button{font-size:11px}.edit-article{margin-left:15px}.article-heading{max-width:760px;margin:0 auto 35px}.category-label{font-size:10px;letter-spacing:1px;color:var(--green);display:inline-flex;background:var(--green-light);padding:7px 12px;border-radius:4px}.article-heading h1{font-family:var(--serif);font-size:41px;line-height:1.6;font-weight:500;letter-spacing:2px;margin-top:18px}.article-heading>p{font-size:13px;line-height:2;color:var(--muted);margin-top:18px;max-width:660px}.article-author{display:flex;align-items:center;gap:13px;margin-top:27px;font-size:10px;color:var(--muted)}.author-avatar{width:31px;height:31px;border-radius:50%;background:#dce1cc;color:#687354;display:flex;align-items:center;justify-content:center;font-family:var(--english-serif);font-style:italic;font-size:23px}.author-divider{margin:0 12px;opacity:.5}.meta-dot{margin:0 8px;opacity:.6}.article-cover{height:390px;border-radius:9px;filter:saturate(.65);outline:1px solid #293a2310;outline-offset:-1px}.prose{font-family:var(--serif);font-size:15px;font-weight:400;line-height:2.15;color:var(--ink);overflow-wrap:anywhere}.reading-prose{max-width:720px;margin:54px auto 30px}.prose>p{margin:0 0 24px;letter-spacing:.5px}.prose h1{font-size:31px;font-weight:500;line-height:1.6;margin:40px 0 22px}.prose h2{font-size:24px;font-weight:500;line-height:1.65;margin:40px 0 20px;letter-spacing:.6px}.prose h3{font-size:20px;font-weight:500;margin:30px 0 16px}.prose ul,.prose ol{padding-left:25px;margin:22px 0}.prose li{padding-left:5px;margin-bottom:7px}.prose li p{margin:0}.prose blockquote{border-left:2px solid #9da68b;padding:9px 24px;margin:31px 0;background:var(--green-light);font-style:normal;color:var(--green);border-radius:0 6px 6px 0;font-size:15px}.prose blockquote p{margin:5px 0}.prose code{font-family:Cascadia Code,Consolas,monospace;font-size:.85em;background:var(--soft);padding:3px 6px;border-radius:3px}.prose pre{background:#26352c;color:#dce7d0;font-family:Cascadia Code,Consolas,monospace;padding:24px;overflow-x:auto;border-radius:8px;font-size:12px;line-height:1.9;margin:28px 0}.prose pre code{padding:0;background:transparent;color:inherit;font-size:inherit;white-space:pre}.prose a{color:var(--green);text-decoration:underline;text-decoration-color:#91a17a;text-underline-offset:4px}.prose a:hover{text-decoration-thickness:2px}.prose hr{border:0;border-top:1px solid var(--line);margin:40px 0}.prose img{height:auto;max-width:100%;border-radius:6px;margin:25px auto}.prose table{width:100%;border-collapse:collapse;display:block;overflow-x:auto;margin:26px 0;font-family:DM Sans,Microsoft YaHei,sans-serif;font-size:12px}.prose td,.prose th{padding:8px 15px;border:1px solid var(--line);min-width:110px}.prose th{background:var(--soft);font-weight:500}.prose input[type=checkbox]{accent-color:var(--green);margin-right:8px}.prose .contains-task-list{padding-left:0;list-style:none}.article-signoff{display:flex;flex-direction:column;align-items:center;gap:15px;padding:44px 0 23px;font-family:DM Sans,Microsoft YaHei,sans-serif;color:var(--muted);font-size:10px;letter-spacing:2px}.article-signoff svg{width:45px;height:45px;stroke:#859577;stroke-width:.9}.article-bottom{max-width:720px;margin:0 auto;padding:26px 0;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;font-size:11px;color:var(--muted)}.article-bottom .button{font-size:10px;min-height:38px}.is-bookmarked{color:var(--green);background:var(--green-light)}.next-post{max-width:720px;margin:38px auto 0;display:flex;align-items:center;justify-content:space-between;padding:25px 30px;border-radius:8px;background:var(--green-light)}.next-post small{font-size:10px;color:var(--muted)}.next-post h2{font-family:var(--serif);font-size:22px;font-weight:500;margin-top:10px}.next-post>svg{transition:transform .25s;color:var(--green)}.next-post:hover>svg{transform:translate(6px)}.inner-page-heading{text-align:center;padding:60px 0 65px}.inner-page-heading h1{font-family:var(--serif);font-weight:400;font-size:44px;letter-spacing:3px;margin-top:19px}.inner-page-heading h1>span{display:inline-block;color:#8a9b70;font-size:30px;vertical-align:top;margin:-5px 0 0 12px}.inner-page-heading>p{font-size:12px;color:var(--muted);margin-top:23px;letter-spacing:1px}.notes-page{padding-bottom:50px;max-width:1120px}.notes-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}.note-card{padding:28px 27px 26px;border-radius:5px;min-height:280px;display:flex;flex-direction:column;transition:transform .3s var(--ease);box-shadow:0 3px 6px #25371d03}.note-card:hover{transform:translateY(-4px)}.note-sage{background:#e9eddf;color:#4a5d42}.note-cream{background:#f0eade;color:#6f644d}.note-pink{background:#f0e4df;color:#7d655d}.note-top{display:flex;align-items:center;justify-content:space-between;opacity:.65;font-size:9px;letter-spacing:1px}.note-card>p{font-family:var(--serif);font-size:16px;line-height:2;white-space:pre-line;margin-top:24px;margin-bottom:25px;letter-spacing:.5px}.note-tag{margin-top:auto;font-size:9px;opacity:.65;letter-spacing:1px}.notes-ending{text-align:center;margin-top:52px;color:var(--muted)}.notes-ending>span{font-size:30px;letter-spacing:6px}.notes-ending>p{font-size:11px;margin-top:15px;letter-spacing:1px}.about-page{display:grid;grid-template-columns:1fr 1fr;gap:85px;padding-top:50px;padding-bottom:90px;max-width:1120px}.about-picture{position:relative;min-height:680px;border-radius:8px;overflow:hidden}.about-picture>img{height:100%;position:absolute;inset:0;filter:saturate(.5) brightness(.7)}.about-picture-caption{position:absolute;bottom:40px;left:40px;right:40px;color:#edf0db;display:flex;align-items:center;gap:20px}.about-picture-caption svg{width:49px;height:49px;stroke:currentColor;stroke-width:1}.about-picture-caption span{font-family:var(--english-serif);font-size:29px;font-style:italic;line-height:1.1}.about-content{padding-top:30px}.about-content>h1{font-family:var(--serif);font-size:44px;line-height:1.6;letter-spacing:2px;font-weight:400;margin-top:22px}.about-content>p{font-size:12px;line-height:2.3;letter-spacing:.5px;color:var(--muted);margin-top:24px}.about-content>p.about-lead{color:var(--ink);margin-top:29px}.about-content>blockquote{font-family:var(--serif);font-size:21px;font-weight:400;line-height:1.9;margin:30px 0;padding-left:20px;border-left:1px solid #a4ae90;color:var(--green)}.about-signature{font-family:var(--english-serif);font-size:38px;font-style:italic;margin-top:25px}.about-signature span{display:inline-block;font-family:DM Sans,Microsoft YaHei,sans-serif;font-size:9px;letter-spacing:1px;color:var(--muted);font-style:normal;margin-left:20px}.about-content>.text-button{margin-top:28px;font-size:11px}.not-found{min-height:65vh;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:25px;text-align:center;padding:40px 20px}.not-found>svg{width:80px;height:80px;stroke:#9cab8b;stroke-width:1}.not-found h1{font-family:var(--serif);font-size:32px;font-weight:400}.not-found p{font-size:12px;color:var(--muted)}.not-found .button{margin-top:12px}@media(min-width:1600px){.site-header{height:116px}.hero{height:510px}.hero-content{top:50px}.hero h1{font-size:72px}.hero-poem{top:170px}.hero-poem>p{font-size:54px}.hero-content>p{font-size:13px;margin-top:20px}.hero-button{margin-top:29px;min-height:43px}.hero-bottom{bottom:25px}.hero-edition{top:36px}.welcome-strip{padding-block:30px}.journal{padding-top:55px}}@media(max-width:1100px){.page-width{width:calc(100% - 64px)}.site-header{height:90px}.main-nav{gap:23px;left:47%}.search-trigger kbd{display:none}.header-actions{gap:5px}.write-button{padding-inline:12px}.hero{height:430px}.hero h1{font-size:56px}.hero-content{left:6%;top:38px}.hero-poem{left:64%;top:150px}.hero-poem>p{font-size:36px}.hero-poem>span:last-child{font-size:8px;letter-spacing:1px}.hero-edition{right:26px;font-size:7px}.post-info h3{font-size:17px;letter-spacing:0}.posts-grid{gap:33px 20px}.post-info>p{font-size:10px}.section-heading>p{font-size:9px}.writing-invitation{padding:30px;gap:20px}.writing-invitation h2{font-size:20px}.about-page{gap:45px}.about-picture{min-height:660px}.about-content>h1{font-size:37px}.about-content{padding-top:15px}}@media(max-width:760px){.page-width{width:calc(100% - 36px)}.site-header{height:82px}.brand{gap:8px}.brand>svg{width:32px;height:32px}.brand-name{font-size:21px;letter-spacing:4px}.brand-name>span{font-size:6px;letter-spacing:3.6px;margin-top:7px}.main-nav{position:static;transform:none;gap:19px;margin-left:15px}.main-nav>a{font-size:11px;letter-spacing:0}.header-divider,.write-button,.search-trigger kbd{display:none}.header-actions{gap:0}.header-actions>.icon-button{width:35px;height:40px}.hero{height:510px;border-radius:9px}.hero-content{left:8%;top:39px}.hero-eyebrow{font-size:9px;letter-spacing:1px}.hero h1{font-size:58px;margin-top:29px;line-height:1.42;letter-spacing:4px}.hero-content>p{font-size:11px;line-height:2.2;margin-top:21px}.hero-button{min-height:40px;margin-top:27px;font-size:10px}.hero-edition{right:24px;top:25px;font-size:6px;letter-spacing:1px;display:none}.hero-poem{inset:auto 33px 100px auto;opacity:.6}.hero-poem>p{font-size:28px}.hero-poem>span:last-child{display:none}.poem-star{font-size:21px;right:-12px;top:-23px}.hero-bottom{left:8%;right:7%;bottom:24px}.water-hint{font-size:8px;letter-spacing:.3px;gap:5px}.welcome-strip{padding:23px 2px;gap:0;justify-content:space-between}.welcome-strip>span:first-child{font-size:10px;gap:8px}.welcome-strip>p{display:none}.welcome-note{font-size:8px;letter-spacing:0;gap:3px}.welcome-note svg{width:30px}.journal{padding-top:35px}.section-heading{gap:0}.section-heading h2{font-size:24px;margin-top:7px}.section-heading .eyebrow{font-size:7px;letter-spacing:1.5px}.section-heading>p{display:none}.section-heading h2>span{font-size:11px}.filter-bar{margin-top:22px;padding-bottom:14px;gap:7px}.category-tabs{gap:1px;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}.category-tabs>button{font-size:9px;padding:0 10px;min-height:31px;white-space:nowrap;flex-shrink:0}.bookmark-filter{padding-inline:3px;width:30px;flex-shrink:0}.bookmark-filter>span{display:none}.posts-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 16px;padding-top:20px}.post-image{aspect-ratio:1.3;border-radius:5px}.image-category{font-size:8px;top:9px;left:9px;padding:5px 6px;letter-spacing:0}.post-info{padding-top:13px}.post-meta{font-size:8px;gap:5px;letter-spacing:0}.post-info h3{font-size:16px;line-height:1.7;margin-top:7px}.post-info h3>svg{display:none}.post-info>p{font-size:9px;line-height:1.9;margin-top:7px;letter-spacing:0}.read-link{font-size:8px;margin-top:12px}.generated-cover>svg{width:65px;height:65px}.generated-cover>span:not(.image-category):not(.card-image-arrow){font-size:16px;text-align:center;max-width:120px}.generated-cover>i{font-size:5px;bottom:10px;letter-spacing:1.5px}.journal-end{margin:37px 0;font-size:8px;gap:10px}.journal-end>span:first-child,.journal-end>span:last-child{width:35px}.writing-invitation{padding:26px 23px;gap:18px;flex-wrap:wrap;margin-bottom:40px}.invitation-mark{width:46px;height:46px}.invitation-mark>svg{width:32px;height:32px}.writing-invitation>div:nth-child(2){flex:1}.writing-invitation h2{font-size:17px;line-height:1.7;letter-spacing:.3px}.writing-invitation .eyebrow{font-size:6px;letter-spacing:1px}.writing-invitation p{font-size:9px;letter-spacing:0;line-height:1.8;margin-top:6px}.writing-invitation>.button{margin-left:64px;min-height:36px;gap:20px;font-size:9px;padding:0 15px}.site-footer{padding:25px 0 22px}.footer-top{gap:18px;flex-wrap:wrap}.footer-top>p{font-size:8px;letter-spacing:0}.footer-top>button{font-size:8px;gap:5px}.footer-top>button svg{width:11px}.footer-brand{gap:7px}.footer-brand>svg{width:25px;height:25px}.footer-brand .brand-name{font-size:15px;letter-spacing:3px}.footer-brand .brand-name>span{font-size:5px;letter-spacing:2.6px;margin-top:5px}.footer-bottom{font-size:7px;margin-top:26px;gap:15px;line-height:1.8;flex-wrap:wrap}.footer-bottom>span:nth-child(2){margin:3px 0 0;font-size:9px;order:3;width:100%;justify-content:center}.footer-separator{padding-inline:7px}.back-top{margin-left:auto;font-size:7px;gap:4px}.mobile-write{position:fixed;z-index:20;right:20px;bottom:22px;width:46px;height:46px;border-radius:50%;background:var(--green);color:var(--paper);box-shadow:0 3px 16px #234a3033;display:flex!important;align-items:center;justify-content:center}.editor-page~.mobile-write{display:none!important}.posts-list{grid-template-columns:1fr;gap:0}.post-list-item{grid-template-columns:115px 1fr;gap:16px;padding:18px 0}.post-list-item .post-image{aspect-ratio:1}.post-list-item .post-info h3{font-size:16px;line-height:1.6;margin-top:5px}.post-list-item .post-info>p{-webkit-line-clamp:1}.post-list-item .read-link{margin-top:9px}.post-list-item .image-category{font-size:7px;top:6px;left:6px;padding:4px}.post-list-item .generated-cover>svg{width:40px;height:40px}.post-list-item .generated-cover>span:not(.image-category):not(.card-image-arrow){font-size:13px}.toast{font-size:10px;bottom:80px;padding:12px 16px;white-space:normal;width:max-content}.article-page{padding-bottom:40px}.article-topline{margin:0 0 28px}.article-topline .text-button{font-size:10px}.edit-article{margin-left:4px}.article-topline .icon-button{width:34px}.article-heading h1{font-size:30px;letter-spacing:1px;line-height:1.6;margin-top:18px}.article-heading>p{font-size:12px;line-height:2;letter-spacing:.2px}.article-heading{margin-bottom:26px}.article-author{font-size:9px;margin-top:22px}.article-cover{height:245px;border-radius:6px}.reading-prose{margin:33px auto 20px;padding:0 9px}.prose{font-size:14px;line-height:2.1}.prose h2{font-size:22px;margin-top:33px}.prose h3{font-size:18px}.prose blockquote{padding:9px 17px;font-size:14px}.prose pre{padding:18px;font-size:11px;margin-inline:-9px}.article-bottom{font-size:10px;margin-inline:9px}.article-bottom .button{font-size:9px;padding-inline:13px}.next-post{padding:21px;margin-top:25px}.next-post h2{font-size:19px;line-height:1.7}.next-post>svg{width:21px}.article-signoff{padding:30px 0 20px;font-size:9px}.inner-page-heading{padding:41px 0}.inner-page-heading h1{font-size:30px;letter-spacing:1px}.inner-page-heading h1>span{font-size:24px;margin-left:8px}.inner-page-heading>p{font-size:10px;line-height:1.8;padding-inline:20px;letter-spacing:.4px;margin-top:18px}.inner-page-heading>.eyebrow{font-size:8px}.notes-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.note-card{padding:21px 18px;min-height:275px}.note-card>p{font-size:13px;line-height:2;margin-top:20px}.note-top{font-size:7px;letter-spacing:.4px}.note-top>svg{width:13px}.note-tag{font-size:8px;letter-spacing:.4px}.notes-ending{margin-top:30px}.notes-ending>p{font-size:9px}.notes-page{padding-bottom:35px}.about-page{display:flex;flex-direction:column;gap:0;padding-top:15px;padding-bottom:45px}.about-picture{min-height:280px}.about-picture-caption{bottom:28px;left:27px;gap:17px}.about-picture-caption svg{width:40px;height:40px}.about-picture-caption span{font-size:27px}.about-content{padding:39px 15px 0}.about-content>h1{font-size:36px;margin-top:20px}.about-content>.eyebrow{font-size:9px}.about-content>p{font-size:12px;line-height:2.2}.about-content>blockquote{font-size:21px;margin-top:28px}.about-signature{font-size:35px}.about-signature span{font-size:9px}.not-found h1{font-size:26px}.search-modal{margin-top:12vh}.search-input-wrap{padding-inline:15px;gap:10px}.search-input-wrap input{font-size:12px}.search-results>a strong{font-size:12px}}@media(max-width:390px){.main-nav{gap:13px;margin-left:7px}.hero h1{font-size:52px}.hero-poem{right:25px;bottom:107px}.hero-poem>p{font-size:24px}.hero-content{left:8%}.hero-bottom{left:7%;right:6%}.water-hint{font-size:7px}.category-tabs>button{padding-inline:8px}.post-info h3{font-size:15px}.footer-top{gap:12px}.footer-top>p{font-size:7px}.writing-invitation{padding-inline:19px}.note-card{padding:19px 16px}.note-card>p{font-size:12px}}@media(max-width:760px){.writing-invitation{display:grid;grid-template-columns:46px minmax(0,1fr);gap:18px;align-items:center}.writing-invitation>div:nth-child(2){min-width:0}.writing-invitation>.button{grid-column:2;margin-left:0;justify-self:start}.writing-invitation .eyebrow{white-space:nowrap}.writing-invitation h2,.writing-invitation p{text-wrap:initial}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.sound-bars i{animation:none}.post-card:hover .post-image>img{transform:none}.note-card:hover{transform:none}}.home-water .site-header{color:#e8efdd;--ink: #e8efdd;--green: #e0ead1;--muted: #d3dec6ad;--line: #dae5cc33;--soft: #edf4d916}.home-water .site-header .button-dark{background:#eff3e5;color:#305044}.home-water .hero-content,.home-water .hero-bottom{left:3%}.home-water .welcome-strip{padding-top:60px;color:#627e73;--ink: #34584a;--muted: #627e73;border-bottom-color:#799b8a30}.home-water .journal{--muted: #71877f;--line: #77958c35;--green-light: #dbeae1;--soft: #dfede6}:root[data-theme=dark] .home-water .welcome-strip{--ink: #d8e5dc;color:#b0c7bc}:root[data-theme=dark] .home-water .journal{--muted: #a0b6ac;--line: #57786a55;--green-light: #31483c;--soft: #2c4339}.post-info{text-shadow:0 1px 12px #eff8f338}@media(max-width:600px){.header-actions{gap:4px}.logout-button{width:31px}.home-water .hero-content,.home-water .hero-bottom{left:2%}}