:root{font-family:"Noto Serif SC",Songti SC,SimSun,serif;color:#2d2923;background:#f4f0e7;font-synthesis:none;--paper: #f4f0e7;--ink: #2d2923;--muted: #80786e;--line: #d8d0c2}*{box-sizing:border-box}body{margin:0;min-width:320px;background:var(--paper)}button,textarea,input{font:inherit}button{color:inherit}main{min-height:100vh;overflow:hidden}.topbar{max-width:1180px;margin:auto;min-height:94px;padding:24px 30px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;font-weight:700;letter-spacing:.14em}.seal{width:38px;height:38px;display:grid;place-items:center;color:#f8eee1;background:#a94835;font-size:23px;line-height:1}.topbar p{color:var(--muted);font-size:13px;letter-spacing:.08em}.hero{max-width:1180px;margin:0 auto;padding:74px 30px 82px;display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(48px,8vw,112px);align-items:center}.eyebrow{margin:0 0 18px;color:#9b4f3d;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;font-weight:700;letter-spacing:.18em}h1{margin:0;max-width:520px;font-size:clamp(46px,5.5vw,76px);line-height:1.16;font-weight:500;letter-spacing:-.055em}.lede{max-width:430px;margin:26px 0 36px;color:var(--muted);font-size:16px;line-height:2}.stats{display:flex;gap:42px}.stats div{display:flex;align-items:baseline;gap:8px}.stats strong{font-size:32px;font-weight:500}.stats span{color:var(--muted);font-size:12px;letter-spacing:.08em}.today-card{position:relative;min-height:522px;background:#fffaf1;box-shadow:0 22px 70px #4b3a281f}.wash{position:absolute;inset:0 0 auto 0;height:14px;background:var(--picked);transition:background .25s ease}.today-card:after{content:"";position:absolute;top:14px;right:0;width:36%;height:125px;background:linear-gradient(145deg,color-mix(in srgb,var(--picked),transparent 70%),transparent 68%);pointer-events:none}.card-content{position:relative;z-index:1;padding:50px 48px 42px}.color-head{display:flex;align-items:center;justify-content:space-between;padding-bottom:27px;border-bottom:1px solid #e4ddd1;font-size:15px;font-weight:700;letter-spacing:.08em}.picker-label{display:flex;align-items:center;gap:12px;color:var(--muted);font-family:ui-monospace,monospace;font-size:12px;letter-spacing:.04em;cursor:pointer}.picker-label input{width:42px;height:42px;padding:0;border:0;border-radius:0;background:none;cursor:pointer}.picker-label input::-webkit-color-swatch-wrapper{padding:0}.picker-label input::-webkit-color-swatch{border:4px solid #fffaf1;outline:1px solid #d4cabd}.swatches{display:grid;grid-template-columns:repeat(10,1fr);gap:9px;margin:28px 0 34px}.swatches button{width:100%;aspect-ratio:1;border:0;cursor:pointer;opacity:.84;transition:transform .18s,outline .18s}.swatches button:hover{transform:translateY(-3px);opacity:1}.swatches button.active{outline:2px solid #342e28;outline-offset:3px;opacity:1}.note-field{display:block;position:relative}.note-field>span{display:block;margin-bottom:11px;font-size:13px;font-weight:700;letter-spacing:.08em}textarea{width:100%;min-height:88px;padding:14px 16px 26px;resize:none;color:var(--ink);background:#f7f2e9;border:1px solid #dfd6c8;border-radius:0;line-height:1.7;outline:none}textarea:focus{border-color:var(--picked);box-shadow:inset 3px 0 0 var(--picked)}textarea::placeholder{color:#aaa194}.note-field small{position:absolute;right:12px;bottom:9px;color:#9b9388;font:10px ui-monospace,monospace}.save{width:100%;margin-top:22px;padding:15px 20px;border:0;color:#fffaf3;background:#302c27;font-size:14px;letter-spacing:.1em;cursor:pointer;transition:transform .15s,opacity .15s}.save:hover:not(:disabled){transform:translateY(-2px)}.save:disabled{opacity:.32;cursor:not-allowed}.today-strip{display:grid;grid-template-columns:130px 1fr auto;gap:24px;align-items:center;max-width:1180px;margin:0 auto 36px;padding:21px 28px;transition:background .25s}.strip-date,.strip-code{font:11px ui-monospace,monospace;letter-spacing:.14em;opacity:.75}.today-strip q{font-size:17px;letter-spacing:.04em}.today-strip q:before,.today-strip q:after{opacity:.55}.archive{padding:90px max(30px,calc((100vw - 1120px)/2)) 100px;background:#e8e2d7}.archive-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:32px}h2{margin:0;font-size:37px;font-weight:500;letter-spacing:-.03em}.month-nav{display:flex;align-items:center;gap:18px}.month-nav strong{min-width:130px;text-align:center;font-size:15px;font-weight:600}.month-nav button{width:38px;height:38px;border:1px solid #c9c0b2;background:transparent;cursor:pointer}.month-nav button:disabled{opacity:.25;cursor:not-allowed}.calendar-wrap{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:28px}.calendar{display:grid;grid-template-columns:repeat(7,1fr);background:#ffffff73;border-top:1px solid #ccc3b5;border-left:1px solid #ccc3b5}.weekday{padding:13px 5px;border-right:1px solid #ccc3b5;border-bottom:1px solid #ccc3b5;color:#7c7469;text-align:center;font-size:11px}.day{position:relative;min-height:78px;padding:9px;border:0;border-right:1px solid #ccc3b5;border-bottom:1px solid #ccc3b5;background:#ffffff40;text-align:left;cursor:pointer}.day:hover:not(:disabled),.day.selected{background:#ffffffd9}.day.selected{box-shadow:inset 0 0 0 2px #756d62}.day.outside{opacity:.35}.day:disabled{cursor:default;opacity:.3}.day>span{position:relative;z-index:1;font:11px ui-monospace,monospace}.day.today>span{display:inline-grid;place-items:center;width:21px;height:21px;margin:-4px 0 0 -4px;color:#fff;background:#2f2b26;border-radius:50%}.day i{position:absolute;right:10px;bottom:10px;width:35px;height:35px;border-radius:50% 44% 52% 46%;box-shadow:inset 0 0 0 1px #0000000f;transform:rotate(-12deg)}.day .empty-dot{width:3px;height:3px;background:#bdb4a7;box-shadow:none}.memory{min-height:350px;padding:28px;border:1px solid #cbc1b3;background:#f4f0e78c}.memory>p{margin:0;color:#756d62;font-size:12px;line-height:1.6}.memory-color{width:112px;height:112px;margin:42px auto 32px;border-radius:50% 44% 53% 46%;background:var(--memory);transform:rotate(7deg);box-shadow:8px 10px color-mix(in srgb,var(--memory),transparent 82%)}.memory blockquote{margin:0 0 24px;font-size:19px;line-height:1.8;text-align:center;overflow-wrap:anywhere}.memory>span{display:block;color:#756d62;font:11px ui-monospace,monospace;text-align:center;letter-spacing:.15em}.empty-memory{height:270px;display:grid;place-content:center;color:#8c8377;text-align:center}.empty-memory>span{font-size:44px;font-weight:200}.empty-memory p{font-size:13px;line-height:1.8}footer{padding:28px;color:#8e8578;background:#e8e2d7;border-top:1px solid #d4cbbd;text-align:center;font-size:11px;letter-spacing:.14em}@media(max-width:820px){.topbar{min-height:76px;padding:18px 20px}.topbar p{display:none}.hero{grid-template-columns:1fr;padding:48px 20px 60px;gap:44px}h1{font-size:clamp(43px,13vw,65px)}.today-card{min-height:auto}.card-content{padding:44px 24px 28px}.today-strip{margin:0 20px 20px;grid-template-columns:1fr auto}.strip-date{grid-column:1 / -1}.archive{padding:65px 20px 70px}.calendar-wrap{grid-template-columns:1fr}.memory{min-height:300px}.day{min-height:65px}.day i{width:29px;height:29px;right:6px;bottom:7px}}@media(max-width:520px){.archive-heading{align-items:flex-start;flex-direction:column;gap:24px}.month-nav{width:100%;justify-content:space-between}.swatches{grid-template-columns:repeat(5,1fr);gap:14px}.day{min-height:52px;padding:7px 5px}.day i{width:22px;height:22px;right:5px;bottom:5px}.today-strip{grid-template-columns:1fr;gap:12px}.strip-code{text-align:left}.stats{gap:25px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}