:root{--ink:#243044;--indigo:#44546f;--red:#c45b4b;--paper:#f6f1e7;--pale:#e8e1d4;--muted:#786f64;--line:rgba(68,84,111,.19);--white:#fffdf8}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Hiragino Mincho ProN","Yu Mincho",YuMincho,"Noto Serif CJK JP",serif;min-height:100vh}.paper-grain{position:fixed;inset:0;pointer-events:none;opacity:.33;background-image:repeating-linear-gradient(0deg,transparent 0,transparent 3px,rgba(36,48,68,.025) 4px);z-index:10}.masthead{height:92px;display:flex;align-items:center;justify-content:space-between;max-width:1120px;margin:auto;padding:0 30px;border-bottom:1px solid var(--line)}.brand{display:flex;gap:13px;color:inherit;text-decoration:none;align-items:center}.brand b{font-size:20px;letter-spacing:.12em;display:block}.brand small{font-family:system-ui,sans-serif;font-size:10px;letter-spacing:.16em;color:var(--muted)}.seal{display:grid;place-items:center;width:35px;height:35px;background:var(--red);color:white;border-radius:3px;font-size:18px;box-shadow:inset 0 0 0 3px rgba(255,255,255,.18)}.total{display:flex;align-items:center;gap:9px;font-family:system-ui,sans-serif}.total strong{font-family:Georgia,serif;color:var(--red);font-size:34px;font-weight:400}.total span{font-size:10px;line-height:1.45;letter-spacing:.08em;color:var(--muted)}main{max-width:1120px;margin:auto;padding:74px 30px 90px}.intro{max-width:760px;margin-bottom:50px}.eyebrow,.chapter{font-family:system-ui,sans-serif;letter-spacing:.24em;font-size:10px;color:var(--red)}h1{font-size:clamp(38px,6vw,69px);line-height:1.28;font-weight:500;letter-spacing:.02em;margin:14px 0 20px}h1 em{font-style:normal;color:var(--indigo);border-bottom:4px double rgba(68,84,111,.28)}.intro>p:last-child{max-width:560px;line-height:2;color:var(--muted);font-size:15px}.writing-desk{position:relative;background:var(--white);box-shadow:0 18px 65px rgba(65,52,36,.09);padding:48px 58px 52px;margin-left:58px;border:1px solid rgba(78,63,47,.08)}.writing-desk:before{content:"";position:absolute;top:0;bottom:0;left:41px;border-left:1px solid rgba(196,91,75,.22)}.date-tab{position:absolute;left:-58px;top:0;background:var(--indigo);color:white;width:58px;min-height:106px;display:flex;flex-direction:column;align-items:center;justify-content:center}.date-tab span{font-size:27px}.date-tab small{font:9px system-ui,sans-serif;letter-spacing:.15em;opacity:.72;margin-top:4px;writing-mode:vertical-rl}.form-heading,.archive-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:34px}h2{font-size:27px;font-weight:500;margin:7px 0}.quiet-button,.danger-button{border:0;background:none;color:var(--indigo);font:12px system-ui,sans-serif;letter-spacing:.08em;padding:10px;cursor:pointer}.quiet-button:hover{text-decoration:underline}.field-row{display:grid;grid-template-columns:180px 1fr;gap:25px}.field{display:block;margin-bottom:25px}.field>span{display:flex;justify-content:space-between;font:12px system-ui,sans-serif;letter-spacing:.1em;color:var(--muted);margin-bottom:9px}.field i{font-style:normal;font-size:10px;color:#a49a8f}.field small{font-size:10px;color:#aaa096;margin-right:auto;margin-left:7px}input,textarea{display:block;width:100%;border:0;border-bottom:1px solid var(--line);background:transparent;color:var(--ink);border-radius:0;padding:11px 2px;font:16px/1.7 inherit;outline:none;resize:vertical}input:focus,textarea:focus{border-bottom-color:var(--red);box-shadow:0 1px 0 var(--red)}input[type=date],input[type=month]{font-family:system-ui,sans-serif;color:var(--indigo)}.form-message{min-height:21px;color:var(--red);font:12px system-ui,sans-serif;margin-top:-8px}.save-button{margin-left:auto;display:flex;align-items:center;gap:40px;border:0;background:var(--red);color:white;padding:15px 18px 15px 25px;font:13px system-ui,sans-serif;letter-spacing:.15em;cursor:pointer;box-shadow:5px 5px 0 #ead4cc}.save-button:hover{transform:translate(-1px,-1px);box-shadow:7px 7px 0 #ead4cc}.save-button b{font-size:20px;font-weight:400}.saved-section{margin:66px 0}.section-label{display:flex;align-items:center;gap:15px;color:var(--red);font:11px system-ui,sans-serif;letter-spacing:.18em;margin-bottom:18px}.section-label i{height:1px;flex:1;background:rgba(196,91,75,.28)}.word-card{background:rgba(255,253,248,.7);border-top:1px solid var(--line);display:grid;grid-template-columns:110px 1fr auto;gap:27px;padding:28px 8px;position:relative}.word-card.featured{border:1px solid var(--line);padding:33px;background:var(--white);box-shadow:8px 8px 0 rgba(68,84,111,.07)}.card-date{text-align:center;border-right:1px solid var(--line);padding-right:20px}.card-date strong{display:block;font:31px Georgia,serif;color:var(--indigo)}.card-date span{font:10px system-ui,sans-serif;letter-spacing:.12em;color:var(--muted)}.card-copy h3{font-size:26px;font-weight:500;margin:0 0 12px;overflow-wrap:anywhere}.card-copy p{margin:0;color:#5f5a52;line-height:1.8;overflow-wrap:anywhere;white-space:pre-wrap}.card-copy small{display:block;border-left:2px solid #d8c6b4;margin-top:13px;padding-left:12px;color:#8a7e70;line-height:1.7;white-space:pre-wrap;overflow-wrap:anywhere}.delete-entry{align-self:start;border:1px solid transparent;background:none;color:#999084;width:35px;height:35px;cursor:pointer;font-size:17px}.delete-entry:hover{color:var(--red);border-color:rgba(196,91,75,.25)}.archive{margin-top:72px}.month-picker{display:flex;align-items:center;border-bottom:1px solid var(--line);gap:8px;font:11px system-ui,sans-serif;color:var(--muted)}.month-picker input{width:142px;padding:8px;border:0;font-size:13px}.month-summary{font:12px system-ui,sans-serif;letter-spacing:.08em;color:var(--muted);padding:13px 0;border-top:3px double var(--line)}.empty-state{text-align:center;padding:65px 20px;border-bottom:1px solid var(--line);color:var(--muted)}.empty-state span{font-size:35px;color:#c8baa8}.empty-state h3{font-size:20px;color:var(--ink);font-weight:400;margin:10px}.empty-state p{font-size:13px}.recent{margin-top:72px;background:var(--indigo);color:white;display:grid;grid-template-columns:150px 1fr;padding:28px 34px;gap:30px;align-items:center}.recent-title span{display:block;font-size:18px}.recent-title small{font:8px system-ui,sans-serif;letter-spacing:.18em;opacity:.6}.recent nav{display:flex;gap:10px;overflow:auto;padding:4px}.recent nav button{white-space:nowrap;border:1px solid rgba(255,255,255,.25);background:transparent;color:white;padding:10px 15px;cursor:pointer;font:13px inherit}.recent nav button:hover{background:rgba(255,255,255,.1)}#recentEmpty{font-size:12px;opacity:.7;margin:0}.toast{position:fixed;left:50%;bottom:25px;transform:translate(-50%,20px);background:var(--ink);color:white;padding:12px 22px;font:12px system-ui,sans-serif;opacity:0;pointer-events:none;transition:.25s;z-index:30}.toast.show{opacity:1;transform:translate(-50%,0)}dialog{border:0;max-width:390px;width:calc(100% - 36px);background:var(--white);color:var(--ink);padding:37px;box-shadow:0 20px 80px rgba(0,0,0,.22)}dialog::backdrop{background:rgba(36,48,68,.45)}dialog h2{font-size:21px}dialog p{color:var(--muted);line-height:1.7;overflow-wrap:anywhere}dialog>div:last-child{display:flex;justify-content:flex-end;gap:8px}.dialog-mark{width:34px;height:34px;background:var(--red);color:white;display:grid;place-items:center}.danger-button{background:var(--red);color:white;padding:10px 17px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}footer{max-width:1120px;margin:auto;border-top:1px solid var(--line);padding:28px 30px 42px;display:flex;justify-content:space-between;color:var(--muted)}footer span{font-size:13px;letter-spacing:.1em}footer small{font:10px system-ui,sans-serif;letter-spacing:.08em}@media(max-width:700px){.masthead{height:76px;padding:0 18px}.total span{display:none}.total strong{font-size:28px}main{padding:45px 18px 65px}.intro{margin-bottom:35px}h1{font-size:37px}.writing-desk{margin-left:0;padding:39px 22px 34px}.writing-desk:before{left:12px}.date-tab{left:auto;right:14px;top:-27px;width:50px;min-height:73px}.date-tab small{writing-mode:initial}.form-heading{padding-right:48px}.form-heading .quiet-button{position:absolute;right:72px;top:8px}.field-row{grid-template-columns:1fr;gap:0}.word-card,.word-card.featured{grid-template-columns:64px 1fr auto;gap:14px;padding:24px 4px}.word-card.featured{padding:24px 14px}.card-date{padding-right:10px}.card-date strong{font-size:25px}.card-copy h3{font-size:22px}.archive-heading{align-items:end}.archive-heading h2{font-size:23px}.month-picker span{display:none}.month-picker input{width:134px}.recent{grid-template-columns:1fr;padding:23px 20px;gap:14px}.recent nav{margin:0 -4px}footer{flex-direction:column;gap:9px;padding-inline:18px}}