.annual-writing{gap:14px}
.annual.annual-writing.annual-single-column{grid-template-columns:minmax(0,1fr)}
.annual-paged{height:202px;min-height:0}
.annual-page-controls{display:flex;align-items:center;gap:2px}
.annual-page-controls small{font:10px system-ui;color:var(--planner-ink);white-space:nowrap}
.annual-page-controls button:disabled{opacity:.25}
.annual-paged .date-line-list{overflow:hidden;padding:5px 9px}
.annual-paged .date-line{height:24px}
.annual-paged .date-page-arrow{width:24px;height:24px;min-height:0;padding:0;border:0;background:transparent;color:var(--planner-ink);font:18px/1 system-ui}
.important-month{height:260px;min-height:0}
.important-month .important-records{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden}
.important-month .important-row{min-width:0}
.important-month .important-row .date-number{width:24px;padding:4px 2px;font-size:11px;border-radius:6px}
.important-month .important-row textarea{flex:1;min-width:0;height:48px;min-height:48px;resize:none;overflow-y:auto}
.important-month .important-new{flex-shrink:0;margin-top:0}
.important-month .important-new textarea{height:52px;min-height:52px;resize:none;overflow-y:auto}
.important-month h2{margin:0;padding:11px 14px;background:var(--planner-soft);color:var(--planner-ink);font:19px Georgia,serif}
.important-records{padding:0 8px}.important-row{display:flex;align-items:flex-start;gap:5px;border-bottom:1px solid #f3d6e4;padding:8px 0}.important-row .date-number{flex-shrink:0;padding:6px;width:32px;background:var(--planner-soft)}.important-row textarea{min-height:55px;padding:5px;font-size:13px;resize:vertical}.important-row .delete{padding:5px}.important-new{margin-top:auto;padding:8px}.important-new textarea{min-height:65px;border:1px dashed var(--planner-border);border-radius:8px}.important-new>button{font-size:12px;width:100%;margin-top:5px}
.annual-month{display:flex;flex-direction:column;min-width:0;min-height:180px;border:1px solid var(--planner-border);background:#fffafde8;border-radius:12px;overflow:hidden}
.annual-month>span{padding:11px 14px;background:var(--planner-soft);color:var(--planner-ink);font:19px Georgia,serif}
.annual-month textarea{flex:1;width:100%;min-height:135px;border:0;padding:12px 14px;background:transparent;color:#664456;font:14px/1.6 Planner,system-ui,sans-serif;resize:vertical}
.annual-month textarea::placeholder{color:#b591a3;font-size:12px}
.annual-month textarea:focus{outline:2px solid var(--planner-accent);outline-offset:-2px;background:#fff}
@media(max-width:700px){.annual-writing{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.annual-month{min-height:160px}.annual-month>span{font-size:17px;padding:10px}.annual-month textarea{padding:10px;font-size:13px;min-height:125px}}
@media(max-width:340px){.annual-writing{grid-template-columns:1fr}}