*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bp-md:768px;--bp-lg:1024px;--sidebar-width:240px;--sidebar-collapsed:72px;--font-body:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji";--font-display:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;--background:#fff;--foreground:#1c1c1e;--surface:#f5f5f5;--border:#e0e0e0}html,body{max-width:100vw;height:100%;overflow-x:hidden}html{-webkit-text-size-adjust:100%}body{min-height:100%;min-height:100dvh;color:var(--foreground);background:var(--background);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.app-shell{width:100%;min-height:100vh;height:100vh;min-height:100dvh;background:var(--background);flex-direction:column;height:100dvh;display:flex;position:relative;overflow:hidden}.app-shell>*{flex-direction:column;flex:1;min-height:0;display:flex}.viewport-shell{width:100%;min-height:100vh;flex-direction:column;min-height:100dvh;display:flex}h1,h2,h3{font-family:var(--font-display)}@keyframes spin{to{transform:rotate(360deg)}}.hide-desktop{display:initial}.hide-mobile{display:none!important}@media (min-width:768px){.hide-desktop{display:none!important}.hide-mobile{display:initial!important}.hide-mobile-flex{display:flex!important}}.hide-mobile-flex{display:none!important}.auth-page{background:var(--background);flex:1;justify-content:center;align-items:stretch;min-height:0;padding:0;display:flex;overflow-y:auto}.auth-card{width:100%;max-width:none;min-height:100%;box-shadow:none;background:0 0;border-radius:0;flex-direction:column;padding:0;display:flex}@media (min-width:768px){.auth-page{background:radial-gradient(ellipse 70% 50% at 50% -10%,color-mix(in srgb,var(--primary,#007aff)12%,transparent),transparent),var(--surface,#f5f5f5);align-items:center;padding:40px 24px}.auth-card{background:var(--background);border:1px solid var(--border);border-radius:20px;max-width:420px;min-height:auto;padding:8px 0;box-shadow:0 12px 40px rgba(0,0,0,.1)}.auth-card--wide{max-width:520px}}.settings-page{flex:1;width:100%;min-height:0;padding:16px;overflow-y:auto}.settings-inner{width:100%;max-width:none;margin:0}@media (min-width:768px){.settings-page{padding:24px 28px 40px}.settings-grid{grid-template-columns:1fr 1fr;align-items:start;gap:20px;display:grid}}.planner-layout{flex-direction:column;flex:1;width:100%;min-height:0;display:flex}.planner-side-panel{display:none}.planner-main-col{flex-direction:column;flex:1;min-width:0;min-height:0;display:flex}@media (min-width:768px){.planner-layout{flex-direction:row;width:100%;max-width:none;margin:0}.planner-main-col{flex:1}}@media (min-width:1024px){.planner-side-panel{border-left:1px solid var(--border);flex-direction:column;flex-shrink:0;width:280px;display:flex;overflow-y:auto}}.modal-backdrop{align-items:flex-end}.modal-panel{border-radius:20px 20px 0 0;width:100%;max-width:448px;max-height:90vh}@media (min-width:768px){.modal-backdrop{align-items:center}.modal-panel{border-radius:20px;max-height:85vh}.desktop-compact-btn{border-radius:12px!important;height:44px!important}}.landing{--landing-ink:#10243a;--landing-muted:#5a6b7d;--landing-sea:#0a7ea4;--landing-sea-deep:#06607e;--landing-mist:#e8f3f7;--landing-sand:#f4f7f9;min-height:100vh;background:radial-gradient(120% 80% at 90% -10%,rgba(10,126,164,.22),transparent 55%),radial-gradient(90% 60% at -10% 20%,rgba(16,36,58,.08),transparent 50%),linear-gradient(180deg,#f7fbfd 0%,var(--landing-sand)42%,#eef4f7 100%);min-height:100dvh;color:var(--landing-ink);font-family:var(--landing-body),var(--font-body);overflow-x:hidden}.landing-brand{font-family:var(--landing-display),var(--font-display);letter-spacing:-.02em;font-weight:650}.landing-brand--hero{margin:0 0 12px;font-size:max(2rem,min(5vw,3.25rem));line-height:1.05}.landing-nav{z-index:20;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:rgba(247,251,253,.82);border-bottom:1px solid rgba(16,36,58,.06);justify-content:space-between;align-items:center;gap:16px;padding:16px max(16px,min(4vw,40px));display:flex;position:-webkit-sticky;position:sticky;top:0}.landing-nav .landing-brand{font-size:1.15rem}.landing-nav__links{align-items:center;gap:14px;font-size:.92rem;font-weight:600;display:flex}.landing-nav__links a{color:var(--landing-ink);opacity:.82}.landing-nav__links a:hover{opacity:1}.landing-nav__cta{background:var(--landing-ink);border-radius:999px;align-items:center;padding:8px 14px;display:inline-flex;color:#fff!important;opacity:1!important}.landing-hero{min-height:calc(100vh - 64px);grid-template-columns:1fr;align-items:end;gap:24px;min-height:calc(100dvh - 64px);padding:max(24px,min(5vw,56px)) max(16px,min(4vw,40px)) 28px;display:grid;position:relative}.landing-hero__copy{max-width:36rem;animation:.8s both landing-rise}.landing-hero h1{font-family:var(--landing-display),var(--font-display);letter-spacing:-.03em;margin:0 0 14px;font-size:max(1.75rem,min(4.4vw,3rem));font-weight:600;line-height:1.12}.landing-hero__lead{color:var(--landing-muted);max-width:32rem;margin:0;font-size:max(1rem,min(2vw,1.15rem));line-height:1.55}.landing-hero__actions{flex-wrap:wrap;gap:12px;margin-top:28px;display:flex}.landing-btn{border-radius:14px;align-items:center;gap:8px;padding:14px 20px;font-size:.98rem;font-weight:700;transition:transform .2s,background .2s,box-shadow .2s;display:inline-flex}.landing-btn--primary{background:var(--landing-sea);color:#fff;box-shadow:0 10px 28px rgba(10,126,164,.28)}.landing-btn--primary:hover{background:var(--landing-sea-deep);transform:translateY(-1px)}.landing-btn--ghost{color:var(--landing-ink);background:rgba(255,255,255,.55);border:1px solid rgba(16,36,58,.12)}.landing-hero__stage{min-height:280px;animation:1s .12s both landing-rise;position:relative}.landing-hero__glow{filter:blur(18px);background:radial-gradient(circle,rgba(10,126,164,.35),transparent 70%);border-radius:40%;height:70%;animation:5s ease-in-out infinite landing-pulse;position:absolute;top:10%;bottom:auto;left:5%;right:5%}.landing-hero__stage .landing-mock{z-index:1;max-width:440px;margin-left:auto;position:relative}.landing-section-head{max-width:40rem;padding:0 max(16px,min(4vw,40px)) 28px}.landing-section-head h2{font-family:var(--landing-display),var(--font-display);letter-spacing:-.02em;margin:0 0 10px;font-size:max(1.6rem,min(3vw,2.2rem))}.landing-section-head p{color:var(--landing-muted);margin:0;line-height:1.55}.landing-features{padding:48px 0 24px}.landing-feature{border-top:1px solid rgba(16,36,58,.08);grid-template-columns:1fr;gap:20px;padding:36px max(16px,min(4vw,40px));display:grid}.landing-feature__text{max-width:32rem}.landing-feature__text svg{color:var(--landing-sea);margin-bottom:12px}.landing-feature h3{font-family:var(--landing-display),var(--font-display);letter-spacing:-.02em;margin:0 0 10px;font-size:max(1.35rem,min(2.4vw,1.85rem))}.landing-feature p{color:var(--landing-muted);margin:0;font-size:1.02rem;line-height:1.6}.landing-feature__visual{min-height:180px}.landing-mock{background:#fff;border:1px solid rgba(16,36,58,.08);border-radius:20px;padding:18px;box-shadow:0 18px 50px rgba(16,36,58,.08)}.landing-mock--soft{background:linear-gradient(160deg,#fff,var(--landing-mist))}.landing-mock__bar{gap:6px;margin-bottom:16px;display:flex}.landing-mock__bar span{background:#d5dee6;border-radius:50%;width:8px;height:8px}.landing-mock__week{grid-template-columns:repeat(7,1fr);gap:6px;margin-bottom:16px;display:grid}.landing-mock__week div{text-align:center;background:var(--landing-sand);border-radius:12px;padding:8px 2px}.landing-mock__week em{color:var(--landing-muted);font-size:.7rem;font-style:normal;display:block}.landing-mock__week strong{font-size:.92rem}.landing-mock__week .is-active{background:var(--landing-sea);color:#fff}.landing-mock__week .is-active em{color:rgba(255,255,255,.75)}.landing-mock__tasks{gap:8px;list-style:none;display:grid}.landing-mock__tasks li{background:var(--landing-sand);border-radius:12px;padding:10px 12px;font-size:.92rem}.landing-mock__tasks .is-done{opacity:.55;text-decoration:line-through}.landing-mock__goal+.landing-mock__goal{margin-top:14px}.landing-mock__goal span{margin-bottom:8px;font-weight:650;display:block}.landing-mock__meter{background:rgba(16,36,58,.08);border-radius:999px;height:10px;overflow:hidden}.landing-mock__meter i{border-radius:inherit;background:linear-gradient(90deg,var(--landing-sea),#3aa8c9);height:100%;display:block}.landing-mock--chart{min-height:200px}.landing-mock__bars{align-items:flex-end;gap:10px;height:140px;display:flex}.landing-mock__col{flex-direction:column-reverse;flex:1;gap:4px;height:100%;display:flex}.landing-mock__col b,.landing-mock__col s{border-radius:8px 8px 4px 4px;text-decoration:none;display:block}.landing-mock__col b{background:var(--landing-sea)}.landing-mock__col s{background:rgba(16,36,58,.18)}.landing-mock__legend{color:var(--landing-muted);gap:16px;margin-top:14px;font-size:.82rem;display:flex}.landing-mock__chips{flex-wrap:wrap;gap:8px;margin-bottom:14px;display:flex}.landing-mock__chips span{color:var(--landing-sea-deep);background:rgba(10,126,164,.12);border-radius:999px;padding:8px 12px;font-size:.85rem;font-weight:650}.landing-mock__line{background:rgba(255,255,255,.7);border-radius:14px;margin:0;padding:14px;line-height:1.45}.landing-mock__notebooks{gap:8px;margin-bottom:14px;display:flex}.landing-mock__notebooks span{background:rgba(16,36,58,.06);border-radius:10px;padding:8px 12px;font-size:.85rem;font-weight:650}.landing-mock__notebooks .is-active{background:var(--landing-ink);color:#fff}.landing-mock--pro{color:#fff;background:linear-gradient(145deg,#10243a,#1b3d57);justify-items:start;gap:8px;min-height:180px;display:grid}.landing-mock--pro p{opacity:.78;max-width:16rem;margin:0;line-height:1.45}.landing-closing{background:var(--landing-ink);color:#fff;text-align:left;border-radius:28px;margin:24px max(16px,min(4vw,40px)) 48px;padding:max(28px,min(5vw,48px));animation:.7s both landing-rise}.landing-closing h2{font-family:var(--landing-display),var(--font-display);letter-spacing:-.02em;margin:0 0 10px;font-size:max(1.5rem,min(3vw,2.2rem))}.landing-closing p{opacity:.78;max-width:34rem;margin:0 0 24px;line-height:1.55}.landing-closing .landing-btn--primary{color:var(--landing-ink);box-shadow:none;background:#fff}.landing-footer{color:var(--landing-muted);border-top:1px solid rgba(16,36,58,.08);flex-wrap:wrap;justify-content:space-between;gap:12px;padding:20px max(16px,min(4vw,40px)) 36px;font-size:.9rem;display:flex}.landing-footer div{gap:16px;display:flex}.landing-footer a{color:var(--landing-ink);font-weight:600}@keyframes landing-rise{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes landing-pulse{0%,to{opacity:.85;transform:scale(1)}50%{opacity:1;transform:scale(1.08)}}@media (min-width:900px){.landing-hero{grid-template-columns:1.05fr .95fr;align-items:center}.landing-feature{grid-template-columns:1fr 1fr;align-items:center;gap:40px}.landing-feature.is-flip .landing-feature__text{order:2}.landing-feature.is-flip .landing-feature__visual{order:1}.landing-nav__links a:not(.landing-nav__cta):first-child{display:inline}}@media (max-width:640px){.landing-nav__links a:not(.landing-nav__cta){display:none}}