:root{--ink:#243236;--muted:#667579;--line:#dfe7e5;--paper:#fbfcfa;--card:#fff;--family:#2d7580;--family-soft:#e6f1f1;--private:#75599b;--private-soft:#f0eaf6;--coral:#e98268;--shadow:0 12px 40px rgba(31,55,58,.08)}
*{box-sizing:border-box}html{font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--ink);background:var(--paper)}body{margin:0;font-size:14px}.shell{min-height:100vh;display:grid;grid-template-columns:236px 1fr}.sidebar{position:sticky;top:0;height:100vh;padding:22px 14px;border-right:1px solid var(--line);background:#f5f8f6;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:10px;padding:0 10px 24px;color:var(--ink);text-decoration:none}.brand-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:13px;background:var(--family);color:#fff;font-size:20px}.brand small{display:block;color:var(--muted);margin-top:2px}.nav{display:grid;gap:5px}.nav a{display:flex;gap:10px;align-items:center;padding:10px 12px;border-radius:11px;color:#536266;text-decoration:none;font-weight:600}.nav a:hover,.nav a.active{background:#fff;color:var(--ink);box-shadow:0 2px 12px rgba(30,55,58,.05)}.nav-icon{width:22px;text-align:center}.sidebar-foot{margin-top:auto;border-top:1px solid var(--line);padding-top:14px}.user-chip{display:flex;align-items:center;gap:10px;padding:10px}.avatar{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#dceae7;color:#245c64;font-weight:800}.main{padding:34px}.wrap{max-width:1120px;margin:0 auto}.topline{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:24px}.topline h1{font-size:28px;margin:0 0 5px;letter-spacing:-.03em}.topline p,.muted{color:var(--muted);margin:0}.card{background:var(--card);border:1px solid var(--line);border-radius:18px;box-shadow:0 4px 22px rgba(37,65,66,.04)}.pad{padding:20px}.grid{display:grid;gap:18px}.grid-2{grid-template-columns:minmax(0,1.65fr) minmax(280px,.75fr)}.stack{display:grid;gap:14px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:0;border-radius:11px;padding:10px 15px;font:inherit;font-weight:700;cursor:pointer;text-decoration:none}.btn-primary{background:var(--family);color:#fff}.btn-secondary{background:var(--family-soft);color:#225d65}.btn-ghost{background:#f3f6f4;color:var(--ink)}.btn-danger{background:#fff0ed;color:#a33e2e}.btn-sm{padding:7px 10px;font-size:12px}.input,.textarea,.select{width:100%;border:1px solid #ccd8d5;border-radius:11px;background:#fff;padding:10px 12px;font:inherit;color:var(--ink);outline:none}.input:focus,.textarea:focus,.select:focus{border-color:var(--family);box-shadow:0 0 0 3px rgba(45,117,128,.12)}.textarea{min-height:94px;resize:vertical}.label{display:block;font-size:12px;font-weight:750;margin-bottom:6px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.span-2{grid-column:1/-1}.visibility{display:flex;gap:8px}.choice{position:relative}.choice input{position:absolute;opacity:0}.choice span{display:block;padding:8px 11px;border-radius:999px;background:#f2f5f4;color:var(--muted);font-weight:700;font-size:12px;cursor:pointer}.choice input:checked+span.family{background:var(--family-soft);color:var(--family)}.choice input:checked+span.private{background:var(--private-soft);color:var(--private)}.pill{display:inline-flex;align-items:center;gap:5px;padding:5px 8px;border-radius:999px;font-size:11px;font-weight:800}.pill-family{background:var(--family-soft);color:var(--family)}.pill-private{background:var(--private-soft);color:var(--private)}.post{padding:18px;border-left:4px solid var(--family)}.post.private{border-left-color:var(--private)}.post-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.post-author{display:flex;align-items:center;gap:10px}.post p{white-space:pre-wrap;line-height:1.55;margin:0 0 13px}.attachment{display:flex;align-items:center;gap:9px;padding:10px;border-radius:11px;background:#f4f7f6;color:var(--ink);text-decoration:none}.reactions{display:flex;gap:6px;border-top:1px solid var(--line);padding-top:11px;margin-top:12px}.reaction{border:0;background:#f4f7f6;border-radius:999px;padding:6px 9px;cursor:pointer}.side-card h3,.card h2{margin:0 0 12px;font-size:16px}.mini-list{display:grid;gap:10px}.mini-row{display:flex;gap:10px;align-items:flex-start}.date-badge{width:42px;text-align:center;border-radius:10px;background:var(--family-soft);color:var(--family);padding:5px;font-weight:800;font-size:11px}.spark{background:linear-gradient(145deg,#2d7580,#3d8e8d);color:#fff;border:0}.spark .muted{color:#d9eeee}.empty{text-align:center;padding:35px;color:var(--muted)}.flash{padding:12px 14px;border-radius:12px;margin-bottom:16px;font-weight:650}.flash-success{background:#e7f4ec;color:#286343}.flash-error{background:#fff0ed;color:#9c4436}.item-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:15px 17px}.item-row+.item-row{border-top:1px solid var(--line)}.item-main{min-width:0}.item-main h3{margin:0 0 4px;font-size:15px}.item-main p{margin:0;color:var(--muted);font-size:12px}.complete{text-decoration:line-through;color:#8a9698}.mobile-head{display:none}.legend{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.auth-page{min-height:100vh;display:grid;place-items:center;padding:28px;background:radial-gradient(circle at 15% 10%,#e7f3ef 0,transparent 35%),radial-gradient(circle at 85% 85%,#f0eaf6 0,transparent 38%),#fbfcfa}.auth-box{width:min(430px,100%)}.auth-brand{text-align:center;margin-bottom:20px}.auth-brand .brand-mark{margin:0 auto 12px}.auth-brand h1{font-size:26px;margin:0 0 7px}.provider{width:100%;padding:13px;margin-top:10px;border:1px solid var(--line);background:#fff;color:var(--ink)}.divider{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:12px;margin:18px 0}.divider:before,.divider:after{content:"";height:1px;background:var(--line);flex:1}.landing{min-height:100vh;background:#f6faf8}.landing-nav{max-width:1180px;margin:auto;padding:24px;display:flex;justify-content:space-between;align-items:center}.landing-hero{max-width:1180px;margin:auto;padding:70px 24px 50px;display:grid;grid-template-columns:1.1fr .9fr;gap:65px;align-items:center}.eyebrow{color:var(--family);font-weight:800;letter-spacing:.08em;text-transform:uppercase;font-size:12px}.landing h1{font-size:clamp(44px,6vw,76px);letter-spacing:-.055em;line-height:.98;margin:18px 0 24px}.landing-copy{font-size:19px;line-height:1.55;color:#5a696c;max-width:610px}.hero-art{min-height:520px;border-radius:36px;position:relative;overflow:hidden;background:linear-gradient(155deg,#dcefeb,#b9ded8 52%,#d9cce8);box-shadow:var(--shadow)}.orbit{position:absolute;border:2px solid rgba(255,255,255,.8);border-radius:50%}.orbit.a{width:380px;height:380px;top:70px;left:40px}.orbit.b{width:250px;height:250px;top:135px;left:105px}.home-shape{position:absolute;left:137px;top:155px;width:190px;height:180px;background:#fff;border-radius:20px 20px 55px 55px;box-shadow:var(--shadow)}.home-shape:before{content:"";position:absolute;left:19px;top:-67px;border-left:76px solid transparent;border-right:76px solid transparent;border-bottom:82px solid #fff}.bubble{position:absolute;padding:11px 14px;background:#fff;border-radius:15px;box-shadow:var(--shadow);font-weight:750}.bubble.one{top:65px;right:30px}.bubble.two{bottom:75px;left:25px}.bubble.three{bottom:45px;right:35px}.feature-strip{max-width:1180px;margin:0 auto;padding:25px 24px 80px;display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.feature{padding:20px;background:#fff;border:1px solid var(--line);border-radius:18px}.feature b{display:block;margin:10px 0 5px}.feature p{color:var(--muted);line-height:1.45;margin:0}.invite-link{word-break:break-all;background:#f1f6f4;padding:12px;border-radius:10px;border:1px dashed #b8cbc7}.checkbox{width:22px;height:22px}.footer-note{text-align:center;color:var(--muted);font-size:12px;margin-top:20px}
@media(max-width:850px){.shell{display:block}.sidebar{display:none}.mobile-head{display:flex;position:sticky;top:0;z-index:20;align-items:center;justify-content:space-between;padding:12px 16px;background:rgba(255,255,255,.94);border-bottom:1px solid var(--line);backdrop-filter:blur(10px)}.mobile-nav{display:flex;gap:6px;overflow:auto}.mobile-nav a{padding:7px 9px;text-decoration:none;color:var(--muted);font-size:12px;font-weight:700}.main{padding:22px 15px 80px}.grid-2{grid-template-columns:1fr}.landing-hero{grid-template-columns:1fr;padding-top:40px}.hero-art{min-height:400px}.feature-strip{grid-template-columns:repeat(2,1fr)}.form-grid{grid-template-columns:1fr}.span-2{grid-column:auto}}
@media(max-width:520px){.landing h1{font-size:45px}.hero-art{min-height:350px}.home-shape{transform:scale(.75);left:75px;top:110px}.feature-strip{grid-template-columns:1fr}.topline{display:block}.topline .btn{margin-top:12px}.main{padding-top:18px}.form-grid{display:block}.form-grid>*{margin-bottom:12px}}
.pill-holiday{background:#fff1df;color:#a75b17}.date-holiday{background:#fff1df;color:#a75b17}