@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&display=swap');
:root{--ink:#363636;--muted:#8e8e8e;--line:#f0f0f0;--soft:#f5f5f5;--accent:#a2a2a2;--blue:#f5f5f5;--level1:#f0f0f0;--level2:#d9d9d9;--level3:#b1b1b1}*{box-sizing:border-box}body{margin:0;background:white;color:var(--ink);font:14px 'DM Sans',sans-serif;-webkit-font-smoothing:antialiased}button,input,select{font:inherit;color:inherit}button{cursor:pointer;border:0;background:none}button:focus-visible,select:focus-visible,input:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:3px}header{height:100px;max-width:960px;padding:0 32px;margin:auto;display:flex;align-items:center;justify-content:space-between}.logo{display:flex;gap:9px;align-items:center;text-decoration:none;color:var(--ink);font-weight:600;font-size:22px;letter-spacing:-.8px}.mark{display:flex;align-items:center;width:29px;height:24px}.mark i{display:block;width:18px;height:23px;border:1.5px solid var(--accent);border-radius:12px;transform:rotate(25deg);background:white}.mark i+i{margin-left:-7px;background:#f5f5f5aa}.quiet{font-size:12px;color:#7a7a7a;padding:10px 0;min-height:40px}.quiet span{margin-left:12px}.quiet:hover{color:var(--ink)}main{max-width:700px;margin:45px auto 0}.titleline{display:flex;align-items:center;gap:12px}h1{font-size:32px;font-weight:500;letter-spacing:-1.3px;line-height:1.25;margin:0;overflow-wrap:anywhere}.edit{color:#b5b5b5;font-size:19px;padding:10px;flex-shrink:0}.subtitle{font-size:14px;color:var(--muted);margin:10px 0 22px}.planmeta{display:flex;align-items:center;justify-content:space-between}details{position:relative}summary{display:flex;align-items:center;gap:20px;list-style:none;font-size:12px;color:#7e7e7e;cursor:pointer;padding:9px 0}summary::-webkit-details-marker{display:none}.chevron{font-size:15px;color:#aaaaaa}.share{color:var(--accent);font-weight:500}.settingspanel{position:absolute;z-index:6;top:44px;left:0;width:280px;padding:20px;background:white;border:1px solid var(--line);border-radius:12px;box-shadow:0 12px 40px #36363610}.pills{display:flex;gap:4px;margin-bottom:20px;background:var(--soft);padding:4px;border-radius:7px}.pill{flex:1;padding:8px 5px;font-size:11px;border-radius:5px;color:var(--muted)}.pill.active{background:white;color:var(--ink);box-shadow:0 1px 3px #36363610}.settingspanel label{display:grid;gap:7px;font-size:12px;color:var(--muted);margin-top:16px}.settingspanel input,.settingspanel select{border:1px solid var(--line);padding:10px;background:white;border-radius:7px;min-height:40px;width:100%;color:var(--ink)}.circle{margin:27px 0 34px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:17px 0 23px}.circlehead{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:#7e7e7e}.circlehead #count{font-size:10px;color:#a8a8a8;margin-left:9px}.add{font-size:21px;color:#a0a0a0;width:34px;height:30px;line-height:1}.add:hover{color:var(--accent)}#people{display:flex;gap:28px;flex-wrap:wrap;margin-top:12px}.personrow{display:flex;align-items:center;gap:9px;cursor:pointer;padding:5px 0;min-width:115px;border-radius:8px}.personrow:focus-visible{outline:2px solid var(--accent)}.avatar{height:34px;width:34px;display:grid;place-items:center;border-radius:50%;background:#f5f5f5;color:#a2a2a2;font-size:11px;flex-shrink:0}.personrow:nth-child(2) .avatar{background:#f2f2f2;color:#a2a2a2}.personrow:nth-child(3) .avatar{background:#eeeeee;color:#969696}.personrow.selected .avatar{outline:1px solid var(--accent);outline-offset:3px}.personinfo{display:grid;gap:3px;font-size:12px}.personinfo small{font-size:10px;color:var(--muted)}.local{display:none}.calendarhead{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px}.calendarhead h2{font-size:18px;font-weight:500;letter-spacing:-.4px;margin:0}.zone select{font-size:12px;color:var(--muted);border:0;background:white;max-width:145px;padding:7px 0;cursor:pointer}.toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;font-size:11px;color:var(--muted)}.toolbar select{font-size:11px;font-weight:500;border:0;background:white;padding:6px 4px;color:var(--ink)}.toolbar>span{font-size:10px;color:#a6a6a6}.gridwrap{max-height:390px;overflow:auto;scrollbar-width:thin;scrollbar-color:#e7e7e7 transparent;overscroll-behavior:contain}#grid{display:grid;grid-template-columns:62px repeat(5,minmax(0,1fr));user-select:none}.day{position:sticky;top:0;z-index:2;background:white;text-align:center;padding:10px 0 19px;font-size:11px;color:#9c9c9c;border-bottom:1px solid var(--line)}.day b{display:block;font-size:20px;font-weight:400;color:#606060;margin-top:8px;line-height:1.3}.hour{font-size:10px;color:#a3a3a3;padding-top:8px;font-variant-numeric:tabular-nums;background:white}.cell{height:32px;background:#fbfbfb;position:relative;border-right:5px solid white;border-bottom:1px solid #f3f3f3;touch-action:none}.cell[data-n="1"]{background:var(--level1)}.cell[data-n="2"]{background:var(--level2)}.cell[data-n="3"]{background:var(--level3)}.cell.mine:after{content:'';position:absolute;left:3px;top:11px;width:3px;height:10px;background:#a2a2a2;border-radius:2px}.cell:hover{outline:1px solid var(--accent);outline-offset:-1px}.cell:focus-visible{z-index:1}.legend{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:16px 0 0;font-size:10px;color:#a6a6a6}.legend b{font-weight:400;color:#848484;margin-left:4px}.legend>span:last-child{display:flex;align-items:center;gap:4px}.legend i{height:8px;width:8px;border-radius:2px;background:var(--level1)}.legend i:nth-child(2){background:var(--level2)}.legend i:nth-child(3){background:var(--level3)}.bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:25px 0;margin-top:8px}#best{font-size:12px;color:var(--muted);line-height:1.6}.primary{background:var(--ink);color:white;border-radius:10px;min-height:46px;padding:14px 20px;font-size:12px;white-space:nowrap}.primary span{margin-left:30px}.primary:hover{background:#565656}.result{border-top:1px solid var(--line);padding:19px 0;display:flex;align-items:center;justify-content:space-between;font-size:13px;gap:12px}.result small{display:block;font-size:10px;color:var(--muted);margin-top:6px;line-height:1.8}.result button{font-size:12px;color:var(--accent);white-space:nowrap;padding:10px 0 10px 10px}footer{padding:30px 0 35px;font-size:11px;color:#a0a0a0;text-align:center}footer span{display:block;font-size:9px;color:#c0c0c0;margin-top:10px}dialog{border:1px solid var(--line);border-radius:16px;padding:28px;width:min(420px,90vw);color:var(--ink);box-shadow:0 16px 80px #36363618}dialog::backdrop{background:#36363638;backdrop-filter:blur(3px)}dialog h2{font-size:25px;font-weight:500;letter-spacing:-.8px;margin:16px 0 22px}.close{float:right;font-size:24px;color:#a0a0a0;padding:0 0 10px 12px}dialog label{font-size:12px;color:var(--muted)}dialog input,dialog select,dialog textarea{display:block;width:100%;padding:12px;border:1px solid var(--line);border-radius:8px;margin:10px 0 18px;background:white;font:inherit}dialog p{font-size:12px;line-height:1.9;color:var(--muted)}dialog .primary{width:100%}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:var(--ink);color:white;border-radius:10px;padding:13px 22px;font-size:12px;opacity:0;pointer-events:none;transition:opacity .2s;z-index:10;max-width:90vw;width:max-content}#toast.show{opacity:1}
@media(max-width:780px){header{height:80px;padding:0 24px}main{margin:25px 24px 0}.logo{font-size:20px}h1{font-size:28px}.subtitle{font-size:13px}.circle{margin:20px 0 27px;padding:15px 0 19px}#people{gap:16px}.personrow{min-width:85px;gap:7px}.avatar{height:30px;width:30px;font-size:10px}.personinfo{font-size:11px}.personinfo small{font-size:9px}.calendarhead h2{font-size:17px}.calendarhead{margin-bottom:14px}.toolbar{font-size:10px}.toolbar select{font-size:10px}.toolbar>span{font-size:9px}#grid{grid-template-columns:52px repeat(5,minmax(0,1fr))}.day{font-size:10px;padding-bottom:16px}.day b{font-size:18px}.cell{height:32px;border-right-width:3px}.hour{font-size:8px;padding-top:10px}.gridwrap{max-height:340px}.legend{font-size:9px}.legend b{display:none}.bottom{padding:25px 0 10px;gap:14px}.primary{font-size:12px;padding:14px 16px}.primary span{margin-left:17px}#best{font-size:10px;max-width:150px}footer{padding-top:35px}}
/* A small, after-hours place for your people. */
:root{--ink:#f2f2f2;--muted:#999999;--line:#3e3e3e;--soft:#343434;--accent:#c8c8c8;--blue:#454545;--level1:#414141;--level2:#656565;--level3:#b9b9b9;--surface:#2d2d2d;--bg:#242424}
body{background:var(--bg);color:var(--ink);color-scheme:dark}.app-shell{display:grid;grid-template-columns:232px minmax(0,1fr);min-height:100vh}.sidebar{padding:37px 22px 24px;border-right:1px solid var(--line);display:flex;flex-direction:column;position:sticky;top:0;height:100vh;background:#282828}.sidebar>.logo{padding-left:10px;font-size:23px;color:#f2f2f2}.mark i{background:var(--bg);border-color:var(--accent)}.mark i+i{background:#65656588}.navlabel{font-size:11px;color:#878787;margin:51px 10px 16px}.groupbutton{display:flex;align-items:center;gap:11px;padding:12px;width:100%;text-align:left;border-radius:15px;color:#aeaeae;margin:5px 0}.groupbutton.active{background:#404040;color:#f2f2f2}.group-emoji{display:grid;place-items:center;background:#4d4d4d;width:34px;height:34px;border-radius:12px;font-size:18px}.groupbutton b{display:block;font-size:12px;font-weight:500}.groupbutton small{display:block;font-size:10px;color:#959595;margin-top:5px}.create-group{color:#989898;font-size:11px;text-align:left;padding:16px 12px;margin-top:9px;border:1px dashed #464646;border-radius:14px}.create-group:hover{background:#323232}.upgrade{display:grid;text-align:left;background:#373737;border:1px solid #484848;border-radius:20px;padding:18px 16px;margin-top:auto;color:#e2e2e2;gap:11px}.plus-star{font-size:25px;color:#cdcdcd}.upgrade b{font-size:12px;font-weight:500}.upgrade small{font-size:10px;line-height:1.7;color:#a8a8a8}.plus-link{font-size:11px;margin-top:4px}.sidebar-foot{font-size:10px;color:#727272;text-align:center;margin-top:24px}.main-shell{min-width:0}header{height:92px;max-width:1000px;padding:0 40px;border-bottom:1px solid var(--line)}.breadcrumb{display:flex;align-items:center;gap:12px;color:#c9c9c9;font-size:12px}.breadcrumb>span:first-child{font-size:20px;color:var(--accent)}.group-tag{font-size:9px;color:#767676;margin-left:5px}.quiet{color:#ababab;border:1px solid #464646;padding:10px 15px;border-radius:24px}.quiet:hover{color:var(--ink);background:#363636}main{max-width:740px;margin:31px auto 0;padding:0 24px}.group-welcome{display:flex;gap:19px;align-items:center;margin:5px 0 30px}.welcome-symbol{height:64px;width:64px;border-radius:23px;background:#434343;color:#d3d3d3;display:grid;place-items:center;font-size:34px}.group-welcome p{font-size:11px;color:#9f9f9f;margin:0 0 9px}.group-welcome h2{font-size:26px;font-weight:500;letter-spacing:-.8px;margin:0;color:#efefef}.plan-tabs{display:flex;gap:7px;overflow:auto;margin-bottom:18px;padding-bottom:3px}.plan-tab{border:1px solid #404040;border-radius:20px;color:#929292;font-size:11px;padding:9px 14px;white-space:nowrap}.plan-tab.active{background:#3e3e3e;border-color:#5e5e5e;color:#d9d9d9}.plan{background:var(--surface);border:1px solid var(--line);border-radius:24px;padding:25px 25px 18px}.titleline h1{font-size:26px;letter-spacing:-.8px;color:#f0f0f0}.edit{color:#868686}.subtitle{font-size:12px;color:#8e8e8e;margin-bottom:15px}.planmeta{margin-top:8px}summary{color:#b3b3b3;font-size:11px}.share{color:#d9d9d9;font-size:11px;background:#3f3f3f;border:0}.chevron{color:#919191}.settingspanel{background:#333333;border-color:#4d4d4d;box-shadow:0 15px 40px #00000055;border-radius:18px}.settingspanel input,.settingspanel select{background:#2d2d2d;border-color:#4c4c4c;color:var(--ink);border-radius:10px}.pill.active{background:#555555;color:#e9e9e9;box-shadow:none}.pills{background:#2c2c2c;border-radius:11px}.pill{border-radius:9px;color:#a7a7a7}.circle{padding:20px 3px 22px;margin:0 0 25px;border-top:0;border-bottom:1px solid var(--line)}.circlehead{color:#b6b6b6}.circlehead #count{color:#737373}.add{background:#383838;border:1px dashed #585858;border-radius:50%;width:30px;height:30px;font-size:18px;color:#b3b3b3}#people{gap:22px}.personrow{padding:6px 0}.personinfo{color:#dedede}.personinfo small{color:#848484}.avatar{background:#4b4b4b;color:#c3c3c3}.personrow:nth-child(2) .avatar{background:#3c3c3c;color:#bbbbbb}.personrow:nth-child(3) .avatar{background:#393939;color:#b5b5b5}.personrow.selected .avatar{outline-color:#bababa}.calendarhead h2{color:#dfdfdf;font-size:17px}.zone select{background:var(--bg);color:#a0a0a0;font-size:11px}.toolbar{color:#9f9f9f}.toolbar select{background:var(--bg);color:#d6d6d6}.toolbar>span{color:#777777}.gridwrap{max-height:470px;border-radius:15px;border:1px solid #3a3a3a;background:#272727;scrollbar-color:#5b5b5b #2c2c2c;scrollbar-width:thin;scroll-behavior:auto}#grid{grid-template-columns:65px repeat(5,minmax(0,1fr));min-width:460px}.day{background:#2d2d2d;color:#9e9e9e;border-color:#434343;padding-top:15px}.day b{color:#dfdfdf;font-size:20px}.hour{background:#272727;color:#818181;padding:10px 0 0 8px;font-size:9px}.cell{height:35px;background:#303030;border-right:3px solid #272727;border-bottom:1px solid #3d3d3d;border-radius:5px}.cell[data-n="1"]{background:#434343}.cell[data-n="2"]{background:#666666}.cell[data-n="3"]{background:#b9b9b9}.cell.mine:after{background:#e2e2e2;top:12px;height:9px}.cell:hover{outline:1px solid #dcdcdc;outline-offset:-2px}.legend{color:#828282;font-size:10px}.legend b{color:#b2b2b2}.legend i{border-radius:3px}.bottom{position:sticky;bottom:0;background:var(--bg);padding:23px 0 20px;z-index:4;margin:10px 0 0;border-top:1px solid var(--line)}#best{color:#b2b2b2;font-size:11px}.primary{background:#cdcdcd;color:#323232;border-radius:24px;padding:15px 23px;font-weight:600}.primary:hover{background:#dfdfdf}.result{border-color:#3a3a3a;color:#dfdfdf}.result small{color:#999999}.result button{color:#cdcdcd}.result:last-child{padding-bottom:25px}footer{color:#8e8e8e;font-size:10px;padding-top:20px}footer span{color:#626262;font-size:9px}dialog{background:#303030;border:1px solid #525252;border-radius:25px;box-shadow:0 25px 90px #00000088}dialog::backdrop{background:#13131399;backdrop-filter:blur(5px)}dialog h2{color:#e5e5e5}dialog label,dialog p{color:#b0b0b0}dialog input,dialog select,dialog textarea{background:#262626;color:#e9e9e9;border-color:#4b4b4b;border-radius:13px}.close{color:#a0a0a0}#toast{background:#dadada;color:#393939;border-radius:20px}.pricing{display:grid;gap:12px}.price-card{padding:19px;background:#3a3a3a;border:1px solid #545454;border-radius:18px}.price-card h3{font-size:16px;margin:0 0 12px;font-weight:500}.price-card b{font-size:25px;font-weight:500;color:#e1e1e1}.price-card b small{font-size:12px;color:#a5a5a5}.price-card ul{padding-left:18px;color:#b7b7b7;font-size:12px;line-height:2}.price-card p{font-size:11px}.billing-note{font-size:10px!important}.group-form-row{display:grid;grid-template-columns:85px 1fr;gap:12px}
@media(min-width:1500px){main{max-width:800px}}@media(max-width:900px){.app-shell{grid-template-columns:180px 1fr}.sidebar{padding:30px 14px}.sidebar>.logo{font-size:21px}header{padding:0 26px}.upgrade{padding:16px 12px}.group-tag{display:none}}@media(max-width:650px){.app-shell{display:block}.sidebar{height:auto;position:static;padding:22px 20px 14px;border-right:0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:1fr auto;gap:15px;background:var(--bg)}.sidebar>.logo{font-size:21px;padding-left:0}.navlabel,.sidebar-foot{display:none}#groups{grid-row:2;grid-column:1/3;display:flex;gap:8px;overflow:auto}.groupbutton{width:auto;margin:0;padding:8px 11px;flex-shrink:0;border:1px solid #404040;border-radius:18px}.groupbutton small{display:none}.groupbutton b{font-size:11px}.group-emoji{height:26px;width:26px;font-size:15px;border-radius:9px}.groupbutton.active{border-color:#5a5a5a}.create-group{grid-column:2;grid-row:1;border:0;margin:0;padding:6px;font-size:10px}.upgrade{display:none}header{height:65px;padding:0 20px}.breadcrumb{font-size:11px;gap:9px}.quiet{font-size:10px;padding:8px 12px;min-height:35px}main{padding:0;margin:25px 18px 0}.group-welcome{gap:14px;margin-bottom:24px}.welcome-symbol{width:49px;height:49px;font-size:26px;border-radius:18px}.group-welcome p{font-size:10px;margin-bottom:6px}.group-welcome h2{font-size:23px}.plan{padding:21px 18px 15px;border-radius:23px}.titleline h1{font-size:24px}.subtitle{font-size:11px}.planmeta{margin-top:0}summary{font-size:10px}.circle{padding-top:17px;margin-bottom:22px}#people{gap:17px}.circlehead{font-size:11px}.avatar{height:30px;width:30px}.personinfo{font-size:11px}.personinfo small{font-size:9px}.personrow{min-width:81px}.calendarhead h2{font-size:16px}.zone select{max-width:120px}.toolbar{font-size:10px}.toolbar>span{font-size:9px}#grid{grid-template-columns:59px repeat(5,minmax(63px,1fr));min-width:410px}.gridwrap{max-height:440px;overflow:auto}.day{font-size:10px}.day b{font-size:19px}.hour{font-size:8px}.cell{height:35px}.legend{font-size:9px}.bottom{padding:18px 0}#best{font-size:10px}.primary{padding:14px 18px}.mobile-plus{display:block;color:#b9b9b9;font-size:10px;border:1px solid #535353;padding:7px 12px;border-radius:20px;margin-left:auto}.plan-tab{font-size:10px}.group-form-row{grid-template-columns:75px 1fr}}@media(min-width:651px){.mobile-plus{display:none}}
.cell{touch-action:pan-x pan-y}.primary:disabled{cursor:default;opacity:.6}.settingspanel{max-width:calc(100vw - 70px)}
/* Home is a quiet doorway. The calendar lives inside a circle. */
.home-screen{display:none}.home-view .app-shell{display:none}.home-view .home-screen{display:block}.home-screen{max-width:530px;margin:0 auto;min-height:100vh;padding:36px 28px 26px}.home-top{display:flex;align-items:center;justify-content:space-between}.home-top .logo{font-size:21px;font-weight:500}.home-plus{color:#bfbfbf;font-size:11px;background:#333333;border:1px solid #484848;border-radius:30px;padding:8px 13px}.home-intro{margin:65px 0 43px}.home-intro h1{font-size:39px;line-height:1.2;font-weight:500;letter-spacing:-1.6px;color:#eeeeee;margin:0}.home-intro p{font-size:12px;color:#939393;margin:17px 0 0}.home-list-head{display:flex;justify-content:space-between;align-items:center;margin:0 4px 16px;font-size:12px;color:#acacac}.home-list-head>span:last-child{font-size:10px;color:#696969}#homeGroups{display:grid;gap:15px}.home-group{display:block;width:100%;text-align:left;border-radius:27px;background:#3a3a3a;border:1px solid #474747;padding:22px 24px;color:#e1e1e1;transition:background .15s}.home-group:hover{background:#454545}.home-group-top{display:flex;align-items:center;justify-content:space-between}.home-group-icon{width:41px;height:41px;border-radius:15px;display:grid;place-items:center;background:#4b4b4b;color:#dcdcdc;font-size:25px}.home-arrow{color:#878787;font-size:19px}.home-group h2{font-size:21px;letter-spacing:-.5px;font-weight:500;margin:24px 0 21px;color:inherit}.home-group-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px}.home-group-bottom>span:last-child{font-size:10px;color:#a0a0a0}.home-members{display:flex;padding-left:0}.home-members i{font-size:10px;font-style:normal;display:grid;place-items:center;width:27px;height:27px;border-radius:50%;background:#646464;border:2px solid #3a3a3a;margin-left:-5px;color:#e1e1e1}.home-members i:first-child{margin-left:0}.home-members i:nth-child(2){background:#646464}.home-members i:nth-child(3){background:#5b5b5b}.home-separator{margin:0 8px;color:#646464}.home-group.tone-1{background:#2d2d2d;border-color:#3a3a3a;color:#dcdcdc}.tone-1 .home-group-icon{background:#3e3e3e;color:#cccccc}.tone-1 .home-arrow{color:#848484}.tone-1 .home-members i{border-color:#2d2d2d}.home-group.tone-2{background:#2c2c2c;border-color:#3c3c3c;color:#d9d9d9}.tone-2 .home-group-icon{background:#3e3e3e;color:#c8c8c8}.tone-2 .home-members i{border-color:#2c2c2c}.home-create{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;border-radius:24px;border:1px dashed #494949;color:#b4b4b4;min-height:57px;font-size:12px;margin-top:16px;background:transparent}.home-create:hover{background:#303030}.home-create>span{font-size:20px;font-weight:400}.home-foot{text-align:center;margin-top:55px;color:#676767;font-size:10px;line-height:1.8}.home-foot button{display:block;font-size:9px;color:#707070;margin:15px auto 0;padding:7px}.back-home{width:28px;height:32px;color:#a9a9a9;font-size:19px;margin-right:2px}.back-home:hover{color:#e4e4e4}@media(min-width:900px){.home-screen{padding-top:45px;max-width:570px}.home-intro{margin-top:75px}.home-intro h1{font-size:43px}}@media(max-width:480px){.home-screen{padding:30px 24px 24px}.home-intro{margin:55px 0 36px}.home-intro h1{font-size:36px}.home-group{padding:21px 22px}.home-group h2{margin:21px 0 20px;font-size:20px}.home-foot{margin-top:42px}}
/* Three little arrivals, then a single way in. */
.welcome-screen{display:none}.entering .welcome-screen{display:flex;position:fixed;inset:0;z-index:20;background:#242424;flex-direction:column;align-items:center;padding:38px 28px 31px;overflow:auto}.entering .home-screen,.entering .app-shell{visibility:hidden}.welcome-brand{display:flex;align-items:center;gap:9px;font-size:21px;letter-spacing:-.7px;font-weight:500;color:#e7e7e7}.welcome-center{margin:auto;text-align:center;padding:55px 0 40px}.pop-people{height:190px;width:290px;position:relative;margin:0 auto 37px}.pop-person{position:absolute;display:flex;align-items:center;justify-content:center;transform:scale(0);animation:little-pop .67s cubic-bezier(.22,.8,.3,1.1) both;box-shadow:0 12px 30px #1313131c}.pop-one{width:116px;height:126px;left:4px;top:40px;border-radius:52% 52% 46% 46%;background:#c1c1c1;rotate:-12deg;animation-delay:.16s;z-index:2}.pop-two{width:110px;height:118px;right:2px;top:52px;border-radius:50% 50% 43% 48%;background:#bbbbbb;rotate:13deg;animation-delay:.48s;z-index:1}.pop-three{width:125px;height:140px;left:86px;top:12px;border-radius:48% 49% 43% 45%;background:#c3c3c3;rotate:-3deg;animation-delay:.8s;z-index:3}.pop-eyes{display:flex;gap:13px;margin-top:1px}.pop-eyes i{width:5px;height:8px;border-radius:5px;background:#4d4d4d}.pop-three .pop-eyes i{background:#424242}.pop-spark{position:absolute;color:#9c9c9c;opacity:0;animation:spark-in .5s ease both;font-size:25px}.spark-one{left:28px;top:7px;animation-delay:1s}.spark-two{right:13px;bottom:0;animation-delay:1.2s;font-size:19px}.welcome-center h1{font-size:40px;line-height:1.18;font-weight:500;letter-spacing:-1.6px;color:#eeeeee;margin:0;animation:welcome-in .65s ease 1.1s both}.welcome-center p{color:#9d9d9d;font-size:12px;margin:20px 0 0;animation:welcome-in .65s ease 1.25s both}.welcome-bottom{width:min(100%,310px);text-align:center;animation:welcome-in .65s ease 1.4s both}.start-app{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;padding:17px 24px;border-radius:28px;background:#cdcdcd;color:#353535;font-size:14px;font-weight:500;min-height:53px;transition:background .2s,transform .2s}.start-app span{position:absolute;margin-left:220px;color:#6a6a6a;font-size:17px}.start-app:hover{background:#e0e0e0;transform:translateY(-2px)}.start-app:active{transform:scale(.98)}.welcome-bottom>span{display:block;font-size:9px;color:#6f6f6f;margin-top:19px}.welcome-leaving .welcome-screen{opacity:0;transform:scale(1.025);transition:opacity .35s ease,transform .35s ease;pointer-events:none}.welcome-screen[hidden]{display:none!important}@keyframes little-pop{0%{transform:translateY(28px) scale(0)}48%{transform:translateY(-9px) scale(1.12,.91)}72%{transform:translateY(3px) scale(.96,1.045)}100%{transform:translateY(0) scale(1)}}@keyframes welcome-in{from{opacity:0;transform:translateY(13px)}to{opacity:1;transform:translateY(0)}}@keyframes spark-in{from{opacity:0;transform:scale(.2) rotate(-30deg)}to{opacity:1;transform:scale(1) rotate(0)}}@media(max-height:650px){.entering .welcome-screen{padding-top:23px;padding-bottom:23px}.welcome-center{padding:28px 0}.pop-people{height:150px;transform:scale(.8);margin-bottom:10px}.welcome-center h1{font-size:32px}.welcome-center p{margin-top:13px}}@media(prefers-reduced-motion:reduce){.pop-person,.pop-spark,.welcome-center h1,.welcome-center p,.welcome-bottom{animation:none;opacity:1;transform:none}.welcome-leaving .welcome-screen,.start-app{transition:none}}
[hidden]{display:none!important}.group-welcome{display:none}.group-calendar{padding-top:3px}.calendar-actions{display:flex;gap:10px;margin-bottom:31px}.calendar-actions .primary,.secondary{font-size:12px;min-height:42px;padding:12px 19px;border-radius:22px}.secondary{background:#373737;color:#cfcfcf;border:1px solid #525252}.month-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:23px}.month-toolbar>div{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.month-toolbar h1{font-size:24px;font-weight:500;letter-spacing:-.7px}.month-nav{display:flex;gap:4px;align-items:center}.month-nav button{min-width:30px;min-height:32px;color:#b5b5b5;font-size:20px;border:1px solid #444444;border-radius:10px}.month-nav #todayMonth{font-size:10px;padding:0 10px}.month-toolbar select{max-width:135px;background:#2c2c2c;border:1px solid #444444;border-radius:12px;color:#bababa;font-size:11px;padding:10px}.month-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:5px;border:1px solid #393939;background:#282828;padding:13px;border-radius:22px}.weekday{text-align:center;color:#848484;font-size:10px;padding:6px 0 12px}.month-day{height:74px;border-radius:14px;padding:8px 5px;position:relative;color:#c6c6c6;font-size:12px;text-align:center;align-self:stretch;overflow:hidden}.month-day:hover{background:#383838}.month-day.today>span{color:#e2e2e2;font-weight:700}.month-day.selected{background:#484848;outline:1px solid #7b7b7b}.month-day>span{display:inline-grid;place-items:center;height:22px;width:24px}.event-dots{display:flex;gap:3px;justify-content:center;height:7px;margin-top:4px}.event-dots i{height:4px;width:4px;border-radius:50%;background:#c4c4c4}.day-events{display:grid;gap:2px;margin-top:3px}.day-events span{background:#585858;color:#d8d8d8;border-radius:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:8px;padding:2px 3px;text-align:left}.agenda-heading{display:flex;align-items:center;justify-content:space-between;margin:27px 3px 10px}.agenda-heading h2{font-size:15px;color:#d5d5d5;font-weight:500;margin:0}.agenda-heading button{font-size:11px;color:#acacac;padding:8px}.agenda-empty{border:1px dashed #454545;border-radius:18px;padding:23px 18px;display:flex;align-items:center;justify-content:space-between;font-size:12px;color:#848484}.agenda-empty button{font-size:11px;color:#c3c3c3}.agenda-event{display:flex;align-items:center;gap:12px;width:100%;text-align:left;background:#313131;border:1px solid #424242;border-radius:17px;padding:18px 16px;margin:9px 0}.event-line{height:33px;width:3px;border-radius:3px;background:#bbbbbb}.event-main{display:grid;gap:7px;flex:1}.event-main b{font-size:13px;color:#dfdfdf;font-weight:500}.event-main small{font-size:10px;color:#9b9b9b}.event-type{font-size:9px;color:#8e8e8e}.event-open{font-size:15px;color:#a3a3a3}.poll-list{margin-top:26px}.poll-heading{font-size:12px;color:#b5b5b5;margin-bottom:12px;display:flex;gap:9px;align-items:center}.poll-heading span{font-size:10px;color:#7c7c7c}.poll-row{display:flex;align-items:center;gap:12px;width:100%;text-align:left;border-top:1px solid #373737;padding:16px 4px;color:#d0d0d0;font-size:12px}.poll-row>span:first-child{flex:1}.poll-row small{font-size:9px;color:#919191}.back-calendar{font-size:12px;color:#b5b5b5;padding:8px 0;margin:0 0 18px}.member-list{display:grid;gap:15px;margin:20px 0 25px}.member-list>div{display:flex;justify-content:space-between;gap:15px;font-size:13px}.member-list b{font-weight:500}.member-list small{font-size:11px;color:#999999}.event-form-row{display:grid;grid-template-columns:1fr 105px;gap:10px}.form-error{color:#bfbfbf!important;font-size:11px!important}.add-options{display:grid;gap:10px;margin-top:20px}.add-options button{display:grid;grid-template-columns:1fr auto;gap:8px;text-align:left;padding:20px;background:#393939;border:1px solid #4f4f4f;border-radius:17px}.add-options b{font-size:14px;color:#dbdbdb;font-weight:500}.add-options small{font-size:11px;color:#9a9a9a;grid-column:1}.add-options span{grid-column:2;grid-row:1/3;align-self:center;color:#c2c2c2}.download-calendar{width:100%;padding:14px;color:#b3b3b3;font-size:12px;margin-top:8px}.home-intro{margin:47px 0 29px}.home-intro h1{font-size:31px}.home-list-head{display:none}.home-foot>span{display:none}.welcome-center h1{font-size:34px}.sidebar .upgrade{gap:10px}.welcome-bottom>span{display:none}.home-group h2{margin-top:20px}.home-group-bottom{font-size:11px}.app-shell main{padding-bottom:20px}@media(max-width:650px){.calendar-actions{margin-bottom:25px}.month-toolbar{align-items:flex-start}.month-toolbar>div{gap:12px}.month-toolbar h1{font-size:22px}.month-toolbar select{max-width:100px;font-size:10px;padding:9px 7px}.month-grid{gap:2px;padding:9px;border-radius:18px}.month-day{height:56px;border-radius:11px;padding:4px 1px;font-size:11px}.day-events{display:none}.event-dots{margin-top:3px}.weekday{font-size:9px;padding-bottom:9px}.agenda-heading{margin-top:24px}.calendar-actions .primary,.secondary{font-size:11px;padding:11px 17px}.event-main b{font-size:12px}.event-main small{font-size:10px}.home-intro{margin-top:45px}.home-intro h1{font-size:30px}}

/* Group event shelf */
.event-overview{max-width:760px;margin:16px auto 70px}.event-overview-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:25px}.event-overview-heading h1{font-size:30px;letter-spacing:-1px;margin:0}.event-overview-heading button{font-size:25px}.event-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.event-card{display:flex;flex-direction:column;text-align:left;border:1px solid #ffffff0b;background:#363636;color:#f0f0f0;padding:24px;border-radius:28px;min-height:238px;cursor:pointer;transition:transform .18s,background .18s}.event-card:hover{transform:translateY(-3px);filter:brightness(1.08)}.event-card:focus-visible{outline:2px solid #e1e1e1;outline-offset:4px}.event-tone-1{background:#2d2d2d}.event-tone-2{background:#2c2c2c}.event-tone-3{background:#2f2f2f}.event-card-top{display:flex;align-items:center;justify-content:space-between;width:100%;margin-bottom:28px}.event-card-icon{display:grid;place-items:center;font-size:29px;width:52px;height:52px;border-radius:20px;background:#ffffff09}.event-card-arrow{color:#a7a7a7}.event-card strong{font-size:21px;font-weight:600;letter-spacing:-.5px}.event-card-date{font-size:13px;color:#bebebe;margin-top:9px}.event-card-bottom{margin-top:24px;display:flex;justify-content:space-between;align-items:center;width:100%;font-size:11px;color:#acacac}.events-empty{display:grid;gap:25px;justify-items:center;padding:70px 20px;color:#aaaaaa}.event-overview~.group-calendar{max-width:760px}.event-card .home-members i{width:25px;height:25px;font-size:10px}.event-overview-heading+.event-cards{margin-bottom:30px}@media(max-width:540px){.event-cards{gap:10px}.event-card{padding:17px;border-radius:24px;min-height:224px}.event-card strong{font-size:18px}.event-card-date{font-size:11px;line-height:1.6}.event-card-top{margin-bottom:22px}.event-card-icon{width:43px;height:43px;font-size:24px}.event-overview{margin-top:10px}.event-overview-heading h1{font-size:26px}}

/* Keep the primary creation action clear and within reach. */
.main-shell>header{position:sticky;top:0;z-index:30;background:#242424f5;backdrop-filter:blur(16px);gap:16px}
.main-shell>header .breadcrumb{min-width:0;flex:1}
.main-shell>header .mobile-plus{display:none}
.main-shell>header #new{display:inline-flex;align-items:center;justify-content:center;flex:none;min-width:112px;min-height:48px;padding:12px 25px;border:0;border-radius:18px;background:#dcdcdc;color:#333333;font-size:16px;font-weight:650;box-shadow:0 4px 18px #00000022;transition:background .16s,transform .16s}
.main-shell>header #new:hover{background:#ebebeb;transform:translateY(-1px)}
.main-shell>header #new:focus-visible{outline:2px solid #f5f5f5;outline-offset:4px}
@media(max-width:650px){.main-shell>header{height:80px;padding:0 18px}.main-shell>header #new{min-width:104px;min-height:46px;padding:11px 21px;font-size:16px;border-radius:17px}.main-shell>header .breadcrumb{font-size:13px;gap:8px}}

/* whenlet — butter, sage, and small sunny details */
:root{--bg:#262626;--surface:#323232;--ink:#f2f2f2;--muted:#b8b8b8;--line:#444444;--soft:#363636;--accent:#c9c9c9;--blue:#444444;--level1:#3e3e3e;--level2:#767676;--level3:#bbbbbb}
body{background:var(--bg)}.sidebar{background:#2a2a2a;border-color:#444444}.main-shell>header{background:#262626f5}.logo,.sidebar>.logo,.welcome-brand,.welcome-center h1{color:#f2f2f2}.mark i{background:#c9c9c9;border-color:#c9c9c9}.mark i+i{background:#aaaaaa;border-color:#aaaaaa}.primary,.main-shell>header #new,.start-app{background:#cecece;color:#323232;border-radius:20px;font-weight:600}.primary:hover,.main-shell>header #new:hover,.start-app:hover{background:#dddddd}.secondary,.quiet{color:#e2e2e2;background:#373737;border-color:#575757}.primary:focus-visible,button:focus-visible{outline-color:#cecece}.home-plus{color:#c9c9c9;border-color:#575757}.little-flower{display:inline-block;color:#c9c9c9;font-size:.9em;margin-left:10px;rotate:12deg}.home-intro{margin:38px 0 24px}.home-section-title{font-size:15px;font-weight:500;margin:32px 3px 17px;color:#dadada}.home-group,.home-group.tone-1,.home-group.tone-2{background:#373737;border:1px solid #545454;color:#ededed}.home-group-icon{background:#565656;color:#d6d6d6}.home-group-bottom,.home-arrow{color:#c1c1c1}.home-create{color:#d5d5d5;border-color:#636363}.home-create:hover{background:#373737}.home-foot button,footer span{color:#a5a5a5}.groupbutton.active,.personal-nav.active{background:#474747;color:#e4e4e4}.group-emoji{background:#585858;color:#d7d7d7}.groupbutton{color:#cccccc}.navlabel{margin-top:25px;color:#b3b3b3}.breadcrumb{color:#dedede}.back-home{color:#c9c9c9}.create-group{color:#cacaca}.event-card{background:#cfcfcf;color:#343434;border-color:transparent;border-radius:30px;box-shadow:0 6px 0 #1a1a1a18}.event-tone-1{background:#c4c4c4}.event-tone-2{background:#cacaca}.event-tone-3{background:#d0d0d0}.event-card-date,.event-card-bottom,.event-card-arrow{color:#4e4e4e}.event-card-icon{background:#ffffff48;border-radius:21px;rotate:-7deg}.event-card:hover{filter:none;transform:translateY(-4px) rotate(-.5deg)}.event-card .home-members i{background:#656565;color:#f5f5f5;border-color:#ffffff80}.event-card .home-members i:nth-child(2){background:#7a7a7a}.event-card .home-members i:nth-child(3){background:#7e7e7e}.event-card strong{font-weight:600}.event-card-bottom{margin-top:auto;padding-top:23px}.personal-home{display:flex;align-items:center;gap:20px;width:100%;padding:23px;border-radius:28px;background:#d2d2d2;color:#363636;text-align:left;border:0;min-height:116px}.personal-home b{display:block;font-size:21px;font-weight:600}.personal-home small{display:block;font-size:12px;color:#595959;margin-top:8px}.personal-arrow{margin-left:auto;font-size:23px}.personal-face{display:inline-flex;position:relative;flex:none;justify-content:center;align-items:center;width:64px;height:64px;background:#e5e5e5;border-radius:44% 48% 39% 47%;font:bold 20px sans-serif;letter-spacing:10px;padding-left:10px;color:#515151;rotate:-9deg}.personal-face i{position:absolute;bottom:17px;left:27px;width:13px;height:7px;border-bottom:2px solid #515151;border-radius:0 0 50% 50%}.personal-nav{display:flex;gap:13px;align-items:center;padding:14px 13px;margin-top:32px;border-radius:17px;color:#dadada;text-align:left;font-size:17px}.personal-nav span{font-size:13px}.personal-empty{grid-column:1/-1;display:flex;flex-direction:column;align-items:center;text-align:center;border:1px dashed #656565;border-radius:30px;padding:48px 20px;background:#323232}.personal-empty .personal-face{width:84px;height:84px;background:#c9c9c9;margin-bottom:20px}.personal-empty .personal-face i{left:36px;bottom:24px}.personal-empty h2{font-size:22px;font-weight:500;margin:10px 0}.personal-empty p{font-size:13px;color:#bfbfbf;margin:5px 0 25px}.privacy-pill{border:1px solid #52525244;border-radius:20px;padding:6px 10px;font-size:10px}.share-personal{width:100%;margin-top:12px}.share-group{display:block;padding:15px 0;border-bottom:1px solid var(--line)}.share-group span{color:var(--ink);font-size:14px}.share-group select{margin-bottom:0}.entering .welcome-screen{background:#262626}.pop-one{background:#cecece}.pop-two{background:#bfbfbf}.pop-three{background:#b7b7b7}.pop-eyes i{background:#3e3e3e}.pop-spark{color:#cecece}.start-app span{color:#515151}.month-grid{background:#2d2d2d;border-color:#4c4c4c}.month-day{color:#e0e0e0}.month-day.selected{background:#c9c9c9;color:#333333;outline-color:#c9c9c9}.month-day.today>span{color:#c9c9c9}.month-day.today.selected>span{color:#333333}.month-day:hover{background:#545454}.event-dots i{background:#b5b5b5}.month-day.selected .event-dots i{background:#5b5b5b}.day-events span{background:#525252;color:#ececec}.weekday{color:#b2b2b2}.agenda-event{background:#373737;border-color:#525252}.event-main b{color:#ebebeb}.event-main small,.event-type{color:#bdbdbd}.event-line{background:#c9c9c9}.agenda-heading h2{color:#e5e5e5}.month-toolbar select,.month-nav button{background:#313131;color:#e0e0e0;border-color:#535353}.agenda-empty{color:#c1c1c1;border-color:#636363}dialog{background:#313131;color:#f0f0f0;border-color:#636363;border-radius:28px}dialog p,dialog label{color:#c6c6c6}dialog input,dialog select,dialog textarea{background:#272727;color:#f0f0f0;border-color:#636363;border-radius:13px}dialog::backdrop{background:#19191966}.event-card .event-card-date{line-height:1.6}.personal-mode .group-tag{display:none}#toast{background:#d2d2d2;color:#333333}
@media(max-width:650px){.sidebar .personal-nav{grid-column:1/-1;grid-row:2;margin:7px 0 0;width:max-content;padding:10px 17px;border:1px solid #545454}.sidebar #groups{grid-column:1/-1;grid-row:3}.sidebar .navlabel{display:none}.personal-home{padding:20px;min-height:108px}.home-intro h1{font-size:32px}.event-card{min-height:230px}.home-screen{padding-top:28px}}
@media(prefers-reduced-motion:reduce){.event-card,.primary{transition:none}.event-card:hover{transform:none}}

/* Final theme: neutral black canvas; blue and yellow only as accents. */
:root{--bg:#111214;--surface:#1C1E22;--ink:#F5F6F8;--muted:#B8BDC7;--line:#363A41;--soft:#26292E;--accent:#8AB7FF;--blue:#25364F;--level1:#25364F;--level2:#4B6E9F;--level3:#8AB7FF}
body{background:#111214;color:#F5F6F8;font-family:'DM Sans',sans-serif}.sidebar{background:#151619;border-color:#2b2e34}.main-shell>header{background:#111214f5;border-color:#2b2e34}.logo,.sidebar>.logo,.welcome-brand,.welcome-center h1{color:#F5F6F8}.mark i{background:#8AB7FF;border-color:#8AB7FF}.mark i+i{background:#F5D86E;border-color:#F5D86E}.primary,.main-shell>header #new,.start-app{background:#F5D86E;color:#1a1c20;box-shadow:none}.primary:hover,.main-shell>header #new:hover,.start-app:hover{background:#ffe694}.secondary,.quiet{background:#26292E;color:#F5F6F8;border-color:#363A41}.primary:focus-visible,button:focus-visible{outline-color:#8AB7FF}.home-plus{color:#B8BDC7;border-color:#363A41}.little-flower{color:#F5D86E}.home-group,.home-group.tone-1,.home-group.tone-2{background:#1C1E22;color:#F5F6F8;border-color:#30343a}.home-group-icon,.tone-1 .home-group-icon,.tone-2 .home-group-icon{background:#25364F;color:#8AB7FF}.home-group-bottom,.home-arrow,.home-foot button,footer span{color:#B8BDC7}.home-create{color:#B8BDC7;border-color:#454a53}.home-create:hover{background:#1C1E22}.home-section-title,.breadcrumb,.groupbutton{color:#F5F6F8}.groupbutton.active,.personal-nav.active{background:#25364F;color:#A8CAFF}.group-emoji{background:#26292E;color:#B8BDC7}.navlabel,.create-group{color:#B8BDC7}.back-home{color:#B8BDC7}.event-card,.event-tone-1,.event-tone-2,.event-tone-3{background:#1C1E22;color:#F5F6F8;border:1px solid #30343a;box-shadow:none}.event-card strong{color:#F5F6F8;font-weight:500}.event-card-date,.event-card-bottom,.event-card-arrow{color:#B8BDC7}.event-card-icon{background:#25364F;color:#8AB7FF}.event-tone-1 .event-card-icon,.event-tone-3 .event-card-icon{background:#383323;color:#F5D86E}.home-members i,.event-card .home-members i{background:#354A68;color:#e9f1ff;border-color:#1C1E22}.home-members i:nth-child(2),.event-card .home-members i:nth-child(2){background:#5c5233;color:#fff3c5}.home-members i:nth-child(3),.event-card .home-members i:nth-child(3){background:#3c4048;color:#F5F6F8}.personal-home{background:#1C1E22;color:#F5F6F8;border:1px solid #363A41}.personal-home b{font-weight:500}.personal-home small{color:#B8BDC7}.personal-face,.personal-empty .personal-face{background:#F5D86E;color:#242424}.personal-face i,.personal-empty .personal-face i{border-color:#242424}.personal-nav{color:#B8BDC7}.personal-empty{background:#1C1E22;border-color:#454a53}.personal-empty p{color:#B8BDC7}.privacy-pill{border-color:#454a53;color:#B8BDC7}.entering .welcome-screen{background:#111214}.pop-one{background:#8AB7FF}.pop-two{background:#e7e9ed}.pop-three{background:#F5D86E}.pop-eyes i,.pop-three .pop-eyes i{background:#242424}.pop-spark{color:#F5D86E}.start-app span{color:#242424}.month-grid{background:#1C1E22;border-color:#363A41}.month-day{color:#F5F6F8}.month-day.selected{background:#8AB7FF;color:#111214;outline-color:#8AB7FF}.month-day.today>span{color:#F5D86E}.month-day.today.selected>span{color:#111214}.month-day:hover{background:#354A68}.month-day.selected:hover{background:#A8CAFF}.event-dots i{background:#F5D86E}.month-day.selected .event-dots i{background:#242424}.day-events span{background:#25364F;color:#d6e6ff}.weekday,.event-main small,.event-type{color:#B8BDC7}.agenda-event{background:#1C1E22;border-color:#363A41}.event-main b,.agenda-heading h2{color:#F5F6F8}.event-line{background:#8AB7FF}.month-toolbar select,.month-nav button{background:#1C1E22;color:#F5F6F8;border-color:#363A41}.agenda-empty{color:#B8BDC7;border-color:#454a53}dialog{background:#1C1E22;color:#F5F6F8;border-color:#363A41}dialog p,dialog label{color:#B8BDC7}dialog input,dialog select,dialog textarea{background:#111214;color:#F5F6F8;border-color:#454a53}dialog::backdrop{background:#0009}.share-group span{color:#F5F6F8}.cell.mine:after{background:#F5D86E}#toast{background:#F5D86E;color:#111214}.plan-tab.active{background:#25364F;color:#A8CAFF;border-color:#4B6E9F}.form-error{color:#ff9d9d!important}.home-intro h1,.event-overview-heading h1{font-weight:500}.sidebar .personal-nav{border-color:#363A41}

/* A small, interactive introduction: one date, three clocks, one shared plan. */
.welcome-screen.intro-v2{height:100dvh;min-height:620px;overflow-y:auto;padding:28px 32px;display:flex;flex-direction:column;gap:12px;isolation:isolate;background:#111214}
.intro-v2[hidden]{display:none!important}.intro-top{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:1080px;margin:0 auto}.intro-v2 .welcome-brand{position:static;display:flex;align-items:center;gap:10px;font-size:22px}.intro-top>button{color:#B8BDC7;font-size:13px;padding:12px}.intro-content{margin:auto;width:100%;max-width:430px;text-align:center;padding:8px 0}.intro-step-label{font-size:10px;letter-spacing:3px;color:#888f9b;margin-bottom:22px}.intro-visual{height:330px;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative}.intro-copy h1{font-size:clamp(27px,5vw,35px);font-weight:500;letter-spacing:-1.2px;line-height:1.2;margin:22px 0 12px;color:#F5F6F8}.intro-copy p{color:#B8BDC7;font-size:14px;margin:0;line-height:1.6}.intro-controls{width:100%;max-width:330px;margin:14px auto 0;display:flex;flex-direction:column;align-items:center;gap:14px;min-height:132px}.intro-progress{display:flex;gap:7px;align-items:center}.intro-progress button{position:relative;width:24px;height:22px;padding:0}.intro-progress button:after{content:'';height:5px;width:16px;position:absolute;inset:8px auto auto 4px;border-radius:20px;background:#363A41;transition:background .25s,width .25s}.intro-progress button.active:after{background:#8AB7FF;width:24px;left:0}.intro-v2 .start-app{width:100%;height:55px;min-height:55px;border-radius:20px;font-size:17px;display:block;text-align:center;padding:0;font-weight:600;animation:none;opacity:1;transform:none}.intro-back{font-size:12px;color:#B8BDC7;padding:3px 16px}.intro-back[hidden]{visibility:hidden;display:block}.intro-mini-calendar{width:258px;border:1px solid #363A41;background:#1C1E22;padding:20px;border-radius:25px;transform:rotate(-5deg);box-shadow:0 20px 60px #0003}.intro-cal-top{display:flex;justify-content:space-between;align-items:center;font-size:17px;margin-bottom:16px;font-weight:500}.intro-spark{color:#F5D86E;font-size:29px}.intro-cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;align-items:center}.intro-cal-grid small{font-size:9px;color:#929aa7;margin-bottom:9px}.intro-cal-grid>span{height:24px;display:grid;place-items:center;font-size:11px;color:#cbd0d9}.intro-cal-grid .picked-date{background:#8AB7FF;color:#111214;border-radius:8px;animation:date-pick .6s .5s both;font-weight:600}.intro-plan-ticket{position:absolute;bottom:40px;left:50%;width:268px;display:flex;align-items:center;gap:13px;background:#F5D86E;color:#1a1c20;padding:16px 17px;border-radius:20px;margin-left:-115px;rotate:4deg;box-shadow:0 10px 40px #0004;text-align:left}.intro-plan-ticket b{display:block;font-size:14px;font-weight:600}.intro-plan-ticket small{display:block;font-size:11px;margin-top:6px;color:#48432e}.ticket-check{margin-left:auto;font-size:16px}.intro-mini-tags{display:flex;gap:7px;position:absolute;bottom:0;font-size:10px;color:#B8BDC7}.intro-mini-tags span{border:1px solid #363A41;padding:6px 11px;border-radius:20px}.tiny-pal{height:36px;width:36px;flex:none;display:flex;gap:7px;align-items:center;justify-content:center;border-radius:45% 45% 36% 45%;rotate:-6deg}.tiny-pal i{width:3px;height:5px;background:#1a1c20;border-radius:3px}.pal-blue{background:#8AB7FF}.pal-yellow{background:#F5D86E}.pal-white{background:#e7e9ed}.intro-time-cards{width:100%;max-width:330px;display:flex;flex-direction:column;gap:10px}.intro-city{display:flex;align-items:center;padding:17px 18px;border-radius:22px;border:1px solid #363A41;background:#1C1E22;gap:13px;text-align:left;box-shadow:0 10px 30px #0002}.intro-city:nth-child(1){rotate:-3deg}.intro-city:nth-child(3){rotate:3deg}.intro-city-name{font-size:14px;font-weight:500}.intro-city-name small{display:block;font-size:10px;color:#B8BDC7;margin-top:5px;font-weight:400}.intro-city strong{margin-left:auto;font-size:20px;letter-spacing:-.7px;font-weight:500;white-space:nowrap}.intro-slider{width:260px;margin-top:24px;display:flex;flex-direction:column;gap:8px}.intro-slider label{font-size:11px;color:#F5F6F8}.intro-slider input{accent-color:#8AB7FF;width:100%;margin:0;height:20px;cursor:ew-resize}.intro-slider>span{font-size:10px;color:#929aa7}.intro-overlap-card{width:100%;max-width:345px;border:1px solid #363A41;border-radius:28px;background:#1C1E22;padding:23px 21px}.intro-overlap-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:23px}.intro-overlap-head b{font-size:15px;font-weight:500}.intro-overlap-head>span{font-size:9px;border:1px solid #454a53;border-radius:10px;color:#B8BDC7;padding:4px 7px}.intro-availability{display:flex;flex-direction:column;gap:12px}.intro-availability-row{display:flex;align-items:center;gap:10px}.intro-availability-row .tiny-pal{width:27px;height:27px;gap:5px}.availability-name{font-size:10px;width:48px;text-align:left;color:#B8BDC7}.availability-cells{display:flex;gap:5px;flex:1}.availability-cells i{height:26px;flex:1;border-radius:7px;background:#2a2d33}.availability-cells i.free{background:#354A68}.availability-cells i.mutual{background:#F5D86E;animation:overlap-glow .8s .8s both}.intro-match{margin:24px -7px -8px;padding:17px 16px;background:#25364F;border:1px solid #4B6E9F;border-radius:20px;display:flex;gap:11px;align-items:center;text-align:left}.match-check{display:grid;place-items:center;height:29px;width:29px;border-radius:50%;background:#8AB7FF;color:#111214;font-size:15px}.intro-match b{font-weight:500;font-size:17px}.intro-match small{display:block;font-size:10px;color:#c7d8f0;margin-top:5px}.match-star{color:#F5D86E;font-size:30px;margin-left:auto}.intro-demo-note{font-size:10px;color:#929aa7;margin:18px 0 0}.pop-in{animation:intro-pop .7s cubic-bezier(.2,.9,.3,1.25) both;animation-delay:var(--delay,0s)}.no-pop .pop-in{animation:none}.home-foot{display:flex;justify-content:center;gap:20px;flex-wrap:wrap}.home-foot button{font-size:10px}
@keyframes intro-pop{from{opacity:0;translate:0 18px;scale:.88}to{opacity:1;translate:0 0;scale:1}}@keyframes date-pick{from{scale:.6;opacity:.4}to{scale:1;opacity:1}}@keyframes overlap-glow{from{background:#354A68;scale:.85}to{background:#F5D86E;scale:1}}
@media(max-width:480px){.welcome-screen.intro-v2{padding:19px 23px;min-height:610px}.intro-top .welcome-brand{font-size:20px}.intro-step-label{margin-bottom:14px}.intro-copy h1{margin-top:20px;font-size:29px}.intro-copy p{font-size:13px}.intro-visual{height:320px}.intro-time-cards{max-width:300px}.intro-controls{margin-top:8px;max-width:300px;gap:10px;min-height:117px}.intro-overlap-card{max-width:315px;padding:21px 17px}.intro-city strong{font-size:19px}}
@media(prefers-reduced-motion:reduce){.intro-v2 *,.intro-v2 *:before,.intro-v2 *:after{animation:none!important;transition:none!important}.welcome-leaving .welcome-screen{transition:none!important}}

/* Compact phone previews keep the introduction controls within reach. */
@media(max-width:480px) and (max-height:700px){
  .welcome-screen.intro-v2{min-height:0;padding:16px 23px;gap:8px}
  .intro-visual{height:250px}
  .intro-mini-calendar{scale:.84}
  .intro-plan-ticket{bottom:19px;scale:.9}
  .intro-step-label{margin-bottom:4px}
  .intro-copy h1{margin:12px 0 8px;font-size:27px}
  .intro-controls{min-height:105px;gap:8px;margin-top:4px}
  .intro-city{padding:12px 16px}
  .intro-slider{margin-top:15px}
}
html{scrollbar-width:thin;scrollbar-color:#454a53 #111214}

/* Synchronized time-zone demo: gentle rolls with time to read each result. */
.intro-city strong{position:relative;display:grid;overflow:hidden;font-variant-numeric:tabular-nums;line-height:1.35}
.intro-city strong>span{grid-area:1/1;white-space:nowrap}
.clock-out{animation:clock-out .8s ease-in-out both}
.clock-in{animation:clock-in .8s ease-in-out both}
@keyframes clock-out{to{transform:translateY(-100%);opacity:0}}
@keyframes clock-in{from{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}
@media(prefers-reduced-motion:reduce){.clock-out{display:none}.clock-in{animation:none}}