:root{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#253c34;background:#f7f8f3;font-synthesis:none;--green:#285b49;--muted:#718078;--line:#e3e7de;--cream:#f7f8f3;--sage:#e8eee4;--rose:#f5e9e3;--gold:#f6efdc;--blue:#e6edf4}
*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:wait;opacity:.65}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #c29d55;outline-offset:3px}button{border:0;background:none;color:inherit}a{color:var(--green)}h1,h2,h3,p{margin:0}h1,h2,.serif{font-family:Georgia,"Times New Roman",serif;font-weight:400;letter-spacing:-.035em}h1{font-size:44px;line-height:1.13}h2{font-size:25px}h3{font-size:15px;font-weight:600;line-height:1.5}p{line-height:1.6}.muted{color:var(--muted)}.small{font-size:12px}.eyebrow{text-transform:uppercase;font-size:10px;font-weight:700;letter-spacing:1.8px}.icon{width:20px;height:20px;display:inline-block;flex-shrink:0;vertical-align:middle;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.brand{display:flex;align-items:center;gap:10px;font-size:22px;letter-spacing:-.8px;font-weight:650}.brand img{width:39px;height:39px}.sidebar{position:fixed;left:0;top:0;bottom:0;width:236px;background:#fffefa;border-right:1px solid var(--line);padding:33px 22px;display:flex;flex-direction:column;z-index:10}.family-label{margin:38px 12px 14px}.nav{display:grid;gap:7px}.nav button{text-align:left;display:flex;align-items:center;gap:13px;padding:13px 15px;border-radius:9px;color:#768279;font-size:14px}.nav button.active{background:#eaf0e6;color:var(--green);font-weight:650}.nav button:hover{background:#f1f4ed}.nav-count{margin-left:auto;font-size:11px;background:white;padding:2px 7px;border-radius:5px}.sidebar-bottom{margin-top:auto}.little-card{background:#f4f5ed;border:1px solid #e9ebdf;border-radius:14px;padding:17px;margin-bottom:22px}.little-card .icon{color:#9a9367;margin-bottom:10px}.little-card p{font-size:12px;color:#7b8270;margin-top:7px}.profile{border-top:1px solid var(--line);padding:20px 4px 0;display:flex;align-items:center;gap:10px}.profile span:nth-child(2){flex:1}.avatar{border:2px solid #fffefa;border-radius:50%;width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;background:var(--sage);color:var(--green);flex-shrink:0}.avatar.rose,.dot.rose{background:var(--rose);color:#996451}.avatar.gold,.dot.gold{background:var(--gold);color:#8e7747}.avatar.blue,.dot.blue{background:var(--blue);color:#54738e}.workspace{margin-left:236px}.topbar{height:84px;padding:0 42px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;background:#fffefa}.crumb{font-size:12px;display:flex;gap:12px;align-items:center}.top-right{display:flex;align-items:center;gap:18px}.avatar-stack{display:flex}.avatar-stack .avatar+.avatar{margin-left:-8px}.pill{font-size:11px;border:1px solid var(--line);border-radius:20px;padding:6px 10px;display:inline-flex;align-items:center;gap:7px}.pill::before{content:"";width:5px;height:5px;border-radius:50%;background:#6f9b68}.pill.offline::before{background:#b88837}.main{max-width:1440px;margin:0 auto;padding:36px 42px 50px}.page-intro{display:flex;align-items:center;justify-content:space-between;margin-bottom:27px;gap:18px}.page-intro .eyebrow{color:#87907e;margin-bottom:10px}.page-intro p{font-size:13px;color:var(--muted);margin-top:10px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 17px;border-radius:8px;font-size:12px;font-weight:600;border:1px solid transparent;white-space:nowrap;min-height:42px}.btn.primary{background:var(--green);color:#fff}.btn.primary:hover{background:#1a4939}.btn.secondary{background:#fffefa;border-color:var(--line)}.btn.soft{background:var(--sage)}.btn.danger{color:#a13e3e;background:#fff1ed}.icon-btn{border-radius:6px;padding:7px;min-width:34px;min-height:34px}.icon-btn:hover{background:var(--sage)}.hero{background:#eaf0e2;border:1px solid #dfe6d7;border-radius:16px;padding:27px 30px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;margin-bottom:26px;min-height:154px}.hero h2{font-size:31px;margin:8px 0 10px;position:relative;z-index:1}.hero p{font-size:12px;color:#68785d;max-width:420px;position:relative;z-index:1}.hero-illustration{width:210px;height:130px;flex-shrink:0;color:#4c795b}.hero-illustration .icon{width:100%;height:100%;stroke-width:1}.hero-tag{display:inline-flex;gap:6px;align-items:center;font-size:10px;font-weight:650;letter-spacing:.4px;color:#617652}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:28px}.stat{background:#fffefa;border:1px solid var(--line);padding:18px;border-radius:12px;display:flex;align-items:center;gap:13px;text-align:left}.stat .tile{width:42px;height:42px;border-radius:11px;background:var(--sage);display:flex;align-items:center;justify-content:center}.stat:nth-child(2) .tile{background:var(--gold);color:#977d46}.stat:nth-child(3) .tile{background:var(--blue);color:#63819c}.stat:nth-child(4) .tile{background:var(--rose);color:#aa7565}.stat strong{display:block;font-size:22px;font-weight:500;margin-bottom:3px}.stat small{font-size:11px;color:var(--muted)}.dashboard{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:23px;align-items:start}.column{display:grid;gap:23px}.card{border:1px solid var(--line);border-radius:13px;background:#fffefa;overflow:hidden}.card-heading{display:flex;align-items:center;justify-content:space-between;padding:21px 23px 15px;gap:12px}.card-heading h2{font-size:23px}.text-btn{font-size:11px;font-weight:600;color:#6d826a;display:inline-flex;align-items:center;gap:5px}.card-body{padding:0 23px 18px}.week-strip{display:grid;grid-template-columns:repeat(7,1fr);gap:5px;border-bottom:1px solid var(--line);padding:3px 0 17px;margin-bottom:5px}.week-day{border-radius:10px;padding:9px 0;text-align:center;font-size:10px;color:var(--muted);min-height:57px}.week-day strong{font-size:16px;display:block;margin-top:7px;font-weight:500;color:#435247}.week-day.selected{background:var(--green);color:#d5e2d5}.week-day.selected strong{color:#fff}.event-row{display:flex;gap:13px;padding:16px 0;border-bottom:1px solid #edf0e8;align-items:center}.event-row:last-child{border-bottom:0}.event-time{width:65px;flex-shrink:0;font-size:11px;line-height:1.7;color:#6f7b72}.event-info{border-left:3px solid #9fb58c;padding-left:13px;flex:1;min-width:0}.event-info.rose{border-color:#d2a391}.event-info.gold{border-color:#dac78c}.event-info.blue{border-color:#a4bbce}.event-info h3{font-size:13px}.event-info p{font-size:11px;margin-top:3px;color:var(--muted)}.check-row{display:flex;gap:12px;align-items:center;border-bottom:1px solid #edf0e8;padding:13px 0}.check-row:last-child{border:0}.check{width:21px;height:21px;min-width:21px;min-height:21px;border:1.5px solid #ccd5c7;border-radius:6px;padding:0;display:flex;align-items:center;justify-content:center;color:#fff}.check.checked{background:#6c8e66;border-color:#6c8e66}.check .icon{width:15px;height:15px}.check-content{flex:1;min-width:0;text-align:left;padding:0}.check-content strong{font-size:12px;font-weight:500;display:block;overflow-wrap:anywhere}.check-content small{color:var(--muted);font-size:10px;margin-top:4px;display:block}.completed strong{text-decoration:line-through;color:#8c9489}.category{font-size:9px;border-radius:5px;padding:4px 7px;background:#f2f3ed;color:#7b8573}.quick-add{display:flex;gap:9px;border-top:1px solid var(--line);padding:13px 22px;background:#fcfcf7}.quick-add input{min-width:0;flex:1;border:0;background:transparent;font-size:12px;outline-offset:1px;padding:8px}.quick-add button{font-size:19px;color:#71856a}.notice{padding:17px;border:1px solid #ece8d6;background:#f9f5e9;border-radius:10px;margin-top:4px}.notice+.notice{margin-top:12px}.notice-top{display:flex;align-items:center;gap:8px;font-size:10px;color:#93815d;margin-bottom:10px}.notice-top .icon{width:13px;height:13px}.notice h3{font-size:13px}.notice p{font-size:12px;margin:6px 0 12px;color:#787d6f;white-space:pre-wrap;overflow-wrap:anywhere}.notice-footer{display:flex;align-items:center;gap:7px;color:#8d8f7d;font-size:10px}.notice-footer .avatar{width:24px;height:24px;font-size:8px}.notice-footer .text-btn{margin-left:auto}.empty{text-align:center;padding:28px 15px;color:#7b8778;font-size:13px;line-height:1.7}.empty .icon{width:30px;height:30px;display:block;margin:0 auto 10px;color:#9eaf94}.footer-note{display:flex;align-items:center;justify-content:center;gap:7px;font-size:10px;color:#909789;margin-top:28px}.footer-note .icon{width:13px;height:13px}.demo-bar{background:#f4ecd8;color:#806e42;text-align:center;padding:9px 15px;font-size:11px;line-height:1.5}.demo-bar button{text-decoration:underline;font-weight:650;margin-left:8px;font-size:11px}.filter-row{display:flex;gap:8px;margin-bottom:22px;flex-wrap:wrap}.chip{font-size:12px;padding:8px 14px;background:#fffefa;border:1px solid var(--line);border-radius:22px}.chip.active{background:var(--green);color:white;border-color:var(--green)}.full-card{max-width:950px}.month-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px}.month-controls{display:flex;gap:8px;align-items:center}.calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr))}.weekday{padding:12px;text-align:center;font-size:11px;color:var(--muted);border-bottom:1px solid var(--line)}.calendar-cell{border-right:1px solid var(--line);border-bottom:1px solid var(--line);min-height:115px;padding:9px;overflow:hidden;text-align:left;vertical-align:top}.calendar-cell:nth-child(7n){border-right:0}.calendar-cell.outside{background:#f5f6ef;color:#a8afa0}.calendar-cell.today .day-number{background:var(--green);color:#fff;border-radius:50%}.day-number{font-size:11px;width:26px;height:26px;display:inline-flex;align-items:center;justify-content:center}.calendar-event{display:block;font-size:10px;background:var(--sage);border-radius:4px;margin-top:5px;padding:5px 6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.calendar-event.rose{background:var(--rose)}.calendar-event.gold{background:var(--gold)}.calendar-event.blue{background:var(--blue)}.board-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.board-grid .notice{margin:0}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:23px}.member-row{display:flex;gap:12px;align-items:center;padding:13px 0;border-bottom:1px solid var(--line)}.member-row p{font-size:12px}.member-row small{font-size:10px;color:var(--muted)}.settings-copy{font-size:13px;color:var(--muted);margin:5px 0 17px}.settings-actions{display:flex;gap:10px;flex-wrap:wrap}.auth-shell{max-width:1150px;margin:auto;padding:40px 40px 25px}.auth-top{display:flex;align-items:center;justify-content:space-between}.auth-main{display:grid;grid-template-columns:1.1fr 1fr;gap:85px;align-items:center;padding:65px 0 50px}.auth-story h1{font-size:64px;line-height:1.05;margin:18px 0 24px}.auth-story h1 em{color:#7b9267;font-weight:400}.auth-story>p{font-size:15px;color:var(--muted);max-width:390px}.auth-art{height:210px;background:#eaf0e2;border-radius:90px 90px 16px 16px;margin-top:33px;display:flex;align-items:center;justify-content:center;position:relative}.auth-art .hero-illustration{width:270px;height:185px}.floating-note{position:absolute;padding:13px 17px;background:#fffefa;border:1px solid #e2e6d9;box-shadow:0 7px 20px #304c3010;border-radius:9px;font-size:11px;display:flex;align-items:center;gap:8px}.floating-note.first{left:-15px;top:39px;transform:rotate(-6deg)}.floating-note.second{right:-15px;bottom:30px;transform:rotate(5deg)}.auth-card{background:#fffefa;border:1px solid var(--line);border-radius:18px;padding:30px;box-shadow:0 10px 45px #263e3105}.auth-card h2{font-size:30px;margin-bottom:8px}.auth-card>p{font-size:13px;color:var(--muted);margin-bottom:25px}.auth-tabs{display:flex;gap:8px;margin-bottom:24px;border-bottom:1px solid var(--line)}.auth-tabs button{font-size:12px;padding:10px 4px;margin-right:13px;border-bottom:2px solid transparent;color:var(--muted)}.auth-tabs button.active{color:var(--green);border-color:var(--green)}label{display:block;font-size:11px;font-weight:650;margin:15px 0 7px}input,textarea,select{border:1px solid #dce2d6;border-radius:8px;background:#fffefa;padding:12px;color:#2d4539;width:100%;font-size:13px;min-height:43px}textarea{min-height:115px;resize:vertical}input::placeholder,textarea::placeholder{color:#99a291}.form-hint{font-size:11px;color:#85907e;margin-top:7px;line-height:1.5}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.auth-submit{width:100%;margin-top:22px}.auth-bottom{text-align:center;font-size:11px;color:#899281;margin-top:20px;padding-top:20px;border-top:1px solid var(--line)}.auth-bottom button{color:var(--green);text-decoration:underline;margin-top:8px;font-size:12px}.form-error{color:#a8483f;font-size:12px;line-height:1.5;margin-top:14px}.form-error:empty{display:none}.install-hint{margin-top:17px;font-size:11px;color:#92998c;text-align:center}dialog{border:1px solid var(--line);border-radius:16px;width:min(520px,calc(100% - 28px));max-height:90dvh;padding:0;color:#253c34;background:#fffefa;box-shadow:0 24px 80px #142c3526}dialog::backdrop{background:#182e2a66;backdrop-filter:blur(3px)}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:22px 25px 10px}.modal-header h2{font-size:28px}.modal-content{padding:0 25px 25px}.modal-actions{display:flex;gap:9px;justify-content:flex-end;margin-top:24px;flex-wrap:wrap}.modal-actions .danger{margin-right:auto}.checkbox-label{display:flex;gap:9px;align-items:center;font-weight:400;font-size:12px}.checkbox-label input{width:16px;min-height:16px}.invite-code{font-family:monospace;word-break:break-all;background:var(--sage);padding:16px;border-radius:9px;margin:18px 0;font-size:13px;user-select:all}#toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,20px);background:#253f34;color:#fffefa;padding:13px 20px;border-radius:10px;z-index:100;font-size:12px;max-width:calc(100% - 30px);opacity:0;pointer-events:none;transition:.2s;box-shadow:0 5px 20px #122c2420}#toast.show{opacity:1;transform:translate(-50%,0)}.mobile-brand{display:none}.date-section{font-size:12px;font-weight:600;color:#7a876e;margin:19px 0 0}.screen-reader{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
@media(min-width:1500px){.main{padding-top:45px}.hero{min-height:170px}.card-body{padding-bottom:22px}}
@media(max-width:1100px){.sidebar{width:205px;padding:28px 15px}.workspace{margin-left:205px}.main{padding:28px}.topbar{padding:0 28px}.stat{padding:14px 11px;gap:9px}.stat .tile{width:34px;height:34px}.hero-illustration{width:155px}.dashboard{gap:16px}.card-heading{padding:18px 17px 14px}.card-body{padding:0 17px 16px}.auth-main{gap:45px}}
@media(max-width:800px){h1{font-size:35px}.sidebar{width:80px;padding:22px 12px}.sidebar .brand{justify-content:center}.sidebar .brand span,.family-label,.nav-label,.nav-count,.sidebar-bottom{display:none}.nav{margin-top:35px}.nav button{justify-content:center;padding:14px}.workspace{margin-left:80px}.topbar{height:68px;padding:0 22px}.main{padding:25px 22px}.stats{gap:10px}.stat{display:block;padding:13px}.stat .tile{margin-bottom:10px}.stat strong{font-size:20px}.stat small{font-size:10px}.hero{padding:23px;min-height:140px}.hero h2{font-size:27px}.hero-illustration{width:130px;height:110px}.dashboard{grid-template-columns:1fr}.column{gap:18px}.card-heading h2{font-size:24px}.board-grid,.settings-grid{grid-template-columns:1fr}.auth-shell{padding:25px}.auth-main{gap:30px}.auth-story h1{font-size:47px}.auth-art{height:170px}.floating-note.first{left:-8px}.floating-note.second{right:-8px}.calendar-cell{min-height:90px;padding:5px}.calendar-event{font-size:9px;padding:4px 2px}}
@media(max-width:580px){.sidebar{width:100%;height:auto;top:auto;bottom:0;border-right:0;border-top:1px solid var(--line);padding:7px 5px max(9px,env(safe-area-inset-bottom));background:#fffefaef;backdrop-filter:blur(12px)}.sidebar .brand{display:none}.nav{display:flex;justify-content:space-around;margin:0;gap:0}.nav button{flex:1;display:flex;flex-direction:column;gap:5px;padding:7px 0;border-radius:7px;font-size:9px}.nav button[data-view="settings"]{display:none}.nav-label{display:block}.workspace{margin-left:0}.topbar{height:64px;padding:0 20px}.crumb{display:none}.mobile-brand{display:flex;font-size:19px}.mobile-brand img{width:31px;height:31px}.top-right{gap:9px}.top-right .avatar-stack{display:none}.top-right .btn{padding:8px 10px;font-size:10px;min-height:35px}.pill{font-size:9px;padding:5px 8px}.main{padding:25px 19px 105px}.page-intro{margin-bottom:23px;align-items:flex-end}.page-intro .eyebrow{font-size:9px;letter-spacing:1.3px}.page-intro p{font-size:12px;max-width:220px}.page-intro .btn{padding:10px 12px;font-size:10px}.hero{padding:22px 20px;margin-bottom:20px;min-height:151px}.hero h2{font-size:27px;max-width:200px}.hero p{font-size:11px;max-width:205px}.hero-illustration{width:105px;position:absolute;right:-2px;bottom:10px;opacity:.65}.hero-tag{font-size:9px}.stats{grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:21px}.stat{display:flex;gap:11px;padding:15px}.stat .tile{margin:0;width:35px;height:35px}.stat strong{font-size:23px}.stat small{font-size:10px}.demo-bar{font-size:10px;padding:8px 10px}.dashboard{gap:18px}.card-heading{padding:19px 18px 14px}.card-body{padding:0 18px 17px}.calendar-cell{min-height:80px;padding:3px}.calendar-event{font-size:8px}.weekday{padding:10px 0;font-size:9px}.day-number{font-size:10px;width:22px;height:22px}.month-head h2{font-size:24px}.month-controls .btn{padding:6px 10px;font-size:10px}.calendar-card .card-body{padding:0 9px 15px}.calendar-card .card-heading{padding:17px 12px}.auth-shell{padding:23px 22px}.auth-top>.pill{display:none}.auth-main{display:flex;flex-direction:column;padding:35px 0 10px;gap:28px}.auth-story{width:100%}.auth-story h1{font-size:47px;margin:12px 0 15px;max-width:310px}.auth-story>p{font-size:13px;max-width:310px}.auth-art{display:none}.auth-card{width:100%;padding:25px}.auth-card h2{font-size:27px}.auth-card>p{margin-bottom:15px}.footer-note{margin-bottom:8px}.modal-header{padding:20px 20px 8px}.modal-content{padding:0 20px 22px}#toast{bottom:95px;width:max-content;max-width:90%}.form-row{gap:10px}}

.event-info{text-align:left;overflow-wrap:anywhere}.calendar-cell[aria-pressed="true"] .day-number{outline:1px solid #739166;outline-offset:2px}.brand{white-space:nowrap}
@media(max-width:580px){.page-intro{display:block}.page-intro>.btn{margin-top:16px}.page-intro p{max-width:none}.top-right .pill{display:none}.page-intro h1{font-size:34px;max-width:340px}.hero-illustration{opacity:.5}.topbar{gap:12px}.mobile-brand{font-size:18px;flex-shrink:0}}