:root{--bg:#f6f4f0;--paper:#fffefd;--ink:#141615;--muted:#8c8982;--line:#ddd7ce;--coral:#e9563c;--soft:#ffe8df;--green:#398365}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Arial,sans-serif;font-size:14px;-webkit-tap-highlight-color:transparent}button,input,textarea{font:inherit}button{cursor:pointer;color:inherit;border:0;background:none}[role=button]:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--coral);outline-offset:4px}button,input,textarea{touch-action:manipulation}button{min-height:40px}input,textarea{color:var(--ink)}.svg-defs{position:absolute;width:0;height:0;overflow:hidden}.icon{width:23px;height:23px;stroke:currentColor;stroke-width:1.4;fill:none;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.header{height:calc(66px + env(safe-area-inset-top));padding:env(safe-area-inset-top) 18px 0;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:14px}.header:has(.brand){border:0}.header>b{font-size:16px}.brand{display:flex;align-items:center;gap:10px;font-size:19px;font-weight:750;margin-right:auto;letter-spacing:-.6px}.brandmark{width:31px;height:32px;border-radius:9px;background:var(--coral);display:grid;place-content:center;font-size:27px;font-weight:850;position:relative}.brandmark>span{position:absolute;font-size:14px;right:4px;top:-2px}.icon-button{width:40px;display:inline-flex;align-items:center;justify-content:center;padding:6px}.back{transform:rotate(180deg)}.avatar{border-radius:50%;background:radial-gradient(circle at 70% 25%,#ffce9d 0 20%,transparent 21%),linear-gradient(135deg,#a8b59c,#db9c72);color:#5c3f2b;display:flex;align-items:center;justify-content:center;font-family:Georgia,serif;font-weight:700}.mini{width:33px;min-height:33px;font-size:18px;border:1px solid #d8c9b6}.hero{padding-top:13px;overflow:hidden}.hero>.eyebrow{margin:0 18px 10px}.eyebrow{font-size:9px;letter-spacing:1.8px;color:var(--muted);text-transform:uppercase;line-height:1.6}.hero h1{font-size:43px;letter-spacing:-2.3px;font-weight:570;line-height:1.05;margin:0 18px;position:relative}.hero-dot{color:var(--coral)}.cover-stack{height:267px;margin-top:22px;position:relative;max-width:440px;margin-left:auto;margin-right:auto;cursor:pointer}.cover{position:absolute;border-radius:17px;overflow:hidden;box-shadow:0 18px 23px -14px #28201b90}.main-cover{z-index:2;top:0;left:18%;width:64%;height:239px;background:#244baf;color:#fff7e5;transform:rotate(-3deg);padding:17px 19px}.cover-top{display:flex;justify-content:space-between;align-items:center;font-size:7px;letter-spacing:1.3px;position:relative;z-index:2}.cover-top .icon{width:17px;transform:rotate(-45deg)}.cover-title{font-size:31px;line-height:1.04;letter-spacing:-1px;position:absolute;bottom:48px;z-index:2;font-weight:650}.cover-bottom{position:absolute;bottom:15px;left:19px;right:19px;display:flex;align-items:center;justify-content:space-between;font-size:7px;letter-spacing:1px}.small-mark{padding:2px 5px;background:#fa916c;color:#17251e;border-radius:7px;font-size:23px;font-weight:700}.cover-art{position:absolute;inset:0}.sun-disc{width:117px;height:117px;border-radius:50%;background:#ffc18d;top:28px;right:-25px}.arch,.sun-disc{position:absolute}.arch{border-radius:110px 110px 0 0;transform:rotate(-24deg)}.arch-one{width:164px;height:220px;background:#ef7755;top:56px;right:-49px}.arch-two{width:108px;height:200px;background:#f2c99d;top:96px;right:-12px}.art-spark{position:absolute;right:42px;top:60px;color:#fff1cd;font-size:63px}.back-cover{width:45%;height:193px;top:32px;padding:20px;color:#43352a;font-family:Georgia,serif;font-style:italic;font-size:26px;display:flex;align-items:end}.left-cover{left:-4%;background:repeating-linear-gradient(90deg,#d8cfba 0 25px,#e7b896 25px 48px);transform:rotate(-13deg)}.right-cover{right:-5%;background:repeating-linear-gradient(-35deg,#73876e 0 32px,#d4c9b0 32px 64px);transform:rotate(11deg)}.cover-sticker{position:absolute;z-index:3;bottom:14px;left:13px;background:#f6f1df;box-shadow:0 4px 7px #0002;padding:8px 16px;border-radius:25px;font-size:9px;transform:rotate(-8deg)}.hero-caption{display:flex;align-items:center;justify-content:space-between;padding:0 18px 20px;font-size:11px}.hero-caption>span{display:flex;align-items:center;gap:9px}.hero-caption .icon{width:17px}.dots{display:flex;align-items:center;gap:4px}.dots b{width:17px;height:5px;border-radius:8px;background:var(--coral)}.dots i{width:5px;height:5px;border-radius:50%;background:var(--line)}.dots small{margin-left:5px}.dots small,.ticker{font-size:8px;color:var(--muted)}.ticker{display:flex;align-items:center;gap:26px;white-space:nowrap;overflow:hidden;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:10px 0;letter-spacing:1px}.ticker b{color:var(--coral);font-size:12px}.quick-card{margin:14px 18px 0;border:1px solid var(--line);background:var(--paper);border-radius:20px;padding:6px 16px;display:grid;grid-template-columns:repeat(3,1fr)}.quick-card button{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;padding:13px 0;font-size:11px}.quick-card button:nth-child(-n+3){border-bottom:1px solid var(--line)}.quick-card .icon{color:var(--coral);width:26px;height:26px}.privacy-line{display:flex;justify-content:space-between;gap:8px;margin:19px 20px 25px;font-size:9px;color:var(--muted)}.privacy-line i,.profile-foot i{width:5px;height:5px;background:var(--green);border-radius:50%;display:inline-block;margin-right:5px}.section{padding:0 18px}.section-heading{display:flex;justify-content:space-between;align-items:center;margin:20px 0 15px;gap:10px}h2{font-size:22px;letter-spacing:-.8px;font-weight:550;margin:0}.circle-button{width:35px;min-height:35px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center}.circle-button .icon{width:18px;transform:rotate(-45deg)}main{padding-bottom:calc(90px + env(safe-area-inset-bottom))}.card{border:1px solid var(--line);border-radius:19px;background:var(--paper)}.entry-card{padding:11px;margin-bottom:14px}.entry-card-top{display:flex;justify-content:space-between;align-items:center;padding:0 2px 5px}.entry-card-top .icon-button{min-height:28px;height:28px;width:30px}.entry-card-top .icon{width:18px}.coral{color:var(--coral)}.coral .icon{fill:var(--soft)}.entry-open{display:block;width:100%;text-align:left;padding:0}.entry-layout{gap:15px}.entry-art,.entry-layout{display:flex;align-items:center}.entry-art{width:114px;height:139px;flex-shrink:0;border-radius:12px;background:#dbe2cc;position:relative;overflow:hidden;justify-content:center}.entry-art:before{width:130px;border-radius:50%;background:#e8ac7c;bottom:-58px;left:-27px}.entry-art:after,.entry-art:before{content:"";position:absolute;height:130px}.entry-art:after{width:80px;border-radius:60px 60px 0 0;background:#698c7a;transform:rotate(26deg);right:-35px;bottom:-30px}.entry-art>span{font-family:Georgia,serif;font-size:66px;color:#42614f;position:relative;z-index:1}.entry-art>small{position:absolute;bottom:10px;left:8px;z-index:2;background:#fff8;padding:4px;border-radius:5px;font-size:6px;letter-spacing:1px}.tone-Happy{background:#f3d5b4}.tone-Happy>span{color:#b76235}.tone-Energetic{background:#c8d0ec}.tone-Energetic>span{color:#294d9c}.tone-Low{background:#d4d9e2}.tone-Low>span{color:#697789}.entry-copy{min-width:0}.entry-copy .eyebrow{font-size:8px;letter-spacing:1px}.entry-copy h3{font-size:22px;line-height:1.15;font-weight:550;letter-spacing:-.7px;margin:6px 0 10px;overflow-wrap:anywhere}.entry-copy p{font-size:11px;line-height:1.7;color:var(--muted);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;margin:0;white-space:pre-line}.entry-footer{border-top:1px solid var(--line);margin-top:12px;padding:11px 0 0;display:flex;justify-content:space-between;font-size:9px;color:var(--muted)}.entry-footer>span:last-child{display:flex;gap:7px;align-items:center;color:var(--coral)}.entry-footer .icon{width:18px;height:18px}.tabbar{position:fixed;bottom:0;left:0;right:0;background:#f1eee8f5;backdrop-filter:blur(18px);border-top:1px solid var(--line);display:flex;justify-content:space-around;padding:7px 6px calc(8px + env(safe-area-inset-bottom));z-index:20}.tabbar button{display:flex;flex-direction:column;align-items:center;gap:4px;flex:1;padding:0;min-width:0;color:#7e7c76}.tabbar button>span{width:42px;height:34px;border-radius:14px;display:grid;place-items:center}.tabbar .active{color:var(--coral)}.tabbar .active>span{background:var(--soft)}.tabbar small{font-size:9px}.page-content{padding:20px 15px}.page-intro{padding:4px 2px 16px}.page-intro h1{font-size:38px;letter-spacing:-1.7px;font-weight:550;line-height:1.1;margin:11px 0}.page-intro p{font-size:12px;color:var(--muted);line-height:1.6}.search{display:flex;align-items:center;gap:9px;padding:10px 12px;border:1px solid var(--line);background:var(--paper);border-radius:12px}.search .icon{width:18px;color:var(--muted)}.search input{border:0;outline:none;background:none;width:100%;font-size:14px;min-height:24px}.filter-row{display:flex;gap:6px;overflow-x:auto;padding:16px 0 10px}.filter-row button{white-space:nowrap;font-size:10px;border:1px solid var(--line);border-radius:20px;padding:5px 12px;min-height:32px}.selected{background:var(--soft)!important;border-color:#edb6a8!important;color:var(--coral)!important}.count-line{display:flex;justify-content:space-between;padding:8px 0 15px;font-size:10px}.count-line>span{color:var(--muted)}.empty{text-align:center;padding:30px 12px 23px}.empty>.icon{width:32px;height:32px;color:var(--coral)}.empty h3{font-size:19px;font-weight:500;letter-spacing:-.5px}.empty p{color:var(--muted);font-size:12px;line-height:1.8;margin-bottom:18px}.primary{background:var(--coral);color:#fff;border-radius:12px;padding:13px 17px;display:inline-flex;align-items:center;justify-content:center;gap:16px;font-size:12px;min-height:46px}.primary .icon{width:19px}.text-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;color:var(--coral);font-size:12px}.text-button .icon{width:17px}.month-nav{display:flex;justify-content:space-between;align-items:center;padding:7px}.month-nav b{text-transform:capitalize;font-size:15px;font-weight:550}.calendar{padding:9px 7px 16px}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;text-align:center}.weekday{font-size:10px;color:var(--muted);padding:11px 0}.calendar-grid button{height:37px;min-height:37px;border-radius:50%;position:relative;font-size:13px;margin:auto;width:37px}.calendar-grid button:disabled{cursor:default}.calendar-grid .chosen{background:var(--coral);color:#fff}.calendar-grid .today:not(.chosen){box-shadow:inset 0 0 0 1px var(--coral);color:var(--coral)}.calendar-grid i{position:absolute;width:4px;height:4px;border-radius:50%;bottom:3px;left:calc(50% - 2px);background:var(--coral)}.calendar-grid .chosen i{background:#fff}.profile-page{padding-top:20px}.profile-card{padding:23px 15px 12px;background:radial-gradient(circle at 100% 0,#ffe7df,transparent 52%),var(--paper);overflow:hidden}.profile-top{display:flex;gap:14px;position:relative;align-items:center}.big{width:62px;height:65px;border-radius:15px;font-size:34px;border:3px solid #fff;box-shadow:0 6px 10px #0001;flex-shrink:0}.profile-top .eyebrow{font-size:7px;letter-spacing:1.7px}.profile-top h2{font-size:25px;margin:5px 24px 8px 0;overflow-wrap:anywhere}.profile-top small{font-size:9px;color:var(--muted)}.edit-profile{position:absolute;right:0;top:-6px;color:var(--coral);background:var(--soft);border-radius:50%;width:34px;min-height:34px;display:grid;place-items:center}.edit-profile .icon{width:18px}.profile-foot{border-top:1px solid var(--line);margin-top:22px;padding-top:12px;display:flex;justify-content:space-between;font-size:9px;color:var(--muted)}.profile-foot>span:last-child{color:var(--coral)}.stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:20px 0 26px}.stat-grid button{border:1px solid var(--line);background:var(--paper);border-radius:12px;display:flex;align-items:center;gap:8px;flex-direction:column;padding:12px 3px}.stat-grid b{font-size:17px;font-weight:500}.group-label,.stat-grid small{font-size:8px;color:var(--muted)}.group-label{letter-spacing:2px;margin:22px 0 10px}.menu-card{overflow:hidden}.menu-card>button{display:flex;gap:11px;align-items:center;text-align:left;padding:14px 12px;width:100%;min-height:64px}.menu-card>button+button{border-top:1px solid var(--line)}.menu-icon{width:33px;height:33px;display:grid;place-items:center;background:#eeebe5;border:1px solid var(--line);border-radius:12px;color:#686760}.menu-icon .icon{width:21px}.menu-card>button>div{flex:1;font-size:13px}.menu-card small{display:block;font-size:9px;color:var(--muted);margin-top:6px}.menu-card>button>.icon{width:18px;color:var(--muted)}.version{font-size:8px;letter-spacing:1.5px;text-align:center;color:var(--muted);margin-top:25px}.editor{min-height:100dvh}.editor-header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:calc(10px + env(safe-area-inset-top)) 12px 10px;position:sticky;top:0;background:var(--bg);z-index:2}.editor-header>b{font-size:14px;font-weight:550}.save-button{color:var(--coral);font-size:13px;font-weight:600;padding:8px}.editor-content{padding:14px 22px calc(30px + env(safe-area-inset-bottom))}.editor-meta{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.editor-meta input{border:0;background:none;font-size:12px;color:var(--muted);padding:7px 0;max-width:175px}.title-input{display:block;width:100%;border:0;outline:none;background:none;font-size:35px;letter-spacing:-1.4px;line-height:1.2;font-weight:550;padding:14px 0 18px;border-bottom:1px solid var(--line);border-radius:0}.title-input::-moz-placeholder{color:#b6afa5}.title-input::placeholder{color:#b6afa5}.mood-picker{display:flex;gap:6px;overflow:auto;padding:17px 0}.mood-picker button{border:1px solid var(--line);border-radius:20px;min-height:31px;padding:5px 10px;display:flex;gap:5px;align-items:center;font-size:9px;white-space:nowrap}.mood-picker span{font-size:16px}.editor textarea{resize:vertical;min-height:45dvh;width:100%;border:0;outline:none;background:none;font-size:16px;line-height:1.9;padding:6px 0;white-space:pre-wrap}.editor textarea::-moz-placeholder{color:#aaa397}.editor textarea::placeholder{color:#aaa397}.editor-bottom{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding-top:12px;font-size:10px;color:var(--muted)}.danger{color:#bc4633}.local-note{font-size:10px;color:var(--muted);line-height:1.7}.overlay{position:fixed;inset:0;background:#221c174c;backdrop-filter:blur(4px);z-index:50;display:flex;align-items:center;justify-content:center;padding:22px}.dialog{position:relative;border-radius:22px;background:var(--bg);border:1px solid var(--line);padding:29px 23px 24px;width:100%;max-width:390px;max-height:85dvh;overflow:auto;box-shadow:0 20px 60px #0002}.dialog-close{position:absolute;right:7px;top:6px}.dialog-close .icon{width:18px}.dialog h2{font-size:27px;margin:14px 0}.dialog p{font-size:13px;line-height:1.9;color:#777369}.dialog-moods{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:20px}.dialog-moods button{display:flex;align-items:center;flex-direction:column;gap:9px;font-size:10px;padding:12px;width:82px;border:1px solid var(--line);border-radius:15px;background:var(--paper)}.dialog-moods span{font-size:29px;color:var(--coral)}.dialog-input{display:block;padding:14px 12px;border:1px solid var(--line);border-radius:12px;width:100%;background:var(--paper);margin:20px 0;font-size:16px}.full{width:100%;margin-top:10px}.setting-row{width:100%;padding:17px 0;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;text-align:left;font-size:13px}.setting-row small{display:block;color:var(--muted);font-size:10px;margin-top:7px}.switch{width:40px;height:24px;border-radius:20px;background:#d5d1c9;position:relative}.switch:after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;background:#fff;border-radius:50%;transition:transform .2s}.switch.on{background:var(--coral)}.switch.on:after{transform:translateX(16px)}.toast{position:fixed;left:18px;right:18px;bottom:calc(85px + env(safe-area-inset-bottom));background:#252823;color:#fff;padding:14px 18px;border-radius:13px;font-size:12px;line-height:1.6;text-align:center;z-index:100;box-shadow:0 7px 20px #0002}.large-text .entry-copy p{font-size:14px}.large-text .editor textarea{font-size:19px}.large-text .entry-copy h3{font-size:25px}@media(min-width:600px){#diary{min-height:100vh;border-left:1px solid var(--line);border-right:1px solid var(--line)}#diary,.tabbar{max-width:440px;margin:auto}.toast{max-width:404px;margin:auto}.hero h1{font-size:47px}.cover-stack{height:286px}.main-cover{height:259px}.back-cover{height:210px}.cover-title{font-size:36px}.entry-art{width:130px;height:150px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}.backup-text{width:100%;height:110px;border:1px solid var(--line);border-radius:12px;background:var(--paper);padding:12px;margin-top:17px;font-size:12px;resize:vertical}.art-stack button{padding:0;text-align:left}.art-stack .cover img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.art-stack .main-cover{padding:0}.art-cover .cover-top{position:absolute;left:18px;right:18px;top:15px;color:#fff;text-shadow:0 1px 3px #0009}.art-cover .cover-title{left:18px;right:18px;bottom:37px;font-size:27px;line-height:1;letter-spacing:-.7px;color:#fff;text-shadow:0 2px 6px #0008}.art-cover .cover-bottom{bottom:10px;color:#fff}.art-cover .small-mark{font-size:21px}.art-shade{position:absolute;inset:0;background:linear-gradient(0deg,#16140fe6,transparent 48%,#16140f22)}.art-stack .back-cover{padding:0;display:block}.art-stack .right-cover{right:-1%}.art-stack .left-cover{left:-1%}.dots button{width:8px;min-height:8px;height:8px;border-radius:50%;background:var(--line);padding:0;position:relative}.dots button:after{content:"";position:absolute;inset:-10px}.dots button.current{width:18px;border-radius:8px;background:var(--coral)}.dots{gap:6px}.avatar{overflow:hidden;padding:0}.avatar img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.entry-art:after,.entry-art:before{display:none}.entry-art>img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.entry-art>small{background:#5d584b99;color:#fff}.editor-cover{display:flex;width:100%;align-items:center;gap:12px;margin-top:16px;border:1px solid var(--line);border-radius:14px;background:var(--paper);padding:8px;text-align:left}.editor-cover>img{width:51px;height:54px;-o-object-fit:cover;object-fit:cover;border-radius:9px}.editor-cover>span{flex:1;font-size:12px}.editor-cover small{display:block;font-size:10px;color:var(--muted);margin-top:6px}.editor-cover .icon{width:17px;color:var(--muted);margin:0 8px}.artwork-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:15px}.artwork-grid button{padding:0;text-align:left}.artwork-grid img{width:100%;aspect-ratio:1;-o-object-fit:cover;object-fit:cover;border-radius:12px;display:block}.artwork-grid span{font-size:8px;display:block;margin:6px 0 8px;line-height:1.4}.policy-link{font-size:12px;color:var(--coral);line-height:1.8}.support-button{width:100%;margin-top:20px}.dialog .setting-row.danger{color:#b73f2c}.dots{gap:0}.dots button,.dots button.current{width:32px;height:44px;min-height:44px;background:transparent;border-radius:0;flex-shrink:0}.dots button:after{display:none}.dots button:before{content:"";position:absolute;width:5px;height:5px;border-radius:5px;background:var(--line);left:50%;top:50%;transform:translate(-50%,-50%)}.dots button.current:before{width:18px;background:var(--coral)}.dots small{margin-left:3px;white-space:nowrap}.dots button,.dots button.current{width:44px}