:root{--ink:#202640;--muted:#858ba1;--soft:#f5f6fb;--paper:#fff;--line:#eceef5;--purple:#6357de;--purple-dark:#4f43c6;--violet-soft:#f0efff;--radius:20px;--shadow:0 10px 36px rgba(28,37,71,.035);font-family:'DM Sans',Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:var(--ink);font-synthesis:none}
*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f6f7fb;min-width:280px;overflow-x:hidden}button,input,select,textarea{font:inherit}button{cursor:pointer;border:0}button:disabled{opacity:.55;cursor:not-allowed}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin-top:0}em{font-style:normal}img,svg{max-width:100%}[hidden]{display:none!important}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #938bf1;outline-offset:3px}button{transition:background .2s,border .2s,transform .2s,box-shadow .2s}button:active:not(:disabled){transform:translateY(1px)}.btn{display:inline-flex;justify-content:center;align-items:center;gap:12px;white-space:nowrap;min-height:44px;padding:11px 17px;border-radius:12px;font-size:12px;font-weight:800;letter-spacing:.005em;line-height:1.2}.btn-primary{background:#665ae3;color:white;box-shadow:0 9px 22px #594bd72e}.btn-primary:hover{background:#5145ca;box-shadow:0 11px 24px #594bd749}.btn-outline{background:white;border:1px solid #e2e4ee;color:#444966}.btn-outline:hover{border-color:#a59ce8;background:#fafaff}.btn-soft{background:#efedff;color:#5c4fcf}.btn-soft:hover{background:#e2dfff}.btn-white{background:white;color:#33335c}.btn-white:hover{background:#f5f5ff}.btn-sm{min-height:38px;padding:9px 13px;font-size:11px;border-radius:10px}.icon-button{display:grid;place-items:center;width:38px;height:38px;background:#f2f3fa;color:#596077;border-radius:10px;font-size:25px;line-height:1}.icon-button:hover{background:#e7e7f7}.eyebrow,.section-kicker{font-size:10px;font-weight:800;letter-spacing:.155em;color:#776fc4}.section-kicker{display:block;margin-bottom:13px}.status-indicator{width:7px;height:7px;background:#a5a1f5;border-radius:50%;box-shadow:0 0 0 4px #eceaff}.brand{display:inline-flex;align-items:center;gap:10px;font-family:Manrope,'DM Sans',sans-serif;font-weight:800;font-size:25px;letter-spacing:-.075em;line-height:1}.brand-dot{color:#8277fb}.brand-mark{display:grid;width:33px;height:33px;grid-template-columns:1fr 1fr;gap:3px;transform:rotate(-12deg);flex-shrink:0}.brand-mark span{border-radius:4px;background:#6e62e8}.brand-mark span:nth-child(2){background:#aaa4ff}.brand-mark span:nth-child(3){background:#afa9ef}.brand-mark span:nth-child(4){background:#e2dfff}.brand-light{color:white}.brand-light .brand-mark span{background:#fff}.brand-light .brand-mark span:nth-child(2){background:#c4c1ff}.brand-light .brand-mark span:nth-child(3){background:#8b88e9}.brand-light .brand-mark span:nth-child(4){background:#f9bbac}
/* Account experience */
.auth-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(465px,43%);min-height:100vh;background:#fff}.auth-visual{position:relative;display:flex;flex-direction:column;min-width:0;padding:42px clamp(36px,5vw,80px) 32px;color:white;background:radial-gradient(circle at 75% 60%,#625dcd 0,transparent 35%),linear-gradient(135deg,#182149 0%,#2a306b 53%,#41468c 100%);isolation:isolate;overflow:hidden}.auth-visual::before{content:'';position:absolute;inset:0;background-image:linear-gradient(#fff 1px,transparent 1px),linear-gradient(90deg,#fff 1px,transparent 1px);background-size:55px 55px;opacity:.028;z-index:-1}.auth-visual-content{flex:1;position:relative;display:flex;flex-direction:column;padding-top:clamp(65px,10vh,110px)}.eyebrow-light{color:#c6c4fc;display:flex;align-items:center;gap:11px}.eyebrow-orbit{display:block;width:10px;height:10px;background:#a29aff;border-radius:50%;box-shadow:0 0 0 5px #ffffff13}.auth-visual h1{font-family:Manrope,Inter,system-ui,sans-serif;font-size:clamp(44px,4.5vw,72px);line-height:1.14;letter-spacing:-.07em;font-weight:700;max-width:650px;margin:27px 0 23px}.auth-visual h1 em{color:#b9b0ff}.auth-visual p{max-width:420px;color:#c8cbea;font-size:15px;line-height:1.85}.auth-visual-bottom{display:flex;align-items:center;gap:22px;font-size:10px;font-weight:700;letter-spacing:.15em;color:#afb3d8;white-space:nowrap}.small-star{color:#8583de;font-size:19px}.auth-scene{position:relative;min-height:310px;flex:1;max-height:390px;perspective:900px}.scene-halo{position:absolute;width:360px;height:165px;border-radius:50%;border:1px solid #b8b1ff55;left:50%;top:52%;transform:translate(-50%,-50%) rotate(-21deg)}.halo-two{width:500px;height:240px;opacity:.4}.auth-platform{position:absolute;width:410px;height:260px;left:50%;top:45%;transform:translate(-50%,-50%) rotate(-6deg);transform-style:preserve-3d}.auth-float-card{position:absolute;width:185px;height:217px;background:linear-gradient(155deg,#fff,#eeedff);border:1px solid #ffffffa8;border-radius:17px;box-shadow:15px 26px 30px #040d3f57,0 0 45px #9f9dfd30;padding:17px;color:#292f56;transform-style:preserve-3d;animation:art-float 6s ease-in-out infinite}.auth-card-back{left:6px;top:36px;transform:rotate(-24deg) rotateY(-17deg) scale(.85)}.auth-card-middle{right:9px;top:3px;transform:rotate(16deg) rotateY(15deg) scale(.91);animation-delay:-2s}.auth-card-front{left:110px;top:48px;z-index:2;transform:rotate(-2deg);animation-delay:-4s;background:linear-gradient(155deg,#fff,#ebe9ff);display:flex;flex-direction:column}.auth-card-front strong{font-family:Manrope,Inter,system-ui,sans-serif;font-size:21px;letter-spacing:-.055em;margin-top:auto}.auth-card-front small{font-size:10px;color:#8385a8;margin-top:8px}.mini-tag{font-size:9px;color:#8c8aaf;font-weight:800;letter-spacing:.14em}.auth-float-card>b{display:block;font-size:46px;letter-spacing:-.08em;margin-top:15px}.mini-line{height:15px;display:block;margin-top:10px;border-radius:5px;width:80%}.mini-line.lavender{background:#d6d1ff}.mini-line.blue{background:#c7e8f3;width:64%}.mini-line.peach{background:#ffddcc}.mini-geo{display:grid;place-items:center;width:65px;height:65px;margin:25px auto 9px;border-radius:19px;background:linear-gradient(130deg,#f1eaff,#e4e0ff);color:#7863e9;font-size:37px;transform:rotate(-13deg);box-shadow:8px 9px 18px #7969be2e}.scene-star{position:absolute;color:#e8e5ff;font-size:28px}.star-a{right:3px;bottom:38px}.star-b{top:12px;left:16px;font-size:19px}@keyframes art-float{0%,100%{translate:0 0}50%{translate:0 -9px}}
.auth-right{padding:39px clamp(32px,4vw,74px) 22px;display:flex;flex-direction:column;min-width:0}.auth-right-top{display:flex;justify-content:space-between;gap:10px;color:#8f95aa;font-size:10px;font-weight:800;letter-spacing:.11em}.auth-right-top span{color:#bbc0d2}.auth-card{width:min(440px,100%);margin:auto;position:relative;padding:45px 0 22px}.little-spark{width:47px;height:47px;border-radius:15px;background:#f0efff;color:#756ce6;font-size:30px;display:grid;place-items:center;margin-bottom:23px}.auth-card h2{font-family:Manrope,Inter,system-ui,sans-serif;font-size:clamp(33px,3vw,47px);letter-spacing:-.07em;line-height:1.18;margin:15px 0 13px}.auth-card h2 em{color:#7669de}.auth-card>p{color:#8a8fa5;line-height:1.75;font-size:13px;margin-bottom:29px}.auth-tabs{display:grid;grid-template-columns:1fr 1fr;background:#f4f5f9;padding:5px;border-radius:13px;margin-bottom:23px}.auth-tabs button{padding:12px;border-radius:10px;color:#858ba1;font-size:12px;font-weight:800;background:none}.auth-tabs button.active{background:white;color:#333750;box-shadow:0 3px 12px #16204813}.field{display:flex;flex-direction:column;gap:9px;margin-bottom:18px;min-width:0}.field>span{font-size:11px;font-weight:800;color:#454d68}.field>input,.field>select,.field>textarea,.input-prefix{width:100%;border:1px solid #e3e6f0;background:#fff;border-radius:11px;color:#29334d;min-height:47px;padding:11px 14px;outline:none;transition:border .2s,box-shadow .2s;font-size:13px;min-width:0}.field>textarea{resize:vertical;line-height:1.5}.field>input:focus,.field>select:focus,.field>textarea:focus,.input-prefix:focus-within{border-color:#9a90ee;box-shadow:0 0 0 3px #eae7ff}.field input::placeholder,.field textarea::placeholder{color:#adb4c4}.field small{color:#9ba2b4;font-size:10px;line-height:1.4}.input-prefix{display:flex;align-items:center;gap:9px;padding:0 14px}.input-prefix>span{font-weight:800;font-size:16px;color:#8d83de}.input-prefix input{min-width:0;flex:1;border:0;background:transparent;outline:none;height:45px;font-size:13px;color:#283049}.input-prefix input:focus{outline:none}.auth-submit{width:100%;min-height:49px;justify-content:space-between;font-size:12px;padding-inline:18px;margin-top:4px}.auth-submit>span{font-size:19px}.auth-divider{display:flex;align-items:center;gap:13px;margin:24px 0 16px;color:#a0a7b8;font-size:10px}.auth-divider::before,.auth-divider::after{content:'';height:1px;flex:1;background:#e8eaf2}.demo-button{width:100%;border:1px solid #e6e7f0;justify-content:space-between;min-height:46px;color:#4e5370;font-weight:700}.demo-button:hover{background:#fafaff;border-color:#c4bdf7}.demo-button-icon{font-size:21px;color:#8277e5}.demo-button>span:last-child{font-size:19px}.auth-assurance{display:flex;flex-wrap:wrap;gap:17px;color:#989fb3;font-size:10px;margin-top:23px}.auth-copyright{font-size:10px;color:#a5acbd;text-align:center;margin:10px 0 0}.form-error{background:#fff0f2;color:#b63353;border-radius:10px;padding:11px;font-size:12px;line-height:1.55;margin-bottom:14px}
/* Global shell */
.app{min-height:100vh;display:grid;grid-template-columns:248px minmax(0,1fr)}.sidebar{height:100dvh;position:sticky;top:0;display:flex;flex-direction:column;background:white;padding:32px 19px 22px;border-right:1px solid #e9ebf3;z-index:30;min-width:0;overflow-y:auto;scrollbar-width:thin}.sidebar-head{padding:0 12px 42px;display:flex;align-items:center;justify-content:space-between}.sidebar-close{display:none}.workspace-label{display:flex;justify-content:space-between;align-items:center;margin:0 14px 18px;color:#a6acc1;font-size:10px;font-weight:800;letter-spacing:.15em}.workspace-label span{color:#988ded;font-size:15px}.nav-list{display:flex;flex-direction:column;gap:5px}.nav-link{display:flex;align-items:center;gap:13px;width:100%;border-radius:12px;background:transparent;color:#727990;font-weight:700;font-size:12px;text-align:left;padding:13px 14px;min-height:45px}.nav-link:hover{background:#f5f5fe;color:#5551ac}.nav-link.active{background:#f0eeff;color:#5e51d2}.nav-icon{width:23px;font-family:system-ui;text-align:center;font-size:20px;color:#969bb3}.nav-link.active .nav-icon{color:#635adf}.nav-trail{margin-left:auto;font-size:17px}.nav-link:not(.active) .nav-trail{display:none}.nav-count{margin-left:auto;display:grid;place-items:center;min-width:22px;padding:4px 6px;border-radius:7px;background:#f3f4fa;font-size:10px;font-weight:800}.nav-link.active .nav-count{background:white;color:#625bd7}.sidebar-rule{height:1px;background:#edf0f5;margin:28px 10px}.sidebar-calendar-head{display:flex;justify-content:space-between;align-items:center;margin:0 12px 12px;color:#abb1c3;font-size:10px;font-weight:800;letter-spacing:.12em}.sidebar-calendar-head>div{display:flex;gap:3px}.tiny-icon{width:25px;height:25px;border-radius:7px;background:#f4f5fa;color:#7e84a1;font-size:22px;line-height:1}.tiny-icon:hover{background:#ebe8ff}.mini-calendar-title{font-size:16px;font-weight:800;padding:0 12px 14px;letter-spacing:-.035em}.mini-calendar{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:3px;padding:0 4px}.mini-day-name{font-size:9px;text-align:center;color:#a8aec0;font-weight:800;padding:7px 0}.mini-day{aspect-ratio:1;min-width:0;background:transparent;border-radius:9px;font-size:10px;color:#677189;font-weight:700;position:relative}.mini-day:hover{background:#f0efff}.mini-day.outside{color:#c7ccda}.mini-day.today{border:1px solid #afa6ef}.mini-day.selected{background:#6c60dd;color:white;box-shadow:0 4px 12px #6257d735}.mini-day .mini-dot{width:3px;height:3px;background:#998df0;border-radius:50%;position:absolute;bottom:3px;left:50%;transform:translateX(-50%)}.mini-day.selected .mini-dot{background:white}.mini-today{display:flex;justify-content:space-between;align-items:center;color:#786dde;background:#f3f1ff;border-radius:10px;font-size:11px;font-weight:800;padding:11px 13px;margin:16px 7px}.mini-today:hover{background:#e9e5ff}.sidebar-bottom{margin-top:auto;padding-top:24px}.privacy-card{display:flex;gap:10px;background:linear-gradient(145deg,#f3f2ff,#f9f9fe);border:1px solid #eceafe;border-radius:14px;padding:15px 12px;margin-bottom:20px}.privacy-symbol{font-size:24px;color:#746bdc}.privacy-card b{font-size:11px}.privacy-card p{font-size:10px;color:#9499ad;line-height:1.65;margin:6px 0 0}.profile-button{background:none;width:100%;display:flex;gap:11px;align-items:center;text-align:left;padding:9px 4px;border-top:1px solid #f0f1f6}.profile-avatar,.top-avatar{width:35px;height:35px;flex-shrink:0;display:grid;place-items:center;color:#fff;font-weight:800;background:linear-gradient(150deg,#9f91fa,#6353d6);border-radius:11px;font-size:13px}.profile-meta{display:flex;flex:1;min-width:0;flex-direction:column;gap:3px}.profile-meta strong{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile-meta small{font-size:10px;color:#a4a9bc;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile-arrow{font-size:22px;color:#afb3c2}.logout{padding:8px 4px;text-align:left;color:#a6acc0;font-size:10px;background:none}.logout:hover{color:#655cce}
.app-body{min-width:0}.topbar{display:flex;justify-content:space-between;align-items:center;gap:10px;min-height:78px;padding:15px clamp(22px,3vw,52px);background:#fff;border-bottom:1px solid #eceef5}.breadcrumb{font-size:10px;letter-spacing:.13em;color:#a5acc0;font-weight:800;white-space:nowrap}.breadcrumb span{margin:0 10px;color:#d2d5df}.breadcrumb strong{font-size:11px;letter-spacing:.06em;color:#4b526c}.topbar-left,.topbar-right{display:flex;align-items:center;gap:13px;min-width:0}.topbar-local{font-size:10px;font-weight:800;color:#9ca3b5;letter-spacing:.08em;margin-right:10px;white-space:nowrap}.top-avatar{width:33px;height:33px;border-radius:10px;font-size:11px}.plus{font-size:18px;line-height:.5}.mobile-menu{display:none}.demo-notice{font-size:10px;letter-spacing:.07em;font-weight:800;color:#6d60d2;background:#f2efff;padding:9px 11px;border-radius:8px;white-space:nowrap}.nav-scrim{position:fixed;inset:0;background:#12183577;z-index:39;backdrop-filter:blur(3px)}
.main{max-width:1650px;margin:auto;padding:42px clamp(22px,3vw,52px) 34px}.main-eyebrow{display:flex;gap:11px;align-items:center;font-size:10px;font-weight:800;letter-spacing:.15em;color:#8c82d3}.page-intro{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin:13px 0 30px}.page-intro h1{font-family:Manrope,Inter,system-ui,sans-serif;font-size:clamp(30px,3vw,44px);line-height:1.2;letter-spacing:-.06em;margin:0 0 12px}.page-intro h1 em{color:#7467dc}.page-intro p{font-size:13px;color:#969cb1;line-height:1.7;margin:0}.today-label{font-size:10px;color:#888ca5;font-weight:800;letter-spacing:.095em;padding-bottom:8px;white-space:nowrap}
/* Hero: deliberate 3D geometry */
.feature-hero{position:relative;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(300px,.95fr);min-height:305px;border-radius:23px;overflow:hidden;background:radial-gradient(ellipse at 76% 45%,#5554b9 0%,transparent 42%),linear-gradient(117deg,#22294f 0%,#333b7f 100%);box-shadow:0 22px 38px #20295619;color:white;isolation:isolate}.feature-hero::before{content:'';position:absolute;inset:0;background-image:linear-gradient(#ffffff 1px,transparent 1px),linear-gradient(90deg,#ffffff 1px,transparent 1px);background-size:58px 58px;opacity:.022;z-index:-1}.hero-copy{padding:42px 24px 40px clamp(28px,3.5vw,60px);z-index:2}.hero-eyebrow{display:inline-flex;align-items:center;gap:9px;letter-spacing:.16em;font-size:10px;font-weight:800;color:#c6c3ff}.hero-eyebrow span{font-size:19px}.hero-copy h2{font-family:Manrope,Inter,system-ui,sans-serif;max-width:480px;font-size:clamp(26px,2.7vw,43px);letter-spacing:-.065em;line-height:1.18;font-weight:700;margin:20px 0 13px}.hero-copy h2 em{color:#bbb4ff}.hero-copy p{max-width:390px;font-size:12px;line-height:1.8;color:#c3c9e9;margin-bottom:21px}.hero-actions{display:flex;align-items:center;gap:23px;flex-wrap:wrap}.hero-actions .btn{font-size:11px;padding:11px 17px}.hero-actions .btn span{font-size:17px}.hero-text-button{color:#d7d8fe;font-size:11px;font-weight:800;background:none;padding:10px 0}.hero-text-button:hover{color:white}.hero-text-button span{margin-left:6px}.hero-art{position:relative;perspective:1000px;overflow:hidden;min-height:290px}.hero-orbit{position:absolute;top:48%;left:50%;width:360px;height:160px;border:1px solid #a4a0ed43;border-radius:50%;transform:translate(-50%,-50%) rotate(-25deg)}.orbit-outer{width:490px;height:270px;opacity:.5}.hero-light{position:absolute;inset:0;background:radial-gradient(circle at 50% 47%,#aeacf14a 0%,transparent 48%)}.hero-card{position:absolute;left:50%;top:50%;width:178px;height:211px;border-radius:18px;background:linear-gradient(155deg,#fff,#eeecff);box-shadow:15px 22px 30px #08103b70,inset 0 1px #fff;color:#41416d;padding:18px;transform-style:preserve-3d;animation:hero-bob 7s ease-in-out infinite}.hero-card-back{transform:translate(-122%,-46%) rotate(-20deg) rotateY(-15deg) scale(.76);animation-delay:-2s}.hero-card-mid{transform:translate(12%,-66%) rotate(16deg) rotateY(13deg) scale(.81);animation-delay:-4s}.hero-card-front{transform:translate(-49%,-50%) rotate(-1deg);z-index:3;display:flex;flex-direction:column}.hero-card small{font-weight:800;font-size:10px;letter-spacing:.13em;color:#a3a4bc}.hero-art-line{display:block;margin-top:16px;height:24px;border-radius:7px;background:#ece9ff}.hero-art-line.orange{background:#f9d5c2}.hero-art-line.violet{background:#cbc6ff}.hero-art-line.blue{background:#c3e7f7}.hero-art-line.green{background:#ccefdc}.hero-art-line.thin{height:12px;width:60%}.art-card-eyebrow{display:flex;justify-content:space-between;color:#8084ac;font-size:10px;font-weight:800;letter-spacing:.14em}.art-card-eyebrow span{color:#6961cb}.art-large-symbol{display:grid;place-items:center;width:79px;height:77px;background:#e5e2ff;border-radius:25px;color:#8273e6;font-size:54px;margin:21px auto 13px;box-shadow:9px 9px 0 #cfcaff;transform:rotate(-10deg)}.hero-card-front b{font-family:Manrope,Inter,system-ui,sans-serif;font-size:16px;letter-spacing:-.05em}.art-card-footer{display:flex;justify-content:space-between;align-items:center;margin-top:auto;color:#999dbb;font-size:8px;font-weight:800;letter-spacing:.12em}.color-dots{display:flex}.color-dots i{width:9px;height:9px;border-radius:50%;background:#b7a5ec;margin-right:-3px;border:1px solid white}.color-dots i:nth-child(2){background:#f5baa7}.color-dots i:nth-child(3){background:#a1d5ce}.hero-particle{position:absolute;font-size:23px;color:#dbd8ff}.particle-a{right:12%;top:17%}.particle-b{left:9%;bottom:16%}@keyframes hero-bob{0%,100%{translate:0 0}50%{translate:0 -10px}}
/* At-a-glance */
.stats-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:17px}.stat-card{display:flex;align-items:center;gap:16px;background:white;border:1px solid #ebedf4;border-radius:17px;padding:20px 22px;min-width:0;box-shadow:var(--shadow)}.stat-icon{width:46px;height:46px;flex:none;display:grid;place-items:center;border-radius:14px;font-size:22px;background:#f0efff;color:#786bdd}.stat-card:nth-child(2) .stat-icon{background:#fff2e9;color:#e5a17e}.stat-card:nth-child(3) .stat-icon{background:#e8f8f5;color:#6db7a8}.stat-copy{min-width:0;flex:1}.stat-label{display:block;font-size:9px;font-weight:800;color:#a0a6bb;letter-spacing:.12em;white-space:nowrap}.stat-number{font-family:Manrope,Inter,system-ui,sans-serif;font-size:25px;font-weight:800;line-height:1.3;letter-spacing:-.06em;white-space:nowrap}.stat-helper{display:block;font-size:10px;color:#a2a8bc;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stat-arrow{color:#b1b1d3;font-size:17px;align-self:flex-start}.section-title-row{display:flex;align-items:end;justify-content:space-between;gap:18px;margin:56px 0 23px}.section-title-row h2,.standalone-intro h1{font-family:Manrope,Inter,system-ui,sans-serif;font-size:clamp(25px,2.4vw,34px);line-height:1.2;letter-spacing:-.06em;margin:0 0 9px}.section-title-row h2 em,.standalone-intro h1 em{color:#7569df}.section-title-row p,.standalone-intro p{font-size:12px;color:#99a0b2;line-height:1.6;margin:0}.section-title-row>.btn{flex:none;margin-bottom:3px}.glance-layout{display:grid;grid-template-columns:minmax(0,1fr) 225px;gap:17px;align-items:stretch}.glance-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;min-width:0}.glance-day{min-width:0;background:white;border-radius:15px;border:1px solid #eceef5;min-height:170px;padding:16px 8px 12px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:7px;transition:transform .25s,border .25s,box-shadow .25s}.glance-day:hover{transform:translateY(-4px);border-color:#bdb5fa;box-shadow:0 12px 28px #766bde16}.glance-day.selected{background:#f9f8ff;border-color:#b7adfb}.glance-weekday{color:#949bad;font-size:9px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.glance-date{font-family:Manrope,Inter,system-ui,sans-serif;font-size:27px;font-weight:800;letter-spacing:-.07em;line-height:1.2}.glance-day.today .glance-date{color:#7162e1}.glance-pill{font-size:9px;font-weight:800;padding:5px 6px;background:#f0efff;color:#7b70d7;border-radius:7px;white-space:nowrap}.glance-day.no-events .glance-pill{background:#f6f7fa;color:#a4abba}.glance-dots{display:flex;gap:3px;justify-content:center;min-height:6px;flex-wrap:wrap}.glance-dots i{height:5px;width:5px;background:var(--dot);border-radius:50%}.glance-footer{margin-top:auto;color:#9da4b7;font-size:9px;white-space:nowrap}.next-card{background:linear-gradient(145deg,#292f62,#42488b);color:white;border-radius:17px;padding:22px 20px;display:flex;flex-direction:column;min-width:0;overflow:hidden;position:relative}.next-card:after{position:absolute;right:-18px;top:-65px;content:'✳';font-size:168px;color:#ffffff08}.next-kicker{color:#c2c7f1;font-size:10px;font-weight:800;letter-spacing:.12em}.next-card-main{margin:auto 0;position:relative;z-index:1}.next-time{font-size:10px;color:#c0c4f1;font-weight:700;margin-bottom:9px}.next-name{font-family:Manrope,Inter,system-ui,sans-serif;font-size:21px;letter-spacing:-.05em;font-weight:700;line-height:1.23}.next-empty{font-size:12px;line-height:1.6;color:#c5caea;margin-top:10px}.next-action{display:flex;justify-content:space-between;align-items:center;width:100%;padding:10px 12px;background:#dcdcff;color:#35376d;border-radius:9px;font-size:11px;font-weight:800;z-index:1}.next-action:hover{background:white}
/* Calendar components */
.calendar-page{padding-top:4px;scroll-margin-top:25px}.calendar-heading{margin-top:59px}.calendar-shell{background:white;border:1px solid #eceef5;border-radius:20px;box-shadow:var(--shadow);overflow:hidden}.calendar-toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:20px 24px;border-bottom:1px solid #eceef5}.toolbar-period{display:flex;align-items:center;gap:7px;min-width:0}.toolbar-period>div{margin:0 17px;min-width:0}.round-nav{flex:none;display:grid;place-items:center;width:34px;height:34px;background:#f4f5fa;border-radius:10px;color:#666e84;font-size:25px}.round-nav:hover{background:#eceaff}.period-overline{font-size:9px;color:#abb0c3;font-weight:800;letter-spacing:.13em;white-space:nowrap}.toolbar-period h3{font-family:Manrope,Inter,system-ui,sans-serif;font-size:20px;line-height:1.2;letter-spacing:-.045em;margin:3px 0 0;white-space:nowrap}.period-today{font-size:11px;font-weight:800;color:#7466d8;background:#f0eeff;padding:10px 12px;border-radius:9px}.calendar-modes{display:flex;gap:3px;background:#f5f6fa;padding:5px;border-radius:11px}.calendar-modes button{font-size:11px;font-weight:800;color:#858ca1;padding:9px 14px;border-radius:8px;background:none;white-space:nowrap}.calendar-modes button.active{color:#6156d8;background:white;box-shadow:0 3px 12px #1e24451b}.calendar-modes button:hover:not(.active){color:#514bc2}.calendar-modes button span{color:#aa8ff2;font-size:15px}.calendar-content{min-height:360px;padding:22px 22px 25px}.calendar-foot{display:flex;align-items:center;gap:19px;padding:14px 24px;border-top:1px solid #eef0f5;font-size:10px;color:#9299aa}.legend-dot{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:6px}.focus-dot{background:#8379e7}.shared-dot{background:#65bca8}.calendar-foot-note{margin-left:auto;letter-spacing:.1em;font-size:9px;color:#b2b8c7;font-weight:800}.week-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:9px}.week-column{border:1px solid #eceef4;border-radius:13px;min-height:240px;padding:0 7px 12px;min-width:0;background:#fff}.week-column.selected{border-color:#c9c2ff;background:#fcfbff}.week-header{background:none;width:100%;padding:15px 2px 13px;display:flex;flex-direction:column;align-items:center;gap:5px;border-bottom:1px solid #f0f1f7;margin-bottom:9px}.week-header:hover .week-number{color:#6658d8}.week-day-label{color:#a1a6b9;font-size:9px;font-weight:800;letter-spacing:.11em;text-transform:uppercase}.week-number{font-family:Manrope,Inter,system-ui,sans-serif;font-size:27px;letter-spacing:-.06em;font-weight:800}.week-column.today .week-number{color:#6459da}.week-items{display:flex;flex-direction:column;gap:7px}.event-chip{display:block;text-align:left;width:100%;border:1px solid var(--cat-border,#dfdafa);border-left:3px solid var(--cat-color,#7869e7);border-radius:9px;padding:9px 7px;background:var(--cat-bg,#f2efff);overflow:hidden;color:#303757;transition:transform .18s,box-shadow .18s}.event-chip:hover{transform:translateY(-2px);box-shadow:0 8px 15px #252e5820}.event-chip-time{display:block;font-size:9px;font-weight:800;color:var(--cat-color,#7869e7);margin-bottom:5px;white-space:nowrap}.event-chip strong{display:block;font-size:11px;line-height:1.4;overflow-wrap:anywhere}.event-chip-shared{display:block;color:#6ba897;font-size:9px;margin-top:5px}.week-empty{display:flex;align-items:center;justify-content:center;width:100%;min-height:68px;border:1px dashed #e6e8f0;background:#fafbfe;border-radius:9px;color:#c2c6d3;font-size:19px}.week-empty:hover{background:#f1eeff;color:#796ee1}.week-overflow{font-size:10px;font-weight:700;color:#7970c6;background:#f4f2ff;padding:8px;border-radius:8px;width:100%}.month-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:7px}.month-name{text-align:center;font-size:10px;color:#a8acbe;font-weight:800;letter-spacing:.11em;padding:11px 0}.month-cell{min-width:0;min-height:105px;display:flex;flex-direction:column;gap:6px;text-align:left;background:white;border:1px solid #eceef5;border-radius:11px;padding:10px}.month-cell:hover{background:#fbfaff;border-color:#b8b1f9}.month-cell.dim{background:#fafafd;color:#c3c8d3}.month-cell.current{border-color:#aca3ed}.month-date{display:grid;place-items:center;width:27px;height:27px;border-radius:9px;font-weight:800;font-size:12px}.month-cell.current .month-date{background:#655bdd;color:white}.month-event{border-radius:5px;background:var(--cat-bg);padding:5px 6px;font-size:10px;font-weight:700;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;border-left:2px solid var(--cat-color)}.month-extra{font-size:9px;font-weight:700;color:#858ca6}.month-dots{display:none;gap:4px;flex-wrap:wrap}.month-dots span{width:5px;height:5px;border-radius:50%;background:var(--cat-color)}.day-timeline{display:grid;grid-template-columns:66px minmax(0,1fr);gap:15px}.timeline-head{display:flex;gap:12px;align-items:center;justify-content:space-between;padding-bottom:20px}.timeline-head h3{font-family:Manrope,Inter,system-ui,sans-serif;margin:0;font-size:21px;letter-spacing:-.045em}.timeline-head p{font-size:11px;color:#9ca3b8;margin:4px 0 0}.timeline-inner{border-radius:13px;border:1px solid #eef0f5;overflow:hidden;background:repeating-linear-gradient(to bottom,#fff 0,#fff 74px,#f5f6fb 75px,#fff 76px);position:relative}.timeline-hour{height:76px;text-align:right;font-size:10px;color:#a6acbd;padding-top:0}.timeline-hour-label{transform:translateY(-5px)}.timeline-event{position:absolute;left:12px;right:13px;min-height:33px;text-align:left;z-index:2;border-radius:9px;border-left:4px solid var(--cat-color);background:var(--cat-bg);padding:9px 12px;box-shadow:0 2px 11px #1b24500d;overflow:hidden}.timeline-event:hover{filter:brightness(.97)}.timeline-event strong{display:block;font-size:12px;color:#303a55}.timeline-event small{font-size:10px;color:#767f99}.timeline-empty{display:grid;place-items:center;gap:10px;padding:50px 20px;color:#a3a9bc;text-align:center}.timeline-empty strong{font-size:14px;color:#535c72}.timeline-empty button{background:#efedff;border-radius:10px;padding:11px 15px;color:#655bd4;font-weight:800;font-size:11px}
/* interactive perspective room */
.spatial-intro{display:flex;gap:12px;align-items:center;justify-content:space-between;padding:1px 4px 16px}.spatial-intro h3{margin:0;font-family:Manrope,Inter,system-ui,sans-serif;font-size:17px;letter-spacing:-.04em}.spatial-intro p{margin:6px 0 0;color:#a1a5b8;font-size:11px}.spatial-nav{display:flex;gap:6px}.spatial-nav button{background:#f0efff;color:#675ed6;font-size:21px;border-radius:9px;width:34px;height:34px}.spatial-stage{position:relative;border-radius:18px;background:radial-gradient(circle at 54% 25%,#eceaff,#f8f9fe 60%);border:1px solid #eeecfa;overflow:hidden;padding:23px 12px 31px;isolation:isolate}.spatial-stage::before{content:'';position:absolute;inset:0;background-image:linear-gradient(#7c7ca8 1px,transparent 1px),linear-gradient(90deg,#7c7ca8 1px,transparent 1px);background-size:35px 35px;opacity:.035;pointer-events:none}.spatial-rail{display:flex;gap:13px;min-width:0;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#d9d4fa transparent;padding:10px 15px 25px;perspective:1200px}.spatial-day{flex:0 0 177px;min-height:282px;padding:17px 13px 13px;text-align:left;display:flex;flex-direction:column;background:linear-gradient(160deg,#fff,#f3f2fe);border:1px solid #dedcf5;border-radius:16px;box-shadow:9px 14px 0 #d6d5f2,13px 20px 26px #41438b20;transform:rotateX(8deg) rotateY(-5deg) translateZ(0);transform-style:preserve-3d;scroll-snap-align:start;transition:transform .3s,box-shadow .3s}.spatial-day:hover,.spatial-day:focus-visible{transform:translateY(-8px) rotateX(0deg) rotateY(0deg) translateZ(10px);box-shadow:7px 12px 0 #cfcbff,12px 20px 30px #554bb72e}.spatial-day.selected{border-color:#8d82ef;background:linear-gradient(145deg,#fff,#efedff);box-shadow:9px 14px 0 #b9b3f5,13px 20px 26px #4e44b330}.spatial-day-top{display:flex;align-items:flex-start;justify-content:space-between}.spatial-day-week{font-size:10px;font-weight:800;letter-spacing:.14em;color:#9499b2}.spatial-day-count{font-family:Manrope,Inter,system-ui,sans-serif;font-size:40px;font-weight:800;letter-spacing:-.08em;margin:12px 0 17px}.spatial-day.selected .spatial-day-count{color:#6d5cdb}.spatial-sigil{color:#beb8ef;font-size:20px}.spatial-block{display:block;background:var(--cat-bg);border-left:3px solid var(--cat-color);border-radius:8px;padding:8px 7px;margin-bottom:7px;overflow:hidden;box-shadow:0 2px 8px #7b70be10}.spatial-block span{font-size:8px;color:var(--cat-color);font-weight:800;display:block}.spatial-block b{font-size:10px;line-height:1.35;display:block;margin-top:4px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.spatial-no-plan{font-size:10px;color:#a9acc5;line-height:1.6;margin-top:15px}.spatial-day-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:12px;font-size:9px;color:#a1a4bd;font-weight:800}.spatial-open{width:25px;height:25px;display:grid;place-items:center;border-radius:8px;background:#e7e4ff;color:#7468d8;font-size:15px}.spatial-hint{text-align:center;color:#9fa4bc;font-size:10px;padding-top:12px}
/* Shared and invites */
.standalone-page{min-height:68vh}.standalone-intro{padding-top:20px;margin-bottom:30px}.standalone-intro h1{font-size:clamp(31px,4vw,46px)}.standalone-intro p{max-width:500px;font-size:13px}.list-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:15px}.list-card{background:white;border:1px solid #e9eaf5;border-radius:17px;box-shadow:var(--shadow);padding:23px;min-width:0}.list-card-head{display:flex;justify-content:space-between;gap:10px;align-items:center;font-size:10px;font-weight:800;letter-spacing:.09em;color:#8a85b1}.list-card-head>span:last-child{color:#63b6a0}.list-card h3{font-size:19px;letter-spacing:-.04em;margin:20px 0 9px;line-height:1.35}.list-card p{font-size:12px;color:#888ea6;line-height:1.6;margin-bottom:19px}.list-card-actions{display:flex;gap:9px}.list-card-actions .btn{min-height:37px;font-size:11px}.empty-state{grid-column:1/-1;background:white;border:1px dashed #d9d7ed;border-radius:18px;padding:65px 30px;text-align:center}.empty-state-icon{font-size:41px;color:#9188e7}.empty-state h3{font-family:Manrope,Inter,system-ui,sans-serif;font-size:23px;letter-spacing:-.05em;margin:15px 0 10px}.empty-state p{font-size:12px;line-height:1.7;color:#9ca1b6;max-width:390px;margin:auto auto 23px}.main-footer{display:flex;justify-content:space-between;gap:15px;margin-top:55px;border-top:1px solid #e7e9f1;padding:25px 0 0;color:#abb0c1;font-size:9px;font-weight:800;letter-spacing:.12em}
/* Day details drawer */
.overlay-backdrop,.modal-overlay{position:fixed;inset:0;background:#111a3980;backdrop-filter:blur(4px);z-index:60}.day-drawer{position:fixed;z-index:61;right:0;top:0;height:100dvh;width:min(460px,100%);display:flex;flex-direction:column;box-shadow:-14px 0 48px #07122f44;background:#fff;animation:drawer-enter .25s ease both}.drawer-top{display:flex;justify-content:space-between;align-items:center;padding:17px 22px;border-bottom:1px solid #eef0f6}.drawer-brand{color:#8f93b5;font-size:10px;font-weight:800;letter-spacing:.14em;display:flex;align-items:center;gap:9px}.drawer-mini-spark{width:33px;height:33px;display:grid;place-items:center;border-radius:10px;background:#f0eeff;color:#776bdb;font-size:21px}.drawer-banner{background:radial-gradient(circle at 88% 19%,#5358bc,transparent 42%),linear-gradient(125deg,#222a5b,#3c468e);color:white;padding:27px 26px 23px}.drawer-label{font-size:10px;color:#c3c5ed;font-weight:800;letter-spacing:.15em}.drawer-label span{font-size:19px}.drawer-date-row{display:flex;align-items:center;justify-content:space-between;gap:13px;margin-top:12px}.drawer-date-row h2{font-family:Manrope,Inter,system-ui,sans-serif;font-size:clamp(25px,4vw,34px);letter-spacing:-.065em;line-height:1.15;margin:0}.drawer-date-row p{color:#c6c9ef;font-size:12px;margin:8px 0 0}.drawer-number{flex:none;display:grid;place-items:center;width:65px;height:75px;border-radius:12px;background:linear-gradient(135deg,#fff,#e8e6ff);box-shadow:8px 9px 0 #151e5870;transform:rotate(6deg);font-family:Manrope,Inter,system-ui,sans-serif;color:#5154a6;font-size:37px;font-weight:800}.drawer-nav{display:flex;gap:8px;margin-top:21px}.drawer-nav button{background:#ffffff1e;border:1px solid #ffffff2d;border-radius:9px;color:white;padding:8px 17px;font-size:12px;font-weight:800}.drawer-nav button:hover{background:#ffffff3d}.drawer-scroll{padding:25px 23px;flex:1;overflow-y:auto;min-height:0}.drawer-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.drawer-stats>div{min-width:0;background:#f4f5fb;border:1px solid #eceef7;border-radius:11px;padding:13px 9px}.drawer-stats strong{font-family:Manrope,Inter,system-ui,sans-serif;font-size:23px;letter-spacing:-.05em;display:block}.drawer-stats span{display:block;font-size:9px;font-weight:700;color:#9da4b7;margin-top:5px}.drawer-section-head{display:flex;justify-content:space-between;align-items:center;margin:28px 0 15px}.drawer-section-head h3{font-family:Manrope,Inter,system-ui,sans-serif;font-size:19px;letter-spacing:-.04em;margin:0}.drawer-section-head span{font-size:9px;color:#abb0c0;font-weight:800;letter-spacing:.11em}.drawer-events{display:flex;flex-direction:column;gap:13px}.drawer-event{display:grid;grid-template-columns:54px 12px minmax(0,1fr);gap:9px;width:100%;text-align:left;background:none;align-items:start;padding:0}.drawer-event-time{display:flex;flex-direction:column;gap:6px;padding-top:12px}.drawer-event-time strong{font-size:10px;color:#5d6680}.drawer-event-time small{font-size:9px;color:#a5aabd}.drawer-event-dot{height:12px;width:12px;border-radius:50%;margin-top:12px;border:3px solid white;box-shadow:0 0 0 2px var(--cat-color);background:var(--cat-color)}.drawer-event-card{display:block;background:var(--cat-bg);border:1px solid var(--cat-border);border-left:3px solid var(--cat-color);padding:13px;border-radius:10px;min-width:0}.drawer-event-card small{font-size:9px;font-weight:800;letter-spacing:.08em;color:var(--cat-color)}.drawer-event-card b{display:block;font-size:14px;line-height:1.45;margin-top:6px;overflow-wrap:anywhere}.drawer-event-card span{display:block;font-size:10px;color:#777e96;margin-top:8px}.drawer-event:hover .drawer-event-card{filter:brightness(.97)}.drawer-gap{font-size:10px;color:#a4a8ba;text-align:center;padding:0 0 0 65px}.drawer-gap span{background:#f5f6fa;padding:7px 13px;border-radius:7px}.drawer-blank{text-align:center;background:#f8f8fe;border:1px dashed #dcd8f7;border-radius:14px;padding:37px 15px}.drawer-blank>span{font-size:40px;color:#aa9aef}.drawer-blank h4{font-size:17px;margin:10px 0 7px}.drawer-blank p{font-size:12px;color:#969cb0;margin:0 0 17px}.drawer-privacy{padding:17px;margin-top:25px;background:#f5f7fa;color:#8e97ab;border-radius:11px;font-size:11px;line-height:1.7}.drawer-bottom{display:flex;gap:10px;padding:16px 22px;border-top:1px solid #eef0f6}.drawer-bottom .btn-primary{flex:1;justify-content:space-between}.drawer-add{width:48px;font-size:23px}.toast{position:fixed;bottom:25px;left:50%;z-index:100;transform:translate(-50%,20px);opacity:0;pointer-events:none;padding:12px 18px;border-radius:12px;background:#272c56;color:white;box-shadow:0 10px 28px #14183030;transition:opacity .2s,transform .2s;font-size:12px;font-weight:700;max-width:min(450px,90vw);line-height:1.5}.toast.show{opacity:1;transform:translate(-50%,0)}.toast.error{background:#a73554}@keyframes drawer-enter{from{transform:translateX(28px);opacity:.8}to{transform:translateX(0);opacity:1}}
/* Event editor */
.modal-overlay{display:grid;place-items:center;padding:24px;overflow-y:auto;z-index:70}.event-modal{position:relative;display:flex;flex-direction:column;background:white;width:min(600px,100%);max-height:min(92dvh,870px);border-radius:21px;box-shadow:0 22px 80px #101a3e55;overflow:hidden;animation:modal-enter .2s ease}.modal-head{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;padding:25px 30px 17px;border-bottom:1px solid #eef0f5}.modal-head h2{font-family:Manrope,Inter,system-ui,sans-serif;font-size:28px;letter-spacing:-.06em;margin:8px 0 0}.modal-head h2 em{color:#6e61de}.modal-scroll{padding:24px 30px;overflow-y:auto;min-height:0}.field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.field-grid .field{margin-bottom:16px}.weekdays-select{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:0 0 20px}.weekdays-select>span{font-size:9px;color:#a0a6b9;font-weight:800;letter-spacing:.1em;margin-right:6px}.weekdays-select label{background:#f2f0ff;border-radius:8px;padding:7px;font-size:11px;white-space:nowrap}.weekdays-select input{accent-color:#6d62da}.modal-actions{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:8px}.modal-danger{display:flex;flex-wrap:wrap;gap:10px}.text-danger{background:transparent;padding:10px 0;font-size:11px;font-weight:800;color:#d05575}.sharing-pane{border-top:1px solid #eceef5;margin-top:25px;padding-top:25px}.sharing-head{display:flex;align-items:center;justify-content:space-between}.sharing-head h3{font-family:Manrope,Inter,system-ui,sans-serif;font-size:20px;margin:0 0 6px;letter-spacing:-.045em}.sharing-head p{font-size:11px;color:#969caf;line-height:1.6}.share-illustration{font-size:30px;color:#9389e7}.share-form{display:flex;gap:9px;margin-top:15px}.share-form .input-prefix{flex:1}.share-form .btn{min-height:45px}.recipient-list{display:flex;flex-direction:column;gap:8px;margin-top:17px}.recipient{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid #e9e9f4;border-radius:10px;font-size:11px}.recipient b{flex:1}.recipient small{color:#8d94a9}.recipient button{background:#fff2f3;color:#bc5775;padding:7px 9px;border-radius:7px;font-size:10px;font-weight:800}.shared-notice{background:#f0efff;padding:12px 14px;border-radius:9px;color:#6660aa;font-size:12px;line-height:1.65;margin-bottom:18px}@keyframes modal-enter{from{opacity:.5;transform:translateY(12px)}to{opacity:1;transform:none}}
/* Laptop and tablet */
@media(max-width:1400px){.glance-layout{grid-template-columns:minmax(0,1fr) 210px}.glance-day{padding-inline:4px}.glance-pill{font-size:8px}.stat-card{padding:17px}.feature-hero{min-height:290px}.hero-copy{padding-top:35px;padding-bottom:35px}}
@media(max-width:1200px){.app{grid-template-columns:218px minmax(0,1fr)}.sidebar{padding-left:11px;padding-right:11px}.topbar-local{display:none}.glance-layout{grid-template-columns:1fr}.glance-grid{gap:10px}.glance-day{min-height:139px}.next-card{min-height:110px;flex-direction:row;gap:20px;align-items:center}.next-card-main{flex:1}.next-card .next-action{width:auto;flex:none}.feature-hero{grid-template-columns:minmax(0,1fr) minmax(260px,.8fr)}.hero-copy h2{font-size:32px}.calendar-modes button{padding-inline:11px}.week-grid{gap:6px}.week-column{padding-inline:5px}}
@media(max-width:980px){.app{grid-template-columns:1fr}.sidebar{position:fixed;width:min(292px,87vw);height:100dvh;left:0;top:0;z-index:40;box-shadow:20px 0 55px #111b3b3d;transform:translateX(-110%);transition:transform .25s ease}.sidebar.open{transform:translateX(0)}.sidebar-close,.mobile-menu{display:grid}.topbar{min-height:70px}.glance-layout{grid-template-columns:minmax(0,1fr) 200px}.glance-grid{grid-template-columns:repeat(7,minmax(0,1fr))}.glance-day{min-height:145px}.glance-day .glance-footer{white-space:normal}.next-card{flex-direction:column;align-items:stretch;min-height:0}.next-card .next-action{width:100%}.calendar-content{padding:19px}.week-grid{grid-template-columns:repeat(7,minmax(0,1fr))}.week-column{min-height:220px}.auth-layout{grid-template-columns:minmax(0,1fr) minmax(405px,49%)}.auth-visual{padding-inline:36px}.auth-scene{transform:scale(.82);transform-origin:center center}}
@media(max-width:760px){.main{padding:28px 20px}.topbar{padding:12px 20px}.breadcrumb{font-size:9px}.topbar-right{gap:7px}.topbar-right .btn{padding:9px 11px}.topbar-right .top-avatar{display:none}.page-intro{flex-direction:column;align-items:flex-start;gap:12px;margin-bottom:23px}.today-label{padding-bottom:0}.feature-hero{grid-template-columns:1fr;min-height:0}.hero-copy{padding:34px 31px 0}.hero-copy h2{font-size:34px;max-width:490px}.hero-art{height:225px;min-height:225px;max-width:470px;width:100%;margin:0 auto}.hero-card{scale:.83}.hero-copy p{max-width:470px}.stats-row{gap:9px}.stat-card{padding:13px 12px;gap:9px}.stat-icon{width:36px;height:36px;border-radius:10px;font-size:17px}.stat-number{font-size:21px}.stat-helper{display:none}.stat-arrow{display:none}.section-title-row{margin-top:43px}.glance-layout{grid-template-columns:1fr}.glance-day{min-height:128px}.glance-pill{white-space:normal}.glance-footer{font-size:8px}.next-card{flex-direction:row;min-height:125px}.next-card .next-action{width:auto}.calendar-toolbar{flex-direction:column;align-items:stretch;gap:16px}.calendar-modes{align-self:flex-start}.week-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.week-column{min-height:185px}.month-cell{min-height:86px}.auth-layout{grid-template-columns:1fr}.auth-visual{display:none}.auth-right{min-height:100dvh;padding:25px 25px 20px}.auth-card{padding:35px 0}.auth-right-top{font-size:9px}}
@media(max-width:520px){.main{padding:24px 16px 26px}.topbar{padding:12px 16px;min-height:64px}.breadcrumb{font-size:9px}.topbar-right .btn-outline,.topbar-local{display:none}.topbar-right .btn-sm{font-size:10px}.page-intro h1{font-size:32px}.page-intro p{font-size:12px}.main-eyebrow{font-size:9px}.feature-hero{border-radius:18px}.hero-copy{padding:30px 22px 0}.hero-copy h2{font-size:29px;margin:15px 0}.hero-copy p{font-size:11px;line-height:1.7}.hero-actions{gap:15px}.hero-art{height:206px;min-height:206px}.hero-card{scale:.75}.stats-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.stat-card{display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:14px 10px;min-height:108px;border-radius:12px}.stat-icon{width:29px;height:29px;font-size:16px}.stat-label{font-size:8px;white-space:normal;min-height:10px}.stat-number{font-size:21px}.section-title-row{align-items:flex-start;gap:12px;margin:37px 0 18px}.section-title-row h2{font-size:25px}.section-title-row p{font-size:11px}.section-title-row>.btn{padding:9px 10px;font-size:10px;min-height:36px}.glance-grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:4px}.glance-day{padding:11px 2px;border-radius:10px;min-height:117px;gap:6px}.glance-weekday{font-size:8px}.glance-date{font-size:20px}.glance-pill{font-size:7px;min-height:20px;display:grid;place-items:center;padding:4px 2px}.glance-dots{gap:2px}.glance-dots i{width:4px;height:4px}.glance-footer{font-size:7px}.next-card{border-radius:13px;min-height:140px}.next-name{font-size:19px}.next-card .next-action{font-size:10px;padding:9px}.calendar-heading{margin-top:43px}.calendar-heading .btn{display:none}.calendar-shell{border-radius:14px}.calendar-toolbar{padding:14px}.toolbar-period>div{margin:0 7px}.toolbar-period h3{font-size:17px}.period-overline{font-size:8px}.round-nav{width:30px;height:30px}.calendar-modes{width:100%}.calendar-modes button{flex:1;padding:9px 6px;font-size:10px}.calendar-content{padding:10px}.week-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.week-column{min-height:130px}.week-header{flex-direction:row;justify-content:center;gap:10px;padding:10px 0}.week-number{font-size:22px}.week-empty{min-height:42px}.month-grid{gap:3px}.month-name{font-size:9px}.month-cell{padding:5px;min-height:64px;border-radius:7px;gap:3px}.month-date{font-size:10px;width:24px;height:24px}.month-event,.month-extra{display:none}.month-dots{display:flex}.calendar-foot{gap:8px;padding:12px;font-size:9px;flex-wrap:wrap}.calendar-foot-note{display:none}.next-card{gap:15px}.day-timeline{grid-template-columns:44px minmax(0,1fr);gap:8px}.main-footer{flex-direction:column;gap:9px;font-size:8px}.drawer-banner{padding:24px 20px}.drawer-scroll{padding:21px 17px}.drawer-bottom{padding:13px 16px}.drawer-date-row h2{font-size:28px}.drawer-number{width:57px;height:67px}.drawer-stats>div{padding:10px 6px}.drawer-stats strong{font-size:21px}.drawer-stats span{font-size:9px}.modal-overlay{padding:0}.event-modal{width:100%;max-height:100dvh;height:100dvh;border-radius:0}.modal-head{padding:22px 19px 15px}.modal-scroll{padding:20px 19px}.field-grid{gap:9px}.field-grid .field>span{font-size:10px}.auth-right{padding:22px 19px}.auth-right-top span{display:none}.auth-card h2{font-size:35px}.auth-card{padding:26px 0}.auth-assurance{font-size:9px}}
@media(max-width:360px){.topbar-right .btn-primary{padding-inline:9px;font-size:9px}.topbar-left{gap:7px}.main{padding-inline:12px}.feature-hero .hero-copy{padding-inline:17px}.stats-row{gap:4px}.stat-card{padding:10px 7px}.stat-number{font-size:19px}.glance-grid{gap:3px}.glance-day{padding-inline:1px}.glance-date{font-size:18px}.glance-pill{font-size:6px}.next-card{padding:16px}.section-title-row h2{font-size:23px}.auth-card h2{font-size:32px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}.spatial-day{transform:none!important}}

/* v6.1 final polish — intentionally scoped responsive refinements */
@media(max-width:520px){
 .topbar-left .breadcrumb{font-size:0;letter-spacing:0}
 .topbar-left .breadcrumb::after{content:'DAYFORM';font-size:10px;font-weight:850;letter-spacing:.09em;color:#636b82}
 .topbar-left .breadcrumb>span,.topbar-left .breadcrumb>strong{display:none}
 .topbar .demo-notice{font-size:0;padding:8px 9px;line-height:1}
 .topbar .demo-notice::after{content:'DEMO';font-size:9px;letter-spacing:.08em}
 .topbar-left,.topbar-right{gap:6px}
 .next-card{flex-direction:column;align-items:stretch;gap:12px;min-height:168px}
 .next-card-main{margin:4px 0;flex:1}
 .next-card .next-action{width:100%;min-height:36px}
 .next-card .next-name{max-width:none;font-size:19px;line-height:1.3}
 .next-card .next-empty{margin-top:5px}
}
@media(max-width:360px){
 .topbar{gap:4px}
 .topbar .demo-notice{padding-inline:6px}
 .topbar-right .btn-primary{font-size:9px;min-height:36px}
 .topbar-left .breadcrumb::after{font-size:9px}
}
@media(max-width:520px){
  /* Four legible day tiles per row instead of seven unusably narrow tap targets. */
  .glance-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}
  .glance-day{min-height:132px;gap:7px;padding:12px 5px}
  .glance-weekday{font-size:9px}
  .glance-date{font-size:25px}
  .glance-pill{font-size:9px;min-height:22px;padding:5px 6px}
  .glance-dots i{width:5px;height:5px}
  .glance-footer{font-size:8px}
  .toolbar-period>div{min-width:0;flex:1;margin:0 5px;max-width:100%}
  .toolbar-period h3{font-size:16px;white-space:normal;line-height:1.25}
  .toolbar-period{width:100%}
  .period-today{flex:none}
}
@media(max-width:360px){
  .glance-grid{gap:5px}
  .glance-day{padding-inline:3px}
  .glance-date{font-size:22px}
  .glance-pill{font-size:8px}
  .period-overline{font-size:7px}
  .toolbar-period h3{font-size:14px}
  .period-today{font-size:10px;padding:8px}
}

/* ────────────────────────────────────────────────────────────────────────
   DAYFORM CONNECT 07 · dimensional design system + collaborative details
   ──────────────────────────────────────────────────────────────────────── */
:root{--v7-ink:#202647;--v7-dusk:#292d60;--v7-orchid:#8879e9;--v7-line:#e6e9f5;--v7-pearl:#f9faff;--v7-soft:#838ba4}
#app,.auth-layout{font-family:Inter,Manrope,ui-sans-serif,system-ui,-apple-system,'Segoe UI',sans-serif}
button,input,textarea,select{font:inherit}
.btn,.nav-link,.spatial-day,.glance-day,.week-header{touch-action:manipulation}
#header-alert{display:inline-flex;align-items:center;justify-content:center;gap:5px;border-color:#dcdcf1;background:#f7f6ff;color:#675cc2;white-space:nowrap}
#header-alert:hover{box-shadow:0 8px 18px #7770bd17;background:#efedff}
#header-alert:focus-visible,.spatial-day:focus-visible,.remark-item button:focus-visible,.alert-actions button:focus-visible{outline:3px solid #af9cff;outline-offset:3px}
/* Three-dimensional theatre: architectural lighting, physical depth, inset glass, cast shadows */
.spatial-stage{min-height:430px;background:radial-gradient(ellipse 38% 66% at 18% 24%,#6567b8a1,transparent 100%),radial-gradient(ellipse 42% 65% at 93% 82%,#75649aa8,transparent 95%),linear-gradient(120deg,#191e3f 0%,#343968 54%,#1c2343 100%);border:1px solid #4c5181;box-shadow:inset 0 1px 1px #ffffff20,0 20px 35px #262e531b;border-radius:24px;padding:30px 0 28px;isolation:isolate}
.spatial-stage::before{background:radial-gradient(circle at 50% 0%,#b4baff56,transparent 45%);opacity:1;inset:0;z-index:-1}
.spatial-stage::after{content:'';position:absolute;left:8%;bottom:0;width:84%;height:70px;background:radial-gradient(ellipse at center,#0e133bc0,transparent 65%);pointer-events:none;filter:blur(12px)}
.scene-grid{position:absolute;inset:8% -20% -30%;transform:perspective(500px) rotateX(64deg);background-image:linear-gradient(#bebeff19 1px,transparent 1px),linear-gradient(90deg,#bebeff19 1px,transparent 1px);background-size:37px 37px;mask-image:linear-gradient(to bottom,transparent,#000 46%,transparent);pointer-events:none;z-index:0}
.scene-beam{position:absolute;width:70%;height:85%;left:15%;top:-40%;border-radius:50%;background:radial-gradient(ellipse,#c5bdff2c,transparent 65%);filter:blur(22px);pointer-events:none}
.spatial-intro{align-items:center;margin-bottom:17px;gap:18px}
.spatial-kicker{display:block;color:#857ad4;font-size:10px;letter-spacing:.19em;font-weight:900;margin-bottom:9px}
.spatial-intro h3{font-size:clamp(19px,2vw,27px);line-height:1.26;letter-spacing:-.04em}
.spatial-intro p{font-size:12px;line-height:1.7;max-width:520px;margin-top:8px}
.spatial-rail{position:relative;z-index:1;padding:30px 28px 63px;gap:23px;perspective:1400px;perspective-origin:50% 45%;scroll-padding-inline:28px;scroll-snap-type:x proximity;overflow-y:hidden;scrollbar-width:thin;scrollbar-color:#b5b2d960 transparent}
.spatial-day{position:relative;flex:0 0 207px;min-height:317px;padding:0;background:transparent;border:0;border-radius:20px;text-align:left;transform-style:preserve-3d;transform:rotateY(-10deg) rotateX(8deg) translate3d(0,0,0);transition:transform .42s cubic-bezier(.19,1,.22,1),filter .42s;box-shadow:none;isolation:isolate;scroll-snap-align:center;will-change:transform}
.spatial-day::before{content:'';position:absolute;inset:14px -9px -12px 10px;border-radius:20px;background:linear-gradient(128deg,#6767b4,#31365d 62%,#121a35);transform:translateZ(-13px);box-shadow:15px 25px 21px #050b24b0,28px 33px 32px #0000004a;pointer-events:none}
.spatial-day::after{content:'';position:absolute;inset:0;border-radius:20px;border:1px solid #ffffffbb;background:linear-gradient(120deg,#fff9 0%,transparent 18%,transparent 74%,#eee9ff40 90%,#ffffff80 100%);transform:translateZ(2px);pointer-events:none}
.spatial-day-face{position:relative;display:flex;flex-direction:column;min-height:317px;height:100%;width:100%;border-radius:20px;background:radial-gradient(ellipse at 93% 3%,#f7ddffb0,transparent 38%),linear-gradient(147deg,#fff 1%,#f3f3ff 58%,#deddf6 100%);border:1px solid #fffc;box-shadow:inset 0 2px #fff,inset -3px -4px 13px #a4a2cf2b;transform:translateZ(14px);padding:19px 16px 14px;overflow:hidden}
.spatial-day-face::before{content:'';position:absolute;left:0;top:0;width:130%;height:75%;background:linear-gradient(115deg,transparent 27%,#ffffff9c 41%,#ffffff19 52%,transparent 60%);transform:translateX(-44%);pointer-events:none;transition:transform .6s}
.spatial-day:hover .spatial-day-face::before,.spatial-day:focus-visible .spatial-day-face::before{transform:translateX(40%)}
.spatial-day:hover,.spatial-day:focus-visible{transform:rotateY(0deg) rotateX(0deg) translateY(-14px) translateZ(35px);filter:brightness(1.03);box-shadow:none}
.spatial-day.selected{transform:rotateY(-3deg) rotateX(3deg) translateY(-7px) translateZ(18px);border:0;background:transparent;box-shadow:none}
.spatial-day.selected .spatial-day-face{outline:2px solid #dbd4ff;outline-offset:1px;background:radial-gradient(ellipse at 92% 0%,#e4dbff,transparent 45%),linear-gradient(151deg,#fff,#edeafb 94%)}
.spatial-day.selected::before{background:linear-gradient(130deg,#a5a0f3,#7265b6 70%,#36346f);box-shadow:19px 28px 29px #090d2caa,31px 38px 30px #050a2640}
.spatial-day-count{display:flex;align-items:flex-end;justify-content:space-between;gap:5px;margin:13px 0 12px;color:#273053;font-size:51px;line-height:1;letter-spacing:-.075em;text-shadow:0 1px #fff}
.spatial-day-count small{font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:9px;font-weight:900;letter-spacing:.11em;color:#9694c3;margin-bottom:7px}
.spatial-day-week{font-size:11px;font-weight:900;color:#797caa;letter-spacing:.15em}
.spatial-day-week i{font-style:normal;font-size:9px;color:#b8b6d1;letter-spacing:.08em}
.spatial-sigil{font-size:22px;color:#9b92e8}
.spatial-mini-track{display:flex;gap:4px;min-height:6px;margin:0 0 16px;transform:translateZ(9px)}
.spatial-mini-track i{height:5px;flex:1;border-radius:10px;max-width:34px;box-shadow:inset 0 1px #fff9}
.spatial-mini-track .empty-track{width:40px;background:#dee0ec}
.spatial-items{display:block;flex:1;transform:translateZ(8px);min-width:0}
.spatial-block{display:block;background:linear-gradient(110deg,#ffffffd9,var(--cat-bg));border:1px solid var(--cat-border);border-left:3px solid var(--cat-color);border-radius:9px;padding:9px 8px;margin-bottom:8px;box-shadow:1px 3px 4px #55558d12,0 7px 11px #47478216;max-width:100%}
.spatial-block span{font-size:9px;color:var(--cat-color);font-weight:900}
.spatial-block b{font-size:11px;line-height:1.35;color:#2e3150;margin-top:4px;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.spatial-block small{display:block;font-size:8px;color:#8784a5;margin-top:4px}
.spatial-no-plan{display:block;color:#979ab2;font-size:12px;line-height:1.6;padding:12px 4px}
.spatial-day-bottom{margin-top:auto;border-top:1px solid #dedef052;padding-top:11px;color:#777ba7;font-weight:900;font-size:10px;letter-spacing:.08em;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:3}
.spatial-day-bottom small{font-size:9px;font-weight:700;color:#a6a4bb}
.spatial-open{background:#e7e4fc;border-radius:10px;display:grid;place-items:center;width:27px;height:27px;color:#7268c8;font-size:16px;box-shadow:inset 0 1px white}
.spatial-hint{position:relative;z-index:2;text-align:center;font-size:10px;color:#d4d4ed;letter-spacing:.03em;margin-top:0;padding:0 13px;line-height:1.6}
.spatial-hint span{color:#f3d4ff}
/* Hero cards receive the same physical light and depth cues. */
.hero-card{border:1px solid #fff9;box-shadow:11px 14px 0 #8d83d9,19px 30px 36px #070c2f8c,inset 0 2px white,inset -8px -8px 20px #b0a3e533}
.hero-card-front{box-shadow:13px 16px 0 #8780ce,24px 32px 35px #070c2fba,inset 0 2px white,inset -7px -7px 16px #b5a5ef3d}
.hero-art{filter:drop-shadow(0 18px 25px #0e14417b)}
/* Remarks live inside the actual editor, with intentionally quieter surfaces. */
.reminder-pane{background:linear-gradient(120deg,#f7f6ff,#f1f6ff);border:1px solid #e3e0f6;border-radius:15px;padding:14px 15px 12px;margin:8px 0 18px}
.reminder-pane-head{display:flex;gap:12px;align-items:center;margin-bottom:12px}
.reminder-glyph{display:grid;place-items:center;width:36px;height:36px;background:linear-gradient(130deg,#a3a0ed,#7165d4);border-radius:11px;color:white;font-size:21px;box-shadow:3px 4px 0 #c8c3f9}
.reminder-pane-head strong{display:block;font-size:13px;color:#323555}
.reminder-pane-head small{font-size:10px;color:#858aaf;line-height:1.45;display:block;margin-top:3px}
.reminder-pane .field{margin-bottom:7px}
.reminder-pane select{background:white}
.quiet-note{font-size:10px;line-height:1.55;color:#9397b3;margin:7px 0 0}
.remarks-panel{border-top:1px solid #e9eaf4;margin-top:29px;padding:27px 0 4px}
.remarks-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}
.remarks-heading h3{font-family:Manrope,Inter,system-ui,sans-serif;font-size:20px;letter-spacing:-.05em;margin:8px 0 5px}
.remarks-heading h3 span{font-size:11px;color:#857cdc;background:#f1efff;border-radius:7px;padding:4px 7px;vertical-align:middle}
.remarks-heading p{font-size:11px;color:#949ab1;line-height:1.5}
.remarks-art{width:46px;height:46px;display:grid;place-items:center;border-radius:16px;background:linear-gradient(135deg,#eae6ff,#fcf6ff);color:#8b7cdd;font-size:35px;box-shadow:4px 5px 0 #e3dcff}
.remarks-list{margin:16px 0 19px;display:flex;flex-direction:column;gap:12px;max-height:360px;overflow:auto;overscroll-behavior:contain}
.remark-item{display:flex;gap:10px;align-items:flex-start;padding:13px;border:1px solid #e9eaf5;background:#fbfbff;border-radius:13px}
.remark-avatar{display:grid;flex:0 0 29px;height:29px;place-items:center;border-radius:10px;background:linear-gradient(140deg,#9793eb,#6961c5);color:white;font-weight:900;font-size:11px}
.remark-text{min-width:0;flex:1}
.remark-meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px;font-size:10px;color:#8b90a8}
.remark-meta strong{color:#363b5c;font-size:11px}
.remark-meta time{margin-left:auto;font-size:9px}
.remark-meta button{padding:2px 0;background:transparent;color:#ba5c7a;font-size:9px;font-weight:900}
.remark-text p{font-size:12px;color:#535c7b;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.65;margin:7px 0 0}
.remarks-empty{background:#f6f6ff;border:1px dashed #d9d7ee;border-radius:10px;text-align:center;padding:18px;color:#8f93b2;font-size:11px;line-height:1.5}
.remark-compose-foot{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:9px}
.remark-compose-foot small{color:#999db0;font-size:10px;line-height:1.45}
.remark-compose-foot button{white-space:nowrap}
.alerts-modal{background:white;width:min(485px,100%);border-radius:24px;box-shadow:0 24px 90px #0e153d77;overflow:hidden}
.alerts-body{padding:28px 31px 33px}
.alert-hero-icon{display:grid;place-items:center;width:72px;height:72px;margin-bottom:19px;border-radius:23px;font-size:39px;color:white;background:radial-gradient(circle at 28% 16%,#c0baff,#8a7ae3 49%,#6158b4);box-shadow:8px 9px 0 #ded9fa,12px 17px 28px #655eba35}
.alerts-body h3{font-size:23px;letter-spacing:-.06em;color:#252a49;margin-bottom:8px;font-weight:850}
.alerts-body>p{font-size:12px;line-height:1.8;color:#858da6}
.alert-status{padding:12px 14px;background:#f2f0ff;color:#7066c8;border-radius:11px;font-size:11px;font-weight:750;margin-top:19px}
.alert-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:14px}
.alert-actions button{min-height:43px}
.alerts-body .alert-limit{font-size:10px;line-height:1.65;margin-top:17px;padding-top:14px;border-top:1px solid #edeef8}
/* Fluid layout guards against clipped text at narrow and tall aspect ratios */
.app-body,.calendar-shell,.calendar-content,.glance-layout,.section-title-row,.feature-hero,.spatial-stage{min-width:0}
.page-intro h1,.section-title-row h2,.hero-copy h2,.spatial-intro h3{overflow-wrap:break-word}
@media(max-width:1200px){.spatial-day{flex-basis:200px}.spatial-rail{gap:20px}.topbar-local{display:none}}
@media(max-width:980px){.spatial-stage{min-height:425px}.spatial-rail{gap:17px}.spatial-day{flex-basis:190px}.topbar-right{min-width:0}}
@media(max-width:700px){.spatial-intro{flex-wrap:wrap;gap:12px}.spatial-nav{margin-left:auto}.spatial-stage{padding:11px 0 20px;border-radius:18px;min-height:386px}.spatial-rail{padding:26px 17px 50px;gap:22px}.spatial-day{flex:0 0 208px;min-height:307px}.spatial-day-face{min-height:307px;padding:17px 14px 13px}.spatial-hint{font-size:9px}.remark-compose-foot{align-items:flex-start;flex-direction:column}.remark-compose-foot button{width:100%}.alerts-body{padding:22px}.alert-actions button{flex:1 1 auto}#header-alert{padding-inline:10px;font-size:11px}}
@media(max-width:430px){.spatial-day{flex-basis:194px;min-height:305px}.spatial-day-face{min-height:305px}.spatial-rail{gap:18px}.spatial-day-count{font-size:44px}.spatial-stage{min-height:376px}.spatial-mini-track{margin-bottom:12px}.spatial-intro h3{font-size:20px}.reminder-pane-head strong{font-size:12px}.reminder-pane-head small{font-size:9px}.remark-meta time{flex-basis:100%;margin-left:0}#header-alert{font-size:10px;min-height:34px}}
@media(max-width:360px){.topbar-right{gap:5px}#header-alert{padding:7px;font-size:10px}.topbar-right .top-avatar{display:none}.spatial-day{flex-basis:190px}}
@media(prefers-reduced-motion:reduce){.spatial-day,.spatial-day-face::before{transition:none!important}.spatial-day{will-change:auto}.spatial-day:hover,.spatial-day:focus-visible{transform:rotateY(0) rotateX(0)}}
.spatial-day:hover,.spatial-day:focus-visible{transform:rotateY(var(--ry,0deg)) rotateX(var(--rx,0deg)) translateY(-14px) translateZ(35px)}
.remark-chip{display:block;font-size:9px;color:#7568cf;margin-top:4px}
@media(max-width:360px){html,body{max-width:100%;overflow-x:clip}}
@media(prefers-reduced-motion:reduce){.spatial-day:hover,.spatial-day:focus-visible{transform:rotateY(0) rotateX(0)}}
@media(max-width:850px){.topbar #header-today{display:none}.topbar-right{min-width:0;gap:7px}}
@media(max-width:980px){.app-body{overflow-x:clip}}
.alerts-modal{max-height:calc(100dvh - 28px);overflow-y:auto;overscroll-behavior:contain}
@media(max-height:560px){.modal-overlay{align-items:start;justify-items:center;padding:12px;overflow-y:auto}.alerts-modal{max-height:calc(100dvh - 24px)}.event-modal{max-height:calc(100dvh - 24px)}.alerts-body{padding:18px 23px 22px}.alert-hero-icon{width:46px;height:46px;font-size:26px;margin-bottom:9px}.alerts-body h3{font-size:19px}.alerts-body .alert-limit{margin-top:8px;padding-top:8px}}

/* v8: time-aware states and timezone editor. No strikethrough: elapsed does not imply completed. */
.event-chip.is-past,.timeline-event.is-past,.drawer-event.is-past .drawer-event-card,.spatial-block.is-past,.month-event.is-past,.list-card.is-past{filter:grayscale(.90);opacity:.58;box-shadow:none;transition:filter .25s ease,opacity .25s ease}
.event-chip.is-past:hover,.timeline-event.is-past:hover,.drawer-event.is-past:hover .drawer-event-card,.spatial-day:hover .spatial-block.is-past{opacity:.85}
.event-chip.is-active,.timeline-event.is-active,.drawer-event.is-active .drawer-event-card,.spatial-block.is-active{outline:2px solid #2ca987;outline-offset:1px}
.moment-status{display:inline-flex;align-items:center;white-space:normal;width:max-content;max-width:100%;font-size:9px;line-height:1.3;font-weight:800;letter-spacing:.02em;padding:3px 7px;border:1px solid #d4d9e5;border-radius:99px;color:#636d84;background:#edf0f5;margin-top:4px}
.moment-status.is-active{color:#14694d;background:#e0fff1;border-color:#93d8bc}.moment-status.is-unverified{color:#8e4c1c;background:#fff3e4;border-color:#edc9a0}
.spatial-block .moment-status{font-size:8px;margin-top:5px}.month-event.is-past{text-decoration:none}.event-chip.is-past strong,.drawer-event.is-past b,.spatial-block.is-past b{color:#798094}
.timezone-field{margin:3px 0 19px}.timezone-field input{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px}.timezone-field small{display:block;line-height:1.65;font-size:11px;color:#77809a;margin-top:7px;overflow-wrap:anywhere}.timezone-field input[readonly]{background:#f3f4f9;color:#64718c}
.topbar-local{overflow-wrap:anywhere;max-width:220px;line-height:1.4}
@media(max-width:1100px){.topbar-local{display:none}}
@media(prefers-reduced-motion:reduce){.moment-status,.is-past{transition:none!important}}

.calendar-foot-timezone{display:inline-flex;align-items:center;font-weight:800;color:#5c6b93;font-size:10px;letter-spacing:.02em;overflow-wrap:anywhere;line-height:1.6}
@media(max-width:520px){.calendar-foot-timezone{flex:1 0 100%;font-size:9px}}