:root{--brand:#e5005c;--brand-soft:#ffe3ee;--ink:#1e242b;--muted:#6f7782;--paper:#f6f3ec;--line:#e6ebf2;--soft:#f7f9fc;--panel:hsla(0,0%,100%,.88);--hour-height:64px}*{box-sizing:border-box}html{min-height:100%}body{min-height:100vh;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--ink);background:radial-gradient(circle at 10% 10%,rgba(229,0,92,.18),transparent 24rem),linear-gradient(135deg,#f7f0e7,#eff4f2 48%,#f8ecef)}a.primary,button{min-height:44px;border:0;border-radius:999px;padding:.75rem 1rem;background:var(--brand);color:#fff;font-weight:800;text-decoration:none;cursor:pointer;box-shadow:0 12px 28px #e5005c2e}button:disabled{opacity:.45;cursor:not-allowed}button.ghost{box-shadow:none}button.ghost,input,select{background:#fff;color:var(--ink);border:1px solid var(--line)}input,select{min-height:44px;border-radius:14px;padding:.7rem .9rem;font:inherit}select[multiple]{min-height:44px;max-height:46px;overflow:auto}.app-shell{width:min(100%,1440px);margin:auto;padding:clamp(.6rem,2vw,1.2rem)}.card,.login-card{background:var(--panel);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1px solid hsla(0,0%,100%,.7);border-radius:28px;padding:clamp(1rem,4vw,2rem);box-shadow:0 24px 80px #1e242b1a}.login-card{max-width:720px;margin:8vh auto}.login-card h1{font-family:Space Grotesk,Inter,sans-serif;font-size:clamp(2.2rem,7vw,4.8rem);line-height:.94;margin:.5rem 0}.brand-badge{display:inline-flex;background:var(--ink);color:#fff;border-radius:999px;padding:.35rem .75rem;font-weight:900;letter-spacing:.03em}.hint{margin-top:1rem;color:var(--muted)}.dev-login,.inline{display:flex;gap:.75rem;flex-wrap:wrap;margin-top:1rem}.family-planner{display:grid;grid-template-columns:74px minmax(0,1fr);min-height:calc(100vh - 2.4rem);overflow:hidden;border:1px solid rgba(30,36,43,.13);border-radius:26px;background:#ffffffb3;box-shadow:0 28px 90px #1e242b24,inset 0 0 0 1px #ffffff80}.side-nav{display:flex;flex-direction:column;align-items:center;gap:.6rem;padding:.7rem .35rem;background:linear-gradient(180deg,#f8fbffeb,#eef4f9d1);border-right:1px solid rgba(30,36,43,.08)}.app-mark{display:grid;place-items:center;width:38px;height:38px;margin-bottom:.5rem;border-radius:12px;color:#fff;background:conic-gradient(from 30deg,#ffbd66,#e5005c,#8bb8ff,#a8e6cf,#ffbd66);font-weight:900}.nav-item{display:grid;place-items:center;width:62px;min-height:58px;gap:.18rem;padding:.35rem .2rem;border-radius:18px;background:transparent;color:#89929f;box-shadow:none;font-size:.62rem}.nav-icon{font-size:1.1rem;filter:grayscale(.5)}.nav-item.active{color:var(--ink);background:#fffffff2;box-shadow:0 10px 30px #1e242b14}.nav-item.active .nav-icon{filter:none}.add-button{width:46px;height:46px;min-height:46px;margin-top:auto;padding:0;font-size:1.8rem;background:linear-gradient(135deg,#ffd166,#f15bb5,#38bdf8,#9be564);box-shadow:0 14px 32px #e5005c38}.planner-main{min-width:0;background:#ffffffc7}.planner-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;padding:1.15rem 1.25rem .8rem;background:#ffffffeb;border-bottom:1px solid rgba(30,36,43,.08)}.eyebrow{margin:0 0 .65rem;font-family:Space Grotesk,Inter,sans-serif;font-size:clamp(1.2rem,2vw,1.65rem);font-weight:800;letter-spacing:-.03em}.week-switcher{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.round,.week-pill{min-height:32px;padding:.42rem .8rem;box-shadow:none;border:1px solid transparent}.week-pill.active{background:#dae5ff;color:#3860c8}.week-pill.muted{background:transparent;color:#9aa3af}.round{width:34px;height:34px;min-height:34px;padding:0;background:#eff3f8;color:var(--muted);font-size:1.4rem}.members-strip{display:flex;align-items:center;gap:.48rem}.group-button,.settings-button{display:grid;place-items:center;width:44px;height:44px;min-height:44px;padding:0;background:#f4f6f9;color:#8d96a3;box-shadow:none}.avatar{display:grid;place-items:center;width:46px;height:46px;border:3px solid var(--member-color);border-radius:999px;background:linear-gradient(180deg,#fff,#f1f5f9);box-shadow:0 8px 22px color-mix(in srgb,var(--member-color) 24%,transparent);overflow:hidden;font-weight:900;color:var(--ink)}.avatar img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.calendar-panel{padding:0 1rem 1rem}.event-composer{display:grid;grid-template-columns:minmax(190px,1fr) 220px 170px auto;gap:.65rem;padding:.9rem 0}.calendar-week{position:relative;display:grid;grid-template-columns:54px repeat(7,minmax(118px,1fr));grid-template-rows:46px calc(var(--hour-count)*var(--hour-height));min-width:940px;overflow:hidden;border:1px solid rgba(30,36,43,.09);border-radius:18px;background:#fff}.day-corner{grid-row:1;grid-column:1}.day-corner,.day-heading{border-right:1px solid #eef1f5;border-bottom:1px solid #eef1f5}.day-heading{display:flex;align-items:center;gap:.25rem;min-width:0;padding:.4rem .55rem;color:#858d99;background:#fffffff5}.day-heading b{font-size:1.05rem}.day-heading.today b{display:grid;place-items:center;min-width:28px;height:28px;color:#fff;background:#ff8a65;border-radius:999px}.day-heading button{min-height:28px;width:28px;height:28px;margin-left:auto;padding:0;color:#c2c9d2;background:transparent;box-shadow:none;font-size:1.15rem}.time-grid{grid-column:1;grid-row:2;display:grid;grid-template-rows:repeat(var(--hour-count),var(--hour-height));border-right:1px solid #eef1f5;background:#fbfcfd}.time-grid span{padding:.25rem .45rem;color:#9da6b3;font-size:.72rem;border-bottom:1px solid #f0f2f5}.day-column{grid-row:2;display:grid;grid-template-rows:repeat(var(--hour-count),var(--hour-height));border-right:1px solid #eef1f5;background-image:linear-gradient(180deg,transparent 49%,rgba(246,248,251,.72) 50%,transparent 51%);background-size:100% 32px}.hour-line{border-bottom:1px solid #edf0f4}.calendar-event{position:absolute;z-index:2;margin:5px 7px;padding:.55rem .65rem;overflow:hidden;border-radius:8px;border-left:4px solid color-mix(in srgb,var(--event-color),#000 12%);background:color-mix(in srgb,var(--event-color) 30%,#fff);box-shadow:0 10px 22px #1e242b14;color:#1e242bd1}.calendar-event b,.calendar-event small,.calendar-event span{display:block}.calendar-event b{font-size:.9rem}.calendar-event small,.calendar-event span{font-size:.68rem;color:#1e242b94}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1rem;padding:1rem}.rows,ul{padding:0;list-style:none}.rows li,li{justify-content:space-between;gap:.75rem;padding:.75rem 0;border-bottom:1px solid var(--line)}.member,.rows li,li{display:flex;align-items:center}.member{gap:.7rem;padding:.5rem 0}.member span{width:1rem;height:1rem;border-radius:50%}.member b{margin-left:auto}.toast{position:fixed;right:1rem;bottom:1rem;z-index:5;background:var(--ink);color:#fff;padding:.8rem 1rem;border-radius:18px}.reward{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;border-top:1px solid var(--line);padding:1rem 0}@supports not (background:color-mix(in srgb,red,white)){.calendar-event{background:#dbeafe}}@media(max-width:1060px){.planner-main{overflow-x:auto}.event-composer{grid-template-columns:1fr 1fr}}@media(max-width:720px){.app-shell{padding:.45rem}.family-planner{grid-template-columns:1fr;min-height:calc(100vh - .9rem)}.side-nav{position:sticky;top:0;z-index:4;flex-direction:row;overflow-x:auto;align-items:center;border-right:0;border-bottom:1px solid rgba(30,36,43,.08)}.app-mark{flex:0 0 auto;margin:0 .2rem 0 0}.nav-item{flex:0 0 60px}.add-button{flex:0 0 46px;margin:0 0 0 auto}.planner-header{flex-direction:column;padding:.85rem}.members-strip{width:100%;overflow-x:auto;padding-bottom:.25rem}.calendar-panel{padding:0 .65rem .65rem;overflow-x:auto}.calendar-week{grid-template-columns:44px repeat(7,112px);min-width:828px}.event-composer{grid-template-columns:1fr}.inline>*{flex:1 1 100%}.rows li,li{align-items:flex-start;flex-direction:column}.card{border-radius:22px}}