.card-description{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:var(--muted);font-size:12px;line-height:1.45;margin:5px 0}.task-category{display:block;font-size:11px;color:var(--muted);margin-bottom:5px}.filters{margin-bottom:22px}.pagination{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:20px 0}.pagination button{width:auto;flex:1}.pagination span{white-space:nowrap;font-size:13px}.month-controls{display:flex;align-items:center;gap:12px}.month-controls label{flex:1}.month-controls input{min-width:0;width:100%}.month-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:0;margin:12px -16px 22px}.month-weekday{text-align:center;font-size:11px;font-weight:700;color:var(--muted);padding:10px 0}.month-day{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;background:var(--card);border:1px solid var(--line);border-radius:8px;min-height:64px;padding:7px 0;color:var(--text)}.month-day strong{font-size:15px}.month-day small{font-size:10px;color:var(--muted)}.month-day.selected{background:var(--primary);color:white}.month-day.selected small{color:white}.month-day.is-today{outline:2px solid var(--primary);outline-offset:-3px}.calendar-late{position:absolute;top:5px;right:5px;width:5px;height:5px;background:#ef624e;border-radius:50%}.report-stats{margin:22px 0}.report-row{width:100%;display:grid;grid-template-columns:1fr 1fr 55px;align-items:center;text-align:left;gap:10px;background:transparent;color:var(--text);padding:12px 0;border:0;border-bottom:1px solid var(--line);font-size:13px}.report-row .progress{margin:0}.report-row small{text-align:right}.trend-row{display:grid;grid-template-columns:65px 1fr 60px;align-items:center;gap:10px;padding:12px 0;font-size:12px}.trend-row .progress{margin:0}.reward-grid{display:grid;gap:16px;margin:20px 0}.reward-icon{width:48px;height:48px;display:grid;place-items:center;background:var(--soft);color:var(--primary);border-radius:16px;margin-bottom:12px}.reward-icon svg{width:24px;height:24px}.claim-row{margin:12px 0}.claim-row button{margin-top:12px}.badge-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:16px 0}.badge-card{display:flex;flex-direction:column;align-items:center;text-align:center;gap:7px;opacity:.65;padding:16px 10px}.badge-card svg{width:36px;height:36px;color:var(--primary)}.badge-card.earned{opacity:1;background:linear-gradient(135deg,var(--card),var(--soft))}.badge-card p{font-size:11px;margin:0;color:var(--muted)}.badge-card strong{font-size:13px}.badge-card small{font-size:11px}.draft-tools{margin-top:24px;border-top:1px solid var(--line);padding-top:12px}.draft-tools button{margin-top:10px}.privacy-panel{margin-top:28px;padding-top:15px;border-top:1px solid var(--line)}.pending-save{font-size:11px;color:var(--primary);display:block}.status.soon{background:#fff3db;color:#906009}.brand img{width:36px;height:36px;border-radius:10px;object-fit:contain}input,select,textarea{min-width:0}button:disabled{opacity:.45;cursor:not-allowed}@media(min-width:760px){.month-grid{margin-left:0;margin-right:0}.reward-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.badge-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.month-day{min-height:84px}}@media(prefers-reduced-motion:reduce){.progress span{transition:none!important}}

.design-preview.square{aspect-ratio:1;max-height:340px}
:root{--card:var(--surface);--text:var(--ink);--muted:#626a80}.status{background:#edf0ff;color:#4253a5}.status.done{background:#e8f6ef;color:#16694e}.status.late{background:#fff0ed;color:#a53f2e}.status.pending{background:#f1eafe;color:#6b3f99}.status.soon{background:#fff3db;color:#835800}.badge-card{opacity:1}.badge-card:not(.earned) svg{opacity:.55}html[data-theme=dark]{--muted:#b4bad0}html[data-theme=dark] .status{filter:none}@media(max-width:359px){.two{grid-template-columns:1fr}}