:root{--ink:#192137;--ink-soft:#5e6070;--paper:#f8f4ed;--surface:#fffdf9;--pink:#f28ba7;--lavender:#8f88e8;--teal:#65c1c4;--line:#e8e0d8;--serif:Georgia,"Songti SC",serif;background:var(--paper);color:var(--ink);font-family:Avenir Next,PingFang SC,Microsoft YaHei,sans-serif;font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);margin:0;min-width:320px}a{text-decoration:none}a,button{color:inherit}button{cursor:pointer;font:inherit}button:disabled{cursor:wait;opacity:.5}.prose img{border-radius:12px;display:block;height:auto;margin:20px 0;max-width:100%}.diary-fields{display:grid;gap:14px;grid-template-columns:1.25fr 1fr 1fr;margin-bottom:24px}.diary-fields label{margin:0;min-width:0}.diary-fields .diary-title{grid-column:1/-1}.diary-fields input{font-size:14px;min-width:0}.diary-fields input[readonly]{background:var(--paper);color:var(--ink-soft)}.diary-meta{color:var(--ink-soft);display:flex;flex-wrap:wrap;font-size:13px;gap:9px 18px;margin:12px 0 22px}.article-page .diary-meta{margin-bottom:36px;margin-top:-22px}.editor-toolbar{align-items:center;border-block:1px solid var(--line);display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:14px;padding:12px 0}.editor-tabs{display:flex;gap:6px}.editor-toolbar button{background:transparent;border:0;border-radius:16px;color:var(--ink-soft);font-size:12px;padding:8px 13px}.editor-tabs button.active{background:var(--ink);color:var(--paper)}.editor-toolbar .upload-button{background:#edeaf9;color:#625bb0}.editor-toolbar input[hidden]{display:none}.editor-preview{min-height:280px;overflow-wrap:anywhere;padding:12px 0 20px}.editor-hint{color:#8c8691;font-size:11px;line-height:1.8;margin:10px 0 18px}.markdown-editor{min-width:0}.habit-row input{height:1px;margin:0;padding:0;width:1px}@media(max-width:480px){.diary-fields{gap:12px;grid-template-columns:1.4fr 1fr}.diary-fields label:last-child{grid-column:1/-1}}.site-shell{background:linear-gradient(135deg,#fbf7f0,#f7f3ec 55%,#eeeafb);min-height:100vh;overflow:hidden}.wrap{margin-inline:auto;width:min(1120px,calc(100% - 48px))}.site-header{gap:32px;justify-content:space-between;min-height:86px}.brand,.site-header{align-items:center;display:flex}.brand{font-weight:700;gap:12px;letter-spacing:.08em}.brand small{color:var(--ink-soft);display:block;font-size:10px;font-weight:400;letter-spacing:.03em;margin-top:4px}.brand-mark{background:var(--ink);border-radius:14px;color:var(--paper);display:grid;font-family:var(--serif);font-size:20px;height:38px;place-items:center;width:38px}.brand-mark span{color:var(--pink);font-size:11px;position:absolute;transform:translate(9px,-12px)}nav{align-items:center;color:var(--ink-soft);display:flex;font-size:14px;gap:26px}nav a{transition:color .2s ease}.studio-entry,nav a.router-link-active,nav a:hover{color:var(--ink)}.studio-entry{background:#fffaf4aa;border:1px solid var(--line);border-radius:18px;padding:10px 15px}.hero{align-items:center;background:var(--ink);border-radius:26px;color:var(--paper);display:grid;grid-template-columns:1.05fr .95fr;min-height:474px;overflow:hidden;position:relative}.hero:after{background-image:radial-gradient(#8f88e844 1px,transparent 0);background-size:16px 16px;content:"";inset:0;opacity:.35;pointer-events:none;position:absolute}.hero-copy{padding:70px;position:relative;z-index:1}.eyebrow{color:#8d899b;font-size:11px;letter-spacing:.16em;text-transform:uppercase}.eyebrow.light{color:#b7b3d6}.eyebrow span{color:var(--pink)}h1,h2,h3,p{margin-top:0}.hero h1{font:400 clamp(36px,5vw,60px)/1.17 var(--serif);letter-spacing:.02em;margin:24px 0 18px;max-width:590px}.hero p{color:#d4d0e0;font-size:16px;line-height:1.9}.hero-button{align-items:center;background:var(--pink);border-radius:22px;color:var(--surface);display:inline-flex;font-size:14px;gap:20px;margin-top:24px;padding:14px 19px}.hero-button span{font-size:18px}.hero-about{color:#c8c4da;font-size:13px;margin-left:22px}.hero-art{align-self:stretch;overflow:hidden;position:relative;z-index:1}.moon{background:var(--paper);border-radius:50%;box-shadow:-25px -13px #34325d;height:148px;opacity:.94;right:16%;top:19%;width:148px}.moon,.orbit{position:absolute}.orbit{border:1px solid #8f88e877;border-radius:50%;transform:rotate(-18deg)}.orbit-one{height:160px;right:3%;top:26%;width:370px}.orbit-two{border-color:#f28ba766;height:210px;right:-1%;top:21%;transform:rotate(26deg);width:400px}.star{color:var(--pink);font-size:26px;position:absolute}.star-one{right:32%;top:14%}.star-two{color:var(--teal);right:11%;top:39%}.star-three{color:var(--lavender);right:23%;top:59%}.garden-hill{border-radius:50% 50% 0 0;position:absolute;transform:rotate(-9deg)}.hill-one{background:#34325d;bottom:-100px;height:180px;right:-20px;width:420px}.hill-two{background:#242849;bottom:-70px;height:125px;right:170px;width:330px}.hill-three{background:#4d4775;bottom:-50px;height:92px;right:360px;width:220px}.art-caption{bottom:38px;color:#b7b3d6;font-size:10px;letter-spacing:.14em;position:absolute;right:8%}.feed-section{padding:88px 34px 110px}.section-heading{align-items:end;display:flex;gap:24px;justify-content:space-between;margin-bottom:45px}.section-heading h2{font:400 35px var(--serif);margin:10px 0 0}.section-heading h2 span{color:var(--pink);font-size:18px;margin-left:12px}.filter-group{display:flex;gap:5px}.filter-group button{background:transparent;border:0;border-radius:20px;color:var(--ink-soft);font-size:13px;padding:9px 13px}.filter-group button.selected{background:var(--ink);color:var(--paper)}.timeline{margin:auto;max-width:920px}.timeline-item{display:grid;gap:30px;grid-template-columns:110px 1fr;min-height:170px;position:relative}.timeline-item:before{background:var(--line);bottom:-8px;content:"";left:109px;position:absolute;top:6px;width:1px}.timeline-date{color:#86818e;font:14px var(--serif);padding-top:1px;position:relative}.timeline-dot{background:var(--pink);border-radius:50%;box-shadow:0 0 0 5px var(--paper);height:9px;position:absolute;right:-35px;top:4px;width:9px}.timeline-item:nth-child(3n+2) .timeline-dot{background:var(--lavender)}.timeline-item:nth-child(3n) .timeline-dot{background:var(--teal)}.timeline-content{padding-bottom:42px}.timeline-content .eyebrow{letter-spacing:.06em;text-transform:none}.timeline-content h2{font:400 28px/1.35 var(--serif);margin:13px 0 10px}.timeline-content h2 a:hover{color:var(--lavender)}.prose{color:#474656;font-size:16px;line-height:1.95}.prose p:last-child{margin-bottom:0}.feed-prose{font-size:15px;max-width:680px}.read-link{color:#85808e;display:inline-block;font-size:12px;margin-top:15px}.read-link span{color:var(--pink);font-size:16px}.empty-garden{border:1px dashed #d6cedf;border-radius:20px;color:var(--ink-soft);padding:65px 24px;text-align:center}.empty-garden>span{color:var(--pink);font-size:28px}.empty-garden h3{color:var(--ink);font:400 28px var(--serif);margin:18px 0 8px}.empty-garden p{font-size:14px}.empty-garden a{color:var(--lavender);font-size:14px}.more-button{display:block;margin:25px auto 0}.button{border:0;border-radius:22px;padding:11px 18px}.button.secondary{background:transparent;border:1px solid var(--line);font-size:13px}.button:disabled{cursor:wait;opacity:.5}.notice{background:#fff8;border-radius:13px;font-size:14px;margin:20px 0;padding:16px}.notice.error{color:#a0435e}.notice button{background:transparent;border:0;color:var(--lavender);text-decoration:underline}.article-page{max-width:800px;padding:86px 0 130px}.back-link{color:#85808e;display:inline-block;font-size:13px;margin-bottom:65px}.article-page h1{font:400 clamp(40px,7vw,62px)/1.18 var(--serif);margin:18px 0 42px}.article-page .prose{font-size:18px}.article-page .prose h2{font:400 30px var(--serif);margin-top:45px}.article-page .prose a{color:#7770d5;text-decoration:underline}.article-end{color:var(--pink);font-size:26px;margin:70px 0 0;text-align:center}.site-footer{color:#8a8490;display:flex;font-size:11px;gap:18px;justify-content:space-between;letter-spacing:.04em;padding:20px 0 40px}.mobile-only{display:none}@media(max-width:760px){.wrap{width:min(100% - 28px,560px)}.site-header{min-height:76px}nav{font-size:12px;gap:11px}nav a:nth-child(2),nav a:nth-child(3){display:none}.brand-mark{border-radius:12px;height:34px;width:34px}.brand{font-size:13px}.studio-entry{padding:8px 10px}.hero{display:block;min-height:560px}.hero-copy{padding:55px 28px 70px}.hero h1{font-size:42px}.hero p{font-size:15px}.mobile-only{display:block}.hero-art{bottom:0;height:210px;opacity:.8;position:absolute;right:0;width:100%}.moon{height:105px;right:15%;top:3%;width:105px}.orbit-one{height:120px;right:0;top:7%;width:260px}.orbit-two{height:150px;right:-10%;top:0;width:300px}.hill-one{height:130px;width:300px}.hill-two{height:100px;right:120px;width:240px}.hill-three{height:68px;right:260px;width:150px}.art-caption{bottom:20px;right:8%}.feed-section{padding:68px 8px 85px}.section-heading{display:block;margin-bottom:28px}.section-heading h2{font-size:31px}.filter-group{margin-top:22px;overflow:auto}.filter-group button{white-space:nowrap}.timeline-item{gap:15px;grid-template-columns:57px 1fr;min-height:175px}.timeline-item:before{left:56px}.timeline-date{font-size:12px}.timeline-dot{height:8px;right:-20px;width:8px}.timeline-content h2{font-size:22px}.feed-prose{font-size:14px}.site-footer{line-height:2;padding:15px 0 30px}.site-footer,.site-footer span{display:block}.article-page{padding:56px 10px 90px}.article-page h1{font-size:42px;margin-bottom:32px}.article-page .prose{font-size:16px}}.studio-shell{background:var(--paper);min-height:100vh}.studio-header{justify-content:space-between;min-height:82px}.studio-header,.studio-user{align-items:center;display:flex}.studio-user{color:var(--ink-soft);font-size:13px;gap:18px}.studio-user button,.text-button{background:none;border:0;color:#8b8494;font-size:12px}.studio-nav{border-bottom:1px solid var(--line);color:#777181;display:flex;font-size:13px;gap:28px;padding-bottom:15px}.studio-nav a.router-link-active{color:var(--ink);font-weight:600}.studio-main{padding-bottom:100px;padding-top:56px}.studio-title{align-items:end;display:flex;gap:30px;justify-content:space-between;margin-bottom:35px}.studio-title h1{font:400 40px var(--serif);margin:12px 0 7px}.studio-title h1 span{color:var(--pink);font-size:18px;margin-left:10px}.studio-title p{color:#85808e;font-size:14px;margin:0}.view-site{color:var(--lavender);font-size:13px}.content-grid,.stats-grid,.today-grid{display:grid;gap:20px;grid-template-columns:minmax(0,1.5fr) minmax(290px,.8fr)}.studio-panel{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:25px}.panel-head{align-items:center;color:#8c8691;display:flex;font-size:12px;gap:16px;justify-content:space-between;margin-bottom:20px}.panel-head h2{color:var(--ink);font:400 21px var(--serif);margin:0}.diary-editor textarea,.editor-panel textarea{background:transparent;border:0;color:#454454;display:block;font:16px/2 var(--serif);min-height:360px;outline:0;padding:3px 0;resize:vertical;width:100%}.diary-editor textarea::-moz-placeholder,.editor-panel textarea::-moz-placeholder{color:#c4bdc5}.diary-editor textarea::placeholder,.editor-panel textarea::placeholder{color:#c4bdc5}.editor-foot{align-items:center;border-top:1px solid var(--line);color:#a09aa3;display:flex;font-size:11px;gap:15px;justify-content:space-between;padding-top:20px}.button.primary{background:var(--ink);color:var(--paper)}.button.ghost{background:transparent;color:#777181;font-size:12px;margin-right:8px;padding-inline:0}.habit-row{align-items:center;border-bottom:1px solid #eee9e3;color:#565362;cursor:pointer;display:flex;font-size:14px;gap:11px;padding:14px 0}.habit-row input{opacity:0;position:absolute}.checkmark{border:1px solid #d4cdd8;border-radius:7px;color:transparent;display:grid;font-size:12px;height:21px;place-items:center;width:21px}.habit-row.done .checkmark{background:#dff2ee;border-color:var(--teal);color:#4b9a9c}.habit-row.done>span:last-child{color:#85808e;text-decoration:line-through}.visibility{border-top:1px solid var(--line);color:#85808e;font-size:12px;margin-top:25px;padding-top:20px}.visibility-options{display:flex;gap:7px;margin-top:12px}.visibility-options button{background:transparent;border:1px solid var(--line);border-radius:17px;color:#8c8691;font-size:12px;padding:8px 12px}.visibility-options button.active{background:var(--ink);border-color:var(--ink);color:var(--paper)}.login-page{background:linear-gradient(135deg,#f8f4ed,#eeeafb);display:grid;min-height:100vh;padding:24px;place-items:center}.login-card{background:#fffdf9cc;border:1px solid var(--line);border-radius:22px;padding:45px;width:min(100%,420px)}.login-card h1{font:400 42px var(--serif);margin:20px 0 8px}.login-card>p{color:#85808e;font-size:14px}.login-card form{margin-top:30px}label{color:#777181;display:block;font-size:12px;margin-top:18px}input,select{background:#fffdf9;border:1px solid var(--line);border-radius:11px;color:var(--ink);font:inherit;margin-top:8px;outline-color:var(--lavender);padding:12px 13px;width:100%}.login-button{background:var(--ink);border:0;border-radius:13px;color:var(--paper);margin-top:25px;padding:13px;width:100%}.login-button:disabled{opacity:.5}.form-error{color:#a0435e;font-size:12px}.form-success{color:#4a9b9a;font-size:12px}.content-list{min-height:420px;padding:10px 25px}.content-row{align-items:center;border-bottom:1px solid var(--line);display:flex;gap:20px;justify-content:space-between;padding:18px 0}.content-row small,.content-row strong{display:block}.content-row strong{font:17px var(--serif);margin:7px 0}.content-row small{color:#95909b;font-size:11px}.content-type{color:var(--pink);font-size:11px}.content-row button{background:none;border:0;color:#8b8494;font-size:12px}.empty-small{color:#aaa3ad;font-size:13px;padding:80px 0;text-align:center}.editor-panel select+input{margin-top:12px}.editor-panel textarea{border:1px solid var(--line);border-radius:11px;font-family:var(--serif);margin-top:12px;min-height:230px;padding:12px 13px}.form-line{display:grid;gap:10px;grid-template-columns:1fr 1fr auto;margin-top:12px}.form-line select{margin:0}.form-line .button{padding-inline:24px}.stat-summary{min-height:390px}.big-stat{font:72px var(--serif);padding:15px 0 25px}.big-stat small{color:#8d8792;font:13px sans-serif;margin-left:12px}.month-days{display:grid;gap:7px;grid-template-columns:repeat(7,1fr)}.month-days span{background:#f1ede9;border-radius:8px;color:#aaa3ad;display:grid;font-size:10px;min-height:32px;place-items:center}.month-days span.complete{background:#dff2ee;color:#4a9b9a}.habit-stats{min-height:390px}.stat-row{margin:20px 0}.stat-row small,.stat-row strong{display:block}.stat-row strong{font-size:13px}.stat-row small{color:#9d97a1;font-size:11px;margin-top:4px}.stat-bar{background:#eee9e3;border-radius:5px;height:6px;margin-top:10px;overflow:hidden}.stat-bar span{background:var(--lavender);border-radius:5px;display:block;height:100%}.settings-form{max-width:760px}.settings-form textarea{background:#fffdf9;border:1px solid var(--line);border-radius:11px;font:14px/1.8 var(--serif);margin-top:8px;min-height:160px;padding:12px 13px;resize:vertical}@media(max-width:760px){.studio-header{min-height:70px}.studio-user span{display:none}.studio-nav{gap:18px;overflow:auto}.studio-main{padding-top:38px}.studio-title{display:block}.studio-title h1{font-size:35px}.studio-title .button,.view-site{display:inline-block;margin-top:20px}.content-grid,.stats-grid,.today-grid{grid-template-columns:1fr}.studio-panel{padding:20px}.diary-editor textarea{min-height:280px}.editor-foot{display:block}.editor-foot>div{margin-top:15px}.content-row{align-items:start}.content-row>div:last-child{display:flex;flex-direction:column;gap:10px}.form-line{grid-template-columns:1fr 1fr}.form-line .button{grid-column:1/-1}.login-card{padding:32px 24px}}