:root{--deep:#20113d;--deep2:#2b164f;--purple:#5d3ea8;--purple2:#8066d6;--lilac:#c9b7ff;--mist:#f3efff;--text:#211a2f;--soft:#716780;--surface:rgba(250,248,255,.70);--surface2:rgba(250,248,255,.86);--stroke:rgba(255,255,255,.62);--shadow:0 30px 90px rgba(43,22,79,.16);--shadow2:0 18px 40px rgba(43,22,79,.14);--rail:126px;--safe:env(safe-area-inset-bottom,0px);--font:Inter,Geist,"SF Pro Display","Segoe UI",system-ui,sans-serif}*{box-sizing:border-box}body{margin:0;min-height:100vh;overflow-x:hidden;font-family:var(--font);color:var(--text);background:radial-gradient(circle at 8% 8%,rgba(128,102,214,.38),transparent 32%),radial-gradient(circle at 94% 12%,rgba(201,183,255,.52),transparent 30%),radial-gradient(circle at 15% 92%,rgba(93,62,168,.22),transparent 34%),linear-gradient(135deg,#f8f5ff,#ede7ff 50%,#f6f2ff)}button,select,textarea{font:inherit}button{cursor:pointer}.ambient{position:fixed;inset:0;pointer-events:none;background:linear-gradient(120deg,rgba(255,255,255,.32),transparent),radial-gradient(circle at 52% 42%,rgba(255,255,255,.36),transparent 40%)}.glass{background:var(--surface);border:1px solid var(--stroke);box-shadow:var(--shadow);backdrop-filter:blur(28px) saturate(1.08);-webkit-backdrop-filter:blur(28px) saturate(1.08)}.left-rail{position:fixed;left:24px;top:24px;bottom:24px;width:var(--rail);z-index:30;border-radius:40px;padding:18px 14px;display:flex;flex-direction:column;align-items:center}.brand{width:68px;height:68px;border-radius:26px;display:grid;place-items:center;background:linear-gradient(135deg,var(--deep2),var(--purple2));color:#f7f2ff;font-weight:850;letter-spacing:.04em;margin-bottom:30px;box-shadow:var(--shadow2)}.left-rail nav{display:grid;gap:14px;width:100%}.rail-btn{width:100%;min-height:74px;border:0;border-radius:26px;background:transparent;color:#5e536e;display:grid;place-items:center;gap:5px;transition:.18s ease}.rail-btn span{font-size:1.55rem;line-height:1}.rail-btn small{font-weight:760;font-size:.72rem}.rail-btn.active,.rail-btn:hover{background:rgba(255,255,255,.78);color:var(--deep2);transform:translateY(-1px);box-shadow:0 14px 32px rgba(43,22,79,.11)}.people{margin-top:auto;display:grid;gap:10px}.person{width:52px;height:52px;border:0;border-radius:20px;background:rgba(255,255,255,.38);color:#62546f;font-weight:850}.person.active{background:var(--surface2);color:var(--deep2)}.app-shell{margin-left:calc(var(--rail) + 58px);padding:24px 24px 128px 0}.topbar{min-height:92px;border-radius:40px;padding:20px 26px;margin-bottom:30px;display:flex;align-items:center;gap:18px}.kicker{margin:0 0 8px;color:#8a7b99;font-size:.73rem;font-weight:800;text-transform:uppercase;letter-spacing:.12em}h1,h2,h3{margin:0}.topbar h1{font-size:clamp(1.45rem,2.6vw,2.25rem);letter-spacing:-.04em}.phone-btn{margin-left:auto;border:0;width:56px;height:56px;border-radius:22px;background:rgba(255,255,255,.66);color:var(--deep2);font-size:1.2rem}.view{display:none}.view.active{display:block}.calendar-shell{border-radius:42px;padding:clamp(24px,4vw,54px);min-height:calc(100vh - 176px)}.calendar-head{display:flex;justify-content:space-between;gap:24px;align-items:flex-start;margin-bottom:34px}.calendar-head h2{font-size:clamp(2rem,5vw,4.2rem);line-height:.96;letter-spacing:-.065em}.soft{color:var(--soft);line-height:1.65;margin:12px 0 0;font-weight:460}.small{font-size:.88rem}.pill{border-radius:999px;padding:10px 14px;background:rgba(93,62,168,.12);color:var(--deep2);font-weight:760}.clock-card{min-width:150px;border-radius:28px;background:rgba(255,255,255,.62);padding:18px;text-align:right}.clock-card span{display:block;font-size:2rem;font-weight:850;letter-spacing:-.06em;color:var(--deep2)}.clock-card small{color:var(--soft);font-weight:700}.family-at-glance{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:26px}.family-at-glance article{border-radius:30px;background:rgba(255,255,255,.58);padding:18px;display:flex;gap:14px;align-items:center}.avatar{width:56px;height:56px;border-radius:22px;display:grid;place-items:center;font-weight:850}.avatar.y{background:rgba(93,62,168,.15)}.avatar.w{background:rgba(201,183,255,.28)}.avatar.d{background:rgba(128,102,214,.18)}.family-at-glance strong{display:block}.family-at-glance small{display:block;color:var(--soft);font-weight:640;margin-top:5px}.workspace-grid{display:grid;grid-template-columns:minmax(0,1.35fr) 360px;gap:22px}.timeline-card,.side-panel .panel-card{border-radius:34px;background:rgba(255,255,255,.56);padding:20px;box-shadow:0 12px 34px rgba(43,22,79,.07)}.timeline-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.ghost,.primary,.secondary{border:0;border-radius:20px;padding:12px 15px;font-weight:760}.ghost,.secondary{background:rgba(255,255,255,.7);color:var(--deep2)}.primary{background:linear-gradient(135deg,var(--deep2),var(--purple2));color:#faf7ff}.timeline{position:relative;height:620px;overflow:auto;border-radius:30px;background:rgba(250,248,255,.46);padding:18px 18px 18px 78px;scroll-behavior:smooth}.timeline:before{content:"";position:absolute;left:46px;top:24px;bottom:24px;width:2px;background:linear-gradient(var(--lilac),var(--purple2));opacity:.65}.now-line{position:absolute;left:18px;right:18px;height:0;border-top:2px solid var(--purple);z-index:5;pointer-events:none}.now-line span{position:absolute;left:0;top:-16px;background:var(--deep2);color:#f7f2ff;border-radius:999px;padding:5px 9px;font-size:.72rem;font-weight:800}.event{position:absolute;left:78px;right:18px;min-height:86px;border-radius:26px;padding:16px 18px;background:rgba(255,255,255,.76);box-shadow:0 12px 30px rgba(43,22,79,.08);display:flex;gap:14px;align-items:flex-start;transition:.18s ease}.event.active{transform:scale(1.02);background:linear-gradient(135deg,rgba(255,255,255,.94),rgba(235,228,255,.92));outline:3px solid rgba(93,62,168,.16)}.event .dot{position:absolute;left:-39px;top:30px;width:16px;height:16px;border-radius:50%;background:var(--purple2);box-shadow:0 0 0 6px rgba(128,102,214,.18)}.event-time{min-width:54px;color:var(--deep2);font-weight:850}.event-copy strong{display:block}.event-copy span{color:var(--soft);font-size:.92rem}.side-panel{display:grid;gap:18px;align-content:start}.panel-card h3{margin-bottom:12px}.quick-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.quick-grid button{border:0;border-radius:20px;padding:13px 10px;background:rgba(255,255,255,.72);color:var(--deep2);font-weight:750}select,textarea{width:100%;border:1px solid rgba(128,102,214,.14);border-radius:20px;background:rgba(255,255,255,.72);padding:13px;color:var(--text);margin:8px 0}.button-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.geo-output{margin-top:12px;border-radius:22px;padding:14px;background:rgba(255,255,255,.62);color:var(--soft);font-weight:640}.month-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:10px}.month-cell{min-height:112px;border-radius:24px;padding:12px;background:rgba(255,255,255,.52)}.month-cell strong{display:block;margin-bottom:8px}.month-cell span{display:block;font-size:.78rem;color:var(--soft)}.placeholder,.wall-list{min-height:300px;border-radius:32px;background:rgba(255,255,255,.45);padding:22px;color:var(--soft);font-weight:650}.wall-item{border-radius:24px;background:rgba(255,255,255,.68);padding:16px;margin-bottom:12px;color:var(--text)}.wall-item small{display:block;color:var(--soft);margin-top:5px}.fab-cluster{position:fixed;right:30px;bottom:calc(30px + var(--safe));z-index:50;width:72px;height:72px}.fab-main,.fab-option{position:absolute;border:0;border-radius:26px;box-shadow:var(--shadow2)}.fab-main{inset:0;background:rgba(255,255,255,.88);font-size:2rem;color:var(--deep2);transition:.22s cubic-bezier(.2,.8,.2,1)}.fab-option{width:56px;height:56px;right:8px;bottom:8px;background:var(--surface2);color:var(--deep2);opacity:0;transform:translate(0,0) scale(.7);pointer-events:none;transition:.22s cubic-bezier(.2,.8,.2,1)}.fab-cluster.open .fab-main{transform:rotate(45deg)}.fab-cluster.open .fab-option{opacity:1;pointer-events:auto}.fab-cluster.open .fab-option:nth-child(1){transform:translate(-6px,-210px) scale(1)}.fab-cluster.open .fab-option:nth-child(2){transform:translate(-72px,-158px) scale(1)}.fab-cluster.open .fab-option:nth-child(3){transform:translate(-106px,-80px) scale(1)}@media(max-width:900px){:root{--rail:82px}.left-rail{left:10px;top:50%;bottom:auto;width:66px;max-height:78vh;transform:translateY(-50%);border-radius:28px;padding:9px 7px;overflow:auto;scrollbar-width:none}.left-rail::-webkit-scrollbar{display:none}.brand{width:48px;height:48px;border-radius:18px;margin-bottom:10px;font-size:.8rem}.left-rail nav{gap:8px}.rail-btn{min-height:56px;border-radius:20px}.rail-btn span{font-size:1.2rem}.rail-btn small{display:none}.person{width:46px;height:46px;border-radius:18px}.people{gap:8px;margin-top:10px}.app-shell{margin-left:0;padding:12px 10px 120px 86px}.topbar{min-height:78px;border-radius:30px;padding:15px 17px;margin-bottom:18px}.phone-btn{width:48px;height:48px}.calendar-shell{min-height:calc(100vh - 112px);border-radius:32px;padding:24px 18px}.calendar-head{flex-direction:column;margin-bottom:24px}.clock-card{text-align:left}.family-at-glance{grid-template-columns:1fr}.workspace-grid{grid-template-columns:1fr}.timeline{height:560px;padding-left:70px}.timeline:before{left:42px}.event{left:70px}.event .dot{left:-35px}.month-grid{grid-template-columns:repeat(2,1fr)}.fab-cluster{right:18px;bottom:calc(20px + var(--safe))}}@media(max-width:430px){.app-shell{padding-left:78px}.left-rail{left:7px;width:60px}.rail-btn{min-height:52px}.calendar-head h2{font-size:2.35rem}.timeline{height:540px}}