:root{font-family:'DM Sans',-apple-system,BlinkMacSystemFont,sans-serif;color:#242735;background:#f5f6fa;font-synthesis:none;font-size:16px;--accent:#4968eb;--line:#e9ebf2}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}button{border:0;background:transparent;color:inherit;border-radius:10px;padding:9px 12px;font-size:.875rem;font-weight:550}button:hover{background:#e9ecf5}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #7797ff;outline-offset:2px}button:disabled{opacity:.4;cursor:default}.primary{background:var(--accent);color:white;box-shadow:0 3px 7px #4968eb22}.primary:hover{background:#3655db}.outline{border:1px solid #dfe2ec;background:white}.muted{color:#73788b}.small{font-size:.8125rem}.shell{display:grid;grid-template-columns:260px minmax(0,1fr);min-height:100vh}.sidebar{background:#f0f2f8;border-right:1px solid #e3e6f0;padding:28px 20px;display:flex;flex-direction:column;gap:24px}.brand{display:flex;align-items:center;gap:10px;font-size:25px;letter-spacing:-1px;font-weight:700;padding:0 8px}.brand img{width:33px;height:33px}.brand span{font-size:11px;font-weight:600;letter-spacing:1px;color:#8d92a4;margin-top:7px}.sideheading{display:flex;align-items:center;justify-content:space-between;font-size:.75rem;letter-spacing:1.4px;color:#777e91;font-weight:650;padding:0 8px}.calrow{display:flex;align-items:center;gap:9px;border-radius:9px;padding:9px 8px;font-size:.875rem}.calrow input{accent-color:var(--accent);width:16px;height:16px}.calrow b{font-weight:500;flex:1}.count{font-size:.75rem;color:#777e91}.sidefoot{margin-top:auto;border-top:1px solid #dfe3ef;padding-top:20px;display:grid;gap:7px}.sidefoot button{text-align:left}.saved{font-size:.75rem;color:#727a8d;line-height:1.6;padding:6px 12px}.minihead{display:flex;align-items:center;justify-content:space-between;font-size:.875rem;font-weight:600}.minigrid{display:grid;grid-template-columns:repeat(7,1fr);text-align:center;gap:3px;margin-top:9px}.minigrid button{padding:6px 0;font-size:.75rem;border-radius:50%}.minigrid .weekday{font-size:.6875rem;color:#9298a8;padding:6px 0}.minigrid .selected{background:#dfe6ff;color:#3659dd}.minigrid .today{background:var(--accent);color:white}.main{padding:30px 32px 20px;min-width:0}.top{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:25px}.eyebrow{font-size:.75rem;letter-spacing:1.5px;color:#7d8496;margin-bottom:6px;font-weight:600}h1{font-size:1.8rem;letter-spacing:-1px;margin:0;font-weight:650}h2{font-size:1rem;margin:0;font-weight:600}.topactions,.toolbar,.nav,.segmented,.traytitle{display:flex;align-items:center;gap:8px}.toolbar{justify-content:space-between;margin:0 0 18px;flex-wrap:wrap}.nav{gap:2px}.nav strong{font-size:.875rem;margin:0 12px}.segmented{gap:2px;border:1px solid #e0e3ec;border-radius:12px;background:#e9ecf3;padding:3px}.segmented button{padding:7px 18px;color:#747c90}.segmented button.active{background:white;box-shadow:0 2px 5px #20284610;color:#30364c}.workspace{border:1px solid #dfe3ee;border-radius:17px;background:white;overflow:hidden;box-shadow:0 8px 30px #2a365706}.weekhead{display:grid;grid-template-columns:60px repeat(7,minmax(0,1fr));border-bottom:1px solid var(--line);padding-right:0}.dayhead{text-align:center;padding:15px 3px 13px;border-left:1px solid var(--line)}.dayhead span{display:block;color:#8b91a1;font-size:.6875rem;letter-spacing:1px;font-weight:600}.dayhead b{display:inline-flex;justify-content:center;align-items:center;width:32px;height:32px;font-size:1.2rem;font-weight:550;margin-top:5px}.dayhead.today b{background:var(--accent);color:white;border-radius:50%}.dayhead.today span{color:var(--accent)}.timezone{align-self:end;font-size:.625rem;text-align:center;color:#9298a6;padding-bottom:15px}.weekscroll{height:480px;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#dce0eb transparent}.weekgrid{display:grid;grid-template-columns:60px repeat(7,minmax(0,1fr));position:relative}.times{position:relative;height:var(--day-height,1440px)}.time{position:absolute;right:10px;font-size:.6875rem;color:#8b93a6;transform:translateY(-7px)}.daycol{position:relative;height:var(--day-height,1440px);border-left:1px solid var(--line);background:repeating-linear-gradient(to bottom,transparent 0,transparent 29px,#f5f6fa 29px,#f5f6fa 30px,transparent 30px,transparent 59px,var(--line) 59px,var(--line) 60px)}.daycol.weekend{background-color:#fcfcfe}.event{position:absolute;left:4px;right:4px;border:1px solid color-mix(in srgb,var(--c) 25%,white);border-left:3px solid var(--c);background:color-mix(in srgb,var(--c) 8%,transparent);color:color-mix(in srgb,var(--c) 75%,#171b30);border-radius:8px;padding:6px 7px;overflow:hidden;text-align:left;font-size:.8125rem;line-height:1.25;cursor:grab;touch-action:none;user-select:none;z-index:2}.event:hover{filter:brightness(.98);box-shadow:0 3px 9px #18285814}.event strong{font-size:.8125rem;font-weight:600;display:block;overflow-wrap:anywhere}.event small{font-size:.6875rem;display:block;margin-top:4px;opacity:.85}.event.done{opacity:1;background:color-mix(in srgb,var(--c) 32%,white);border-color:color-mix(in srgb,var(--c) 50%,white)}.event.done strong{text-decoration:none}.event.compact{padding:3px 6px}.event.compact strong{font-size:.75rem}.event.compact small{display:none}.tray{margin-top:24px}.traytitle{justify-content:space-between;margin-bottom:13px}.traytitle h2{display:flex;gap:8px;align-items:center}.badge{background:#e6eaf4;color:#767f95;padding:3px 7px;border-radius:6px;font-size:.6875rem}.traynav{display:flex;gap:18px;align-items:center}.traytab{padding:5px 0;color:#9097a7;border-radius:0}.traytab.active{color:#323b53;border-bottom:2px solid #4968eb}.trayhint{font-size:.8125rem;color:#8590a4;margin:0 0 14px}.traycards{display:flex;gap:12px;min-height:110px;overflow-x:auto;padding:3px 3px 10px;border-radius:12px}.traycard{position:relative;left:auto;right:auto;flex:0 0 190px;min-height:93px;padding:13px;border-left:1px solid color-mix(in srgb,var(--c) 25%,white);border-top:3px solid var(--c)}.traycard strong{font-size:.875rem}.traycard small{margin-top:10px;font-size:.75rem}.addcard{flex:0 0 105px;border:1px dashed #cdd4e4;color:#929aad;min-height:93px}.empty{font-size:.875rem;color:#8d94a6;padding:24px 12px}.bottomline{display:flex;justify-content:space-between;gap:10px;color:#9299a9;font-size:.75rem;margin-top:10px}.monthgrid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr))}.monthlabel{padding:12px;text-align:center;color:#8b91a1;font-size:.75rem;border-bottom:1px solid var(--line)}.monthday{min-height:112px;padding:8px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);min-width:0}.monthday.outside{background:#fafbfe;color:#a5abba}.monthday>button{padding:3px 6px;font-size:.875rem}.monthday.today>button{background:var(--accent);color:white}.monthcard{position:relative;left:auto;right:auto;display:block;width:100%;padding:5px;margin-top:4px;white-space:nowrap;text-overflow:ellipsis;font-size:.6875rem}.monthcard strong{font-size:.6875rem;overflow:hidden;text-overflow:ellipsis}.monthcard small{display:none}dialog{border:1px solid #dfe3ee;border-radius:22px;padding:26px;width:min(460px,calc(100vw - 28px));max-height:90dvh;box-shadow:0 25px 90px #202c5530;color:#293148}dialog::backdrop{background:#18244533;backdrop-filter:blur(5px)}.dialoghead{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.dialoghead h2{font-size:1.2rem}.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.field{display:flex;flex-direction:column;gap:7px;font-size:.8125rem;color:#707a90}.field.full{grid-column:1/-1}input,select,textarea{border:1px solid #dce1ec;border-radius:9px;padding:11px;background:#fafbfe;color:#293148;min-width:0;width:100%;font-size:.8755rem}textarea{resize:vertical}.colors{display:flex;gap:9px}.swatch{width:30px;height:30px;border-radius:50%;padding:0;background:var(--c);border:3px solid white;outline:1px solid #e1e5ef}.swatch.chosen{outline:2px solid var(--c)}.swatch:hover{background:var(--c)}.dialogactions{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap;margin-top:22px}.subactions{display:flex;flex-wrap:wrap;gap:4px;border-top:1px solid var(--line);padding-top:13px;margin-top:16px}.danger{color:#c24554}.check{display:flex;align-items:center;gap:8px;font-size:.875rem}.check input{width:17px}.helpcopy{font-size:.875rem;line-height:1.7;color:#657086}.helpcopy h3{color:#2c354d;font-size:1rem}.helpcopy li{margin:10px 0}#toast{position:fixed;bottom:22px;left:50%;transform:translateX(-50%);padding:11px 18px;border-radius:12px;background:#263047;color:white;font-size:.875rem;box-shadow:0 6px 20px #14254525;z-index:100;display:none}.mobilemenu{display:none}.mobiledaynav{display:none}.mobileclose{display:none}@media(min-width:1600px){.main{padding:36px 50px}.weekscroll{height:560px}}@media(max-width:1150px){.shell{grid-template-columns:215px minmax(0,1fr)}.sidebar{padding:25px 13px}.main{padding:25px 20px}.event strong{font-size:.75rem}.nav strong{margin:0 5px}}@media(max-width:800px){.shell{display:block}.sidebar{display:none;position:fixed;inset:0 auto 0 0;width:270px;z-index:40;box-shadow:0 0 0 100vmax #26304a44;overflow:auto}.sidebar.open{display:flex}.mobileclose{display:block}.mobilemenu{display:block}.main{padding:20px 14px}.top{margin-bottom:22px}.eyebrow{display:none}h1{font-size:1.6rem}.topactions .outline{display:none}.nav strong{font-size:.8125rem}.toolbar{gap:12px}.segmented button{padding:7px 13px}.weekhead{grid-template-columns:48px minmax(0,1fr)}.weekgrid{grid-template-columns:48px minmax(0,1fr)}.dayhead,.daycol{display:none}.dayhead.mobileactive,.daycol.mobileactive{display:block}.weekscroll{height:450px}.mobiledaynav{display:flex;gap:5px;margin-bottom:12px;justify-content:space-between}.mobiledaynav button{flex:1;padding:7px 0;font-size:.75rem;color:#8a93a6}.mobiledaynav button.active{color:#3659dd;background:#e4eaff}.mobiledaynav b{display:block;margin-top:4px;font-size:1rem}.event strong{font-size:.875rem}.event small{font-size:.75rem}.traytitle{align-items:flex-start}.traynav{gap:13px}.trayhint{font-size:.75rem}.bottomline{display:block;line-height:1.7}.monthday{padding:3px;min-height:100px}.monthlabel{padding:10px 0;font-size:.6875rem}.monthcard{padding:3px;border-left-width:2px}.monthcard strong{font-size:.625rem}.brand{padding-right:0}.monthday>button{font-size:.75rem}.traytitle>button{display:none}}@media(prefers-reduced-motion:no-preference){button{transition:background .15s,box-shadow .15s}dialog[open]{animation:appear .18s ease-out}@keyframes appear{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}}

[hidden]{display:none!important}
.monthday{position:relative}
.event.drag-origin{opacity:1;background:color-mix(in srgb,var(--c) 3%,transparent);border:1px dashed color-mix(in srgb,var(--c) 40%,transparent);box-shadow:none;filter:none}
.drag-origin strong,.drag-origin small{opacity:.4}
.drag-preview{pointer-events:none;z-index:20;background:color-mix(in srgb,var(--c) 28%,white);border:1px solid color-mix(in srgb,var(--c) 55%,white);border-left:3px solid var(--c);box-shadow:0 5px 15px #24345b18;cursor:grabbing;min-height:0;right:auto;transform:none}
.drag-preview:not(.on-calendar){z-index:1000}
.drag-preview small{display:block;margin-top:3px}
.dragging,.dragging *{cursor:grabbing!important}

.traytitle{gap:16px}.traynav{flex-wrap:wrap;gap:16px}.traytab{white-space:nowrap}.traytab.shelf-drop-target{background:#e4e9f6;border-radius:8px;box-shadow:inset 0 0 0 1px #bfcbe8}.traycards.shelf-drop-target{background:#edf0f7}.traytab h2{font-size:.9375rem}
@media(max-width:800px){.traynav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));width:100%;gap:4px}.traytab h2{font-size:.8125rem;gap:4px;justify-content:center}.traytab .badge{padding:2px 4px;font-size:.6875rem}.traytab{padding:7px 0}.traytitle{display:block}}

