:root{--paper:#faf3ea;--card:#fffdf9;--card-border:#f0e6da;--hairline:#f4ece1;--ink:#3a3230;--muted:#a08c7d;--muted-2:#8a807a;--faint:#b3a597;--terracotta:#cf7a53;--terracotta-tint:#f7e7dd;--terracotta-deep:#c06a45;--teal:#3f8f86;--plum:#a65e8e;--mustard:#c69a3f;--teal-tint:#dcecea;--plum-tint:#eee0ea;--mustard-tint:#f4ecd6;--sage-tint:#eef0e6;--chip-track:#f2e8dd;--tabbar:#3a2f28;--shadow-card:0 8px 22px -14px #50321e47;--shadow-tabbar:0 12px 26px -10px #3c281e80;--serif:"Instrument Serif", Georgia, "Times New Roman", serif;--sans:"Hanken Grotesque", "Segoe UI", system-ui, -apple-system, sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased}button,input,select,textarea{font-family:inherit;font-size:inherit;color:inherit}button{cursor:pointer;background:0 0;border:none}.app{max-width:430px;min-height:100dvh;margin:0 auto;position:relative}.screen{padding:18px 20px 130px}.screen-header{justify-content:space-between;align-items:flex-start;margin-bottom:16px;display:flex}.screen-caption{color:var(--muted);margin-bottom:2px;font-size:13px;font-weight:600}.screen-title{font-family:var(--serif);font-size:30px;font-weight:400;line-height:1.1}.fab{background:var(--terracotta);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;font-size:24px;line-height:1;display:flex;box-shadow:0 10px 20px -10px #cf7a53b3}.card{background:var(--card);border:1px solid var(--card-border);box-shadow:var(--shadow-card);border-radius:22px;margin-bottom:16px;padding:18px}.card-heading-row{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.card-heading{font-family:var(--serif);font-size:20px;font-weight:400}.card-link{color:var(--terracotta-deep);font-size:13px;font-weight:700}.card-link.pill{background:var(--terracotta-tint);border-radius:20px;padding:6px 14px}.avatar{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-weight:700;display:flex}.avatar-cluster{align-items:center;display:flex}.avatar-cluster .avatar{border:2px solid var(--paper);margin-left:-8px}.avatar-cluster .avatar:first-child{margin-left:0}.home-header{justify-content:space-between;align-items:flex-start;margin-bottom:18px;display:flex}.stat-row{gap:10px;margin-bottom:16px;display:flex}.stat-tile{text-align:left;border-radius:20px;flex:1;padding:14px 16px}.stat-number{font-family:var(--serif);font-size:28px;line-height:1.1}.stat-label{color:var(--muted-2);margin-top:2px;font-size:12px;font-weight:600}.timeline-row{align-items:flex-start;gap:12px;padding:7px 0;display:flex;position:relative}.timeline-dot-col{flex-direction:column;align-self:stretch;align-items:center;width:10px;display:flex}.timeline-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px;margin-top:4px}.timeline-line{background:var(--hairline);flex:1;width:2px;margin-top:4px}.timeline-time{color:var(--muted);font-size:12px;font-weight:600}.timeline-title{color:var(--ink);margin-top:1px;font-size:14px;font-weight:700}.note-tile-row{gap:10px;display:flex}.note-tile{text-align:left;border-radius:18px;flex:1;padding:14px}.note-tile-title{font-size:13px;font-weight:700}.note-tile-meta{color:var(--muted);margin-top:4px;font-size:11px;font-weight:600}.item-row{text-align:left;align-items:center;gap:12px;width:100%;padding:11px 0;transition:opacity .15s;display:flex}.item-row+.item-row{border-top:1px solid var(--hairline)}.item-row.checked{opacity:.4}.item-row.checked .item-label{text-decoration:line-through}.check-circle{color:#fff;border:2px solid #d8cabf;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:13px;font-weight:700;transition:background .15s,border-color .15s;display:flex}.item-row.checked .check-circle{background:var(--terracotta);border-color:var(--terracotta)}.item-label{flex:1;font-size:15px;font-weight:700}.item-qty{color:var(--muted);font-size:13px;font-weight:600}.item-tag{color:var(--muted-2);background:var(--chip-track);border-radius:20px;padding:4px 10px;font-size:11px;font-weight:700}.chip-row{gap:8px;margin-bottom:12px;display:flex}.chip{background:var(--chip-track);color:var(--muted);border-radius:20px;padding:9px 16px;font-size:13px;font-weight:700}.chip.active{background:var(--terracotta);color:#fff}.segmented{background:var(--chip-track);border-radius:20px;margin-bottom:16px;padding:4px;display:flex}.segmented button{color:var(--muted);border-radius:16px;flex:1;padding:9px 0;font-size:13px;font-weight:700}.segmented button.active{background:var(--card);color:var(--terracotta-deep);box-shadow:0 2px 8px -2px #50321e26}.week-strip{justify-content:space-between;gap:4px;display:flex}.day-chip{border-radius:14px;flex-direction:column;flex:1;align-items:center;gap:2px;padding:8px 0 6px;display:flex}.day-chip .dow{color:var(--muted);font-size:11px;font-weight:600}.day-chip .num{font-size:15px;font-weight:700}.day-chip.selected{background:var(--terracotta)}.day-chip.selected .dow,.day-chip.selected .num{color:#fff}.day-chip .event-dot{background:var(--terracotta);visibility:hidden;border-radius:50%;width:5px;height:5px;margin-top:2px}.day-chip .event-dot.on{visibility:visible}.day-chip.selected .event-dot.on{background:#fff}.month-header-row{grid-template-columns:repeat(7,1fr);margin-bottom:6px;display:grid}.month-header-row span{text-align:center;color:var(--muted);font-size:11px;font-weight:700}.month-week{border-top:1px solid var(--hairline);min-height:82px;padding-top:6px;position:relative}.month-week:first-of-type{border-top:none}.month-day-nums{grid-template-columns:repeat(7,1fr);display:grid}.month-day-num{justify-content:center;align-items:center;height:26px;display:flex}.month-day-num button{width:26px;height:26px;color:var(--ink);border-radius:50%;justify-content:center;align-items:center;font-size:13px;font-weight:600;display:flex}.month-day-num button.selected{background:var(--terracotta);color:#fff;font-weight:700}.month-lanes{margin-top:3px;position:relative}.event-bar{color:#fff;white-space:nowrap;text-overflow:ellipsis;border-radius:5px;height:13px;padding:0 4px;font-size:9px;font-weight:700;line-height:13px;position:absolute;overflow:hidden}.event-bar.no-round-left{border-top-left-radius:0;border-bottom-left-radius:0}.event-bar.no-round-right{border-top-right-radius:0;border-bottom-right-radius:0}.lane-overflow{color:var(--muted);text-align:center;font-size:9px;font-weight:700;position:absolute}.agenda-day{font-family:var(--serif);margin:20px 0 10px;font-size:20px}.agenda-row{align-items:center;gap:10px;padding:10px 0;display:flex}.agenda-row+.agenda-row{border-top:1px solid var(--hairline)}.agenda-time{width:56px;color:var(--muted-2);flex-shrink:0;font-size:12px;font-weight:600}.agenda-end{color:var(--faint);font-size:11px;font-weight:500;display:block}.agenda-repeat{color:var(--muted);font-weight:500}.field select:disabled,.field input:disabled{opacity:.45}.field-hint{color:var(--faint);margin:-6px 2px 12px;font-size:12px;font-weight:500}.invite-code{background:var(--terracotta-tint);width:100%;color:var(--terracotta-deep);font-family:var(--serif);letter-spacing:6px;text-align:center;border-radius:18px;margin-bottom:12px;padding:18px 0;font-size:34px;display:block}.agenda-bar{border-radius:2px;flex-shrink:0;width:4px;height:26px}.agenda-title{flex:1;font-size:14px;font-weight:700}.all-pill{color:var(--muted-2);background:var(--chip-track);border-radius:20px;padding:5px 10px;font-size:11px;font-weight:700}.agenda-empty{text-align:center;color:var(--muted);padding:22px 0;font-size:13px;font-weight:600}.agenda-empty .hint{color:var(--faint);margin-top:3px;font-size:12px;font-weight:500}.category-heading{font-family:var(--serif);justify-content:space-between;align-items:baseline;margin:18px 4px 8px;font-size:19px;display:flex}.category-heading .count{font-family:var(--sans);color:var(--muted);font-size:12px;font-weight:600}.category-empty{color:var(--faint);padding:4px 0;font-size:13px;font-weight:500}.add-bar{background:linear-gradient(to top, var(--paper) 75%, transparent);z-index:15;width:min(430px,100%);padding:10px 20px 0;position:fixed;bottom:92px;left:50%;transform:translate(-50%)}.add-bar-row{align-items:center;gap:8px;display:flex}.add-bar input[type=text]{background:var(--card);border:1px solid var(--card-border);border-radius:20px;outline:none;flex:1;min-width:0;padding:11px 16px;font-size:14px;font-weight:600}.add-bar input[type=text]::placeholder{color:var(--faint)}.add-bar select{background:var(--card);border:1px solid var(--card-border);color:var(--muted-2);border-radius:20px;outline:none;max-width:110px;padding:11px 10px;font-size:12px;font-weight:700}.add-btn{background:var(--terracotta);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-size:22px;display:flex}.add-bar-caption{color:var(--faint);margin:6px 4px 0;font-size:11px;font-weight:500}.add-bar-caption b{font-weight:700}.new-cat-btn{color:var(--terracotta-deep);margin-left:8px;font-size:12px;font-weight:700}.new-cat-row{gap:8px;margin-top:8px;display:flex}.new-cat-row input{background:var(--card);border:1px solid var(--card-border);border-radius:20px;outline:none;flex:1;padding:9px 14px;font-size:13px;font-weight:600}.new-cat-row button{background:var(--terracotta);color:#fff;border-radius:20px;padding:9px 16px;font-size:13px;font-weight:700}.notes-grid{flex-wrap:wrap;gap:12px;display:flex}.note-card{text-align:left;border-radius:18px;flex:44%;padding:16px}.note-card-title{margin-bottom:8px;font-size:15px;font-weight:700}.note-card-line{color:#6b6058;font-size:13px;font-weight:500;line-height:1.45}.note-card-meta{color:var(--muted);margin-top:10px;font-size:11px;font-weight:600}.member-row{align-items:center;gap:14px;padding:12px 0;display:flex}.member-row+.member-row{border-top:1px solid var(--hairline)}.member-name{font-size:16px;font-weight:700}.member-role{color:var(--muted);font-size:13px;font-weight:600}.member-stat{color:var(--muted-2);margin-left:auto;font-size:12px;font-weight:600}.invite-btn{background:var(--terracotta);color:#fff;border-radius:22px;width:100%;margin-bottom:22px;padding:15px 0;font-size:15px;font-weight:700;box-shadow:0 12px 24px -10px #cf7a53a6}.settings-heading{font-family:var(--serif);margin:4px 4px 10px;font-size:22px}.settings-row{justify-content:space-between;align-items:center;padding:13px 0;font-size:14px;font-weight:600;display:flex}.settings-row+.settings-row{border-top:1px solid var(--hairline)}.settings-value{color:var(--muted);font-weight:600}.settings-value.accent{color:var(--terracotta-deep);font-weight:700}.signout-btn{text-align:center;width:100%;color:var(--muted);padding:14px 0;font-size:13px;font-weight:700}.tabbar{background:var(--tabbar);width:min(390px,100% - 32px);box-shadow:var(--shadow-tabbar);z-index:20;border-radius:24px;padding:8px 6px;display:flex;position:fixed;bottom:16px;left:50%;transform:translate(-50%)}.tabbar button{color:var(--faint);flex:1;padding:10px 0;font-size:11px;font-weight:600}.tabbar button.active{color:var(--paper);font-weight:700}.modal-overlay{z-index:40;background:#281c1466;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.modal{background:var(--card);border-radius:26px 26px 0 0;width:min(430px,100%);max-height:85dvh;padding:24px 22px 30px;overflow-y:auto}.modal h2{font-family:var(--serif);margin-bottom:16px;font-size:24px;font-weight:400}.field{margin-bottom:12px}.field label{color:var(--muted);margin-bottom:5px;font-size:12px;font-weight:700;display:block}.field input,.field select,.field textarea{background:var(--paper);border:1px solid var(--card-border);resize:vertical;border-radius:14px;outline:none;width:100%;padding:11px 14px;font-size:14px;font-weight:600}.field-row{gap:10px;display:flex}.field-row .field{flex:1}.modal-actions{gap:10px;margin-top:18px;display:flex}.btn-primary{background:var(--terracotta);color:#fff;border-radius:18px;flex:1;padding:13px 0;font-size:14px;font-weight:700}.btn-primary:disabled{opacity:.5}.btn-ghost{background:var(--chip-track);color:var(--muted-2);border-radius:18px;flex:1;padding:13px 0;font-size:14px;font-weight:700}.form-error{color:#b4452e;margin-top:8px;font-size:13px;font-weight:600}.login-wrap{flex-direction:column;justify-content:center;align-items:center;min-height:100dvh;padding:24px;display:flex}.login-card{background:var(--card);border:1px solid var(--card-border);width:100%;max-width:360px;box-shadow:var(--shadow-card);border-radius:26px;padding:28px 24px}.login-kicker{color:var(--muted);text-align:center;font-size:13px;font-weight:600}.login-title{font-family:var(--serif);text-align:center;margin-bottom:20px;font-size:32px;font-weight:400}.login-switch{text-align:center;color:var(--muted);margin-top:16px;font-size:13px;font-weight:600}.login-switch button{color:var(--terracotta-deep);font-size:13px;font-weight:700}.loading-screen{min-height:100dvh;font-family:var(--serif);color:var(--muted);justify-content:center;align-items:center;font-size:22px;display:flex}