.nav{flex-wrap:wrap}.start-control{display:flex;align-items:center;gap:6px;font-size:.8125rem;color:#69758b;margin-left:8px}.start-control input{width:105px;padding:7px;background:white}.auto-start{font-size:.75rem;color:#7c879b}.weekscroll{overflow-anchor:none}.daycol{background-position-y:var(--grid-offset,0px)}.time:first-child{transform:none}.drag-preview,.drag-preview *{pointer-events:none!important}.event{-webkit-user-drag:none}.repeat-note{font-size:.75rem}

.heading-inline{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.heading-inline .eyebrow{margin:0}.heading-divider{color:#ccd2df;font-size:1.5rem;font-weight:400}.heading-inline h1{white-space:nowrap}.main{padding-top:20px}.top{margin-bottom:17px;gap:20px}.topactions{flex-shrink:0}.calendar-resize-bar{height:26px;display:flex;justify-content:center;align-items:center;margin:0 0 2px}.calendar-resize-bar button{width:64px;min-height:26px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:5px;cursor:ns-resize;touch-action:none;border-radius:8px}.calendar-resize-bar span{display:block;width:28px;height:2px;border-radius:2px;background:#a5aec2}.calendar-resize-bar button:hover{background:#e3e8f2}.calendar-resize-bar button:hover span{background:#697892}.tray{margin-top:9px}.monthgrid{overflow:auto;align-content:start}.weekscroll{min-height:160px}.monthgrid .monthday{min-height:112px}
@media(min-width:1600px){.main{padding-top:22px}}@media(max-width:1100px){.heading-inline{gap:8px}.heading-inline .eyebrow{max-width:160px;line-height:1.5}}@media(max-width:800px){.heading-divider{display:none}.main{padding-top:14px}.top{gap:8px;margin-bottom:14px}.heading-inline h1{white-space:normal}.calendar-resize-bar{height:32px}.calendar-resize-bar button{min-height:32px}}

.heading-inline{gap:10px 20px;align-items:baseline}.heading-support{margin:0;color:#838b9d;font-size:.875rem;font-weight:400;letter-spacing:0;line-height:1.5}.sidebar-time{padding:0 8px}.sidebar-time .start-control{margin:0;justify-content:space-between;font-size:.875rem;color:#525e76}.sidebar-time .start-control input{width:110px;max-width:65%;background:#fafbfe}.sidebar-time .auto-start{display:block;margin:9px 0 0;font-size:.75rem;line-height:1.6;color:#7b8599}.sidebar{gap:20px}@media(max-width:1100px){.heading-support{display:none}}
.auth-page{min-height:100dvh;padding:45px 20px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(ellipse at top,#edf0ff,transparent 65%),#f5f6fa}.auth-brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:#273048;font-size:28px;letter-spacing:-1px;font-weight:700;margin-bottom:30px}.auth-brand img{width:40px;height:40px}.auth-card{width:100%;max-width:430px;background:#ffffffed;border:1px solid #e0e5f0;border-radius:24px;padding:32px;box-shadow:0 20px 65px #2339600b}.auth-card h1{font-size:1.75rem;line-height:1.2}.auth-intro{font-size:1rem;color:#768197;line-height:1.6;margin:12px 0 24px}.auth-card .field{margin:16px 0;font-size:.875rem}.auth-card input{font-size:1rem;padding:13px}.auth-wide{width:100%;padding:13px;font-size:.9375rem}.auth-divider{display:flex;align-items:center;gap:12px;font-size:.8125rem;color:#8a93a5;margin:20px 0}.auth-divider::before,.auth-divider::after{content:'';flex:1;height:1px;background:#e7ebf3}.auth-links{display:flex;flex-wrap:wrap;justify-content:center;gap:2px;margin-top:16px}.auth-links button{color:#506cc4;font-weight:400}.auth-foot{font-size:.875rem;color:#8a93a5;margin:24px}.auth-card [role=status]{font-size:.875rem;color:#656f88;line-height:1.5;min-height:1em}.account-email{overflow-wrap:anywhere;font-weight:600}.account-buttons{display:grid;gap:8px}.sync-banner{border:1px solid #e6ca8a;background:#fff6e2;border-radius:12px;padding:12px 16px;margin-bottom:18px;font-size:.875rem;line-height:1.5}.sync-banner span{display:block;margin-bottom:5px}.sync-banner button{background:#fffaf0;margin:3px}#account-profile{overflow-wrap:anywhere;font-size:.8125rem}.auth-card button:disabled{opacity:.6}@media(max-width:500px){.auth-page{padding:24px 16px}.auth-card{padding:26px 22px}}

/* Original Flow logo with the original PLANNER descriptor */
.brand{gap:10px;font-size:0;letter-spacing:0;min-height:56px;min-width:0}.brand img{display:block;width:140px;height:48px;min-width:0;max-width:100%;flex:0 1 140px;object-fit:contain}.brand span{display:block;flex:0 0 auto;font-size:11px;font-weight:600;letter-spacing:1px;color:#8d92a4;margin-top:4px;white-space:nowrap}.brand .mobileclose{flex:0 0 auto;font-size:20px;margin-left:auto;padding:4px}.auth-brand img{display:block;width:250px;height:74px;max-width:100%;object-fit:contain}

.account-info-links{display:flex;gap:18px;justify-content:center;flex-wrap:wrap;font-size:13px;margin-top:20px}.account-info-links a{color:#6b6388;text-decoration:underline;text-underline-offset:3px}

.auth-brand span{font-size:12px;letter-spacing:1.5px;color:#8d92a4}.auth-brand img{width:clamp(150px,45vw,220px);height:auto}.auth-brand{max-width:100%;gap:12px}