@font-face{
  font-family:"Space Grotesk";
  src:url("../assets/fonts/space-grotesk-latin.woff2") format("woff2");
  font-style:normal;
  font-weight:300 700;
  font-display:swap;
}

:root{
  --install-bg:#07101e;
  --install-bg-deep:#050b15;
  --install-band:#0a1424;
  --install-glass:rgba(18,31,52,.64);
  --install-glass-strong:rgba(20,36,61,.84);
  --install-line:rgba(180,204,239,.16);
  --install-line-strong:rgba(145,183,239,.34);
  --install-text:#f5f8fc;
  --install-muted:#a5b2c6;
  --install-blue:#8cb7ff;
  --install-cyan:#63d8dc;
  --install-green:#62d5a6;
  --install-amber:#f4b85c;
  --install-max:1180px;
  --install-shadow:0 28px 80px rgba(0,0,0,.34);
  --install-neumo:14px 14px 34px rgba(1,7,15,.38),-10px -10px 28px rgba(72,103,151,.07),inset 1px 1px 0 rgba(255,255,255,.055);
  --font:"Space Grotesk",ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;
}

*{box-sizing:border-box}
html{height:100%;scroll-behavior:smooth;scroll-padding-top:86px}
body{min-height:100%;margin:0;font-family:var(--font)}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
button{font:inherit}
.brand{display:flex;align-items:center;font-weight:800}
.brand__mark{display:grid;place-items:center}

body.install-page{min-height:100%;overflow-x:hidden;color:var(--install-text);background:var(--install-bg);letter-spacing:0}
body.install-page::before{
  content:"";
  position:fixed;
  z-index:-2;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(rgba(139,176,229,.035) 1px,transparent 1px),
    linear-gradient(90deg,rgba(139,176,229,.035) 1px,transparent 1px),
    linear-gradient(125deg,#07101e 0%,#0b1729 48%,#07101e 100%);
  background-size:72px 72px,72px 72px,100% 100%;
  mask-image:linear-gradient(to bottom,#000 0%,rgba(0,0,0,.22) 65%,transparent 100%);
}
body.install-page main{overflow:clip}
.install-page *{letter-spacing:0}
.install-page button,.install-page a{-webkit-tap-highlight-color:transparent}
.install-page :focus-visible{outline:2px solid var(--install-cyan);outline-offset:3px}

.install-header{
  position:fixed;
  inset:12px max(14px,calc((100vw - var(--install-max) - 56px)/2)) auto;
  z-index:50;
  height:58px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  padding:0 12px 0 10px;
  border:1px solid var(--install-line);
  border-radius:14px;
  background:rgba(9,18,33,.72);
  box-shadow:0 12px 34px rgba(0,0,0,.22),inset 0 1px rgba(255,255,255,.05);
  backdrop-filter:blur(22px) saturate(145%);
}
.install-brand{min-width:max-content;gap:9px;color:var(--install-text)}
.install-brand .brand__mark{
  width:38px;
  height:38px;
  border:1px solid rgba(140,183,255,.28);
  border-radius:10px;
  color:#e8f1ff;
  background:linear-gradient(145deg,rgba(47,73,112,.82),rgba(16,29,50,.88));
  box-shadow:5px 5px 13px rgba(0,0,0,.25),-4px -4px 12px rgba(94,132,187,.08),inset 1px 1px rgba(255,255,255,.08);
  font-size:22px;
  line-height:1;
}
.install-brand .brand__text{font-size:16px;font-weight:700}
.install-nav{display:flex;align-items:center;gap:4px}
.install-nav a{
  min-height:38px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:0 13px;
  border:1px solid transparent;
  border-radius:9px;
  color:var(--install-muted);
  font-size:13px;
  font-weight:650;
  transition:color .2s ease,background .2s ease,border-color .2s ease,box-shadow .2s ease;
}
.install-nav a:hover,.install-nav a:focus-visible{color:var(--install-text);background:rgba(255,255,255,.055)}
.install-nav .install-nav__primary{
  margin-left:5px;
  border-color:rgba(140,183,255,.28);
  color:#eaf2ff;
  background:rgba(45,77,123,.52);
  box-shadow:inset 1px 1px rgba(255,255,255,.06),4px 4px 12px rgba(0,0,0,.18);
}
.install-nav .install-nav__primary:hover,.install-nav .install-nav__primary:focus-visible{background:rgba(57,94,148,.7)}

.journey-rail{
  position:fixed;
  z-index:45;
  top:50%;
  right:12px;
  width:46px;
  display:grid;
  gap:18px;
  padding:17px 0;
  border:1px solid var(--install-line);
  border-radius:23px;
  background:rgba(10,19,35,.62);
  box-shadow:0 18px 45px rgba(0,0,0,.28),inset 1px 1px rgba(255,255,255,.04);
  backdrop-filter:blur(18px) saturate(130%);
  transform:translateY(-50%);
}
.journey-rail__line{position:absolute;z-index:-1;top:29px;bottom:29px;left:22px;width:2px;overflow:hidden;border-radius:2px;background:rgba(171,195,227,.14)}
.journey-rail__line i{position:absolute;inset:0 0 auto;height:var(--journey-progress,0%);border-radius:2px;background:linear-gradient(var(--install-cyan),var(--install-blue));transition:height .45s cubic-bezier(.2,.7,.2,1)}
.journey-rail a{position:relative;width:44px;height:28px;display:grid;place-items:center;color:#708096}
.journey-rail a::before{content:"";width:8px;height:8px;border:2px solid #6d7f98;border-radius:50%;background:#0b1525;transition:transform .25s ease,border-color .25s ease,background .25s ease,box-shadow .25s ease}
.journey-rail a span,.journey-rail a strong{position:absolute;right:52px;pointer-events:none;opacity:0;transform:translateX(6px);transition:opacity .2s ease,transform .2s ease}
.journey-rail a span{display:none}
.journey-rail a strong{min-width:max-content;padding:6px 9px;border:1px solid var(--install-line);border-radius:7px;color:#dce7f7;background:rgba(10,19,35,.92);font-size:10px;box-shadow:0 8px 20px rgba(0,0,0,.2)}
.journey-rail a:hover strong,.journey-rail a:focus-visible strong{opacity:1;transform:none}
.journey-rail a.is-active::before{border-color:var(--install-cyan);background:var(--install-cyan);box-shadow:0 0 0 5px rgba(99,216,220,.12);transform:scale(1.08)}

.install-hero{position:relative;display:flex;flex-direction:column;align-items:center;gap:36px;padding:126px 80px 54px;isolation:isolate}
.install-hero::before{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(180deg,rgba(5,11,21,.05) 0%,rgba(5,11,21,.2) 50%,#07101e 100%)}
.install-hero::after{content:"";position:absolute;z-index:-1;left:50%;bottom:5%;width:min(1100px,86vw);height:1px;background:linear-gradient(90deg,transparent,rgba(99,216,220,.5),transparent);box-shadow:0 0 45px 12px rgba(99,216,220,.07);transform:translateX(-50%)}
.install-hero__content{position:relative;z-index:4;width:min(820px,100%);margin:0 auto;text-align:center}
.install-kicker{margin:0 0 14px;color:var(--install-cyan);font-size:11px;font-weight:750;line-height:1.2;text-transform:uppercase;letter-spacing:.14em !important}
.install-hero h1{margin:0;color:#fff;font-size:clamp(58px,8vw,96px);font-weight:680;line-height:.95;text-shadow:0 8px 30px rgba(0,0,0,.28)}
.install-hero__lead{max-width:650px;margin:20px auto 0;color:#d4deec;font-size:clamp(18px,2vw,23px);font-weight:430;line-height:1.45}
.install-hero__actions{display:flex;justify-content:center;flex-wrap:wrap;gap:11px;margin-top:27px}
.install-action{
  min-height:48px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:12px;
  padding:0 20px;
  border:1px solid var(--install-line);
  border-radius:12px;
  color:var(--install-text);
  background:rgba(17,31,53,.52);
  box-shadow:7px 7px 18px rgba(0,0,0,.22),-5px -5px 16px rgba(84,116,165,.055),inset 1px 1px rgba(255,255,255,.05);
  backdrop-filter:blur(14px);
  font-size:14px;
  font-weight:700;
  transition:transform .22s ease,background .22s ease,border-color .22s ease,box-shadow .22s ease;
}
.install-action span{font-size:15px}
.install-action:hover,.install-action:focus-visible{transform:translateY(-2px);box-shadow:9px 11px 24px rgba(0,0,0,.26),-5px -5px 16px rgba(84,116,165,.07),inset 1px 1px rgba(255,255,255,.06)}
.install-action--primary{border-color:rgba(161,198,255,.72);color:#07101e;background:#98bdff;box-shadow:0 13px 30px rgba(69,123,211,.22),inset 0 1px rgba(255,255,255,.55)}
.install-action--primary:hover,.install-action--primary:focus-visible{border-color:#b5d0ff;background:#acd0ff}
.install-action--quiet:hover,.install-action--quiet:focus-visible{border-color:rgba(167,194,232,.34);background:rgba(27,45,73,.7)}
.install-hero__sync{display:flex;align-items:center;justify-content:center;gap:8px;margin:17px 0 0;color:#9aa9bd;font-size:12px;font-weight:600}
.install-hero__sync span{width:7px;height:7px;border-radius:50%;background:var(--install-green);box-shadow:0 0 0 4px rgba(98,213,166,.1),0 0 18px rgba(98,213,166,.45)}

.hero-product{
  position:relative;
  z-index:1;
  flex:none;
  width:min(1320px,100%);
  height:480px;
  overflow:hidden;
  border:1px solid rgba(176,202,239,.24);
  border-radius:18px 18px 0 0;
  background:rgba(10,20,36,.7);
  box-shadow:0 36px 100px rgba(0,0,0,.5),0 0 0 10px rgba(132,173,231,.025),inset 0 1px rgba(255,255,255,.06);
  backdrop-filter:blur(18px) saturate(135%);
  transform:none;
  transform-origin:50% 100%;
}
.hero-product::after{content:"";position:absolute;z-index:3;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(7,16,30,.12),rgba(7,16,30,.06) 50%,rgba(7,16,30,.88) 96%)}
.hero-product__bar{position:relative;z-index:4;height:42px;display:flex;align-items:center;gap:7px;padding:0 15px;border-bottom:1px solid var(--install-line);background:rgba(17,31,51,.78);backdrop-filter:blur(12px)}
.hero-product__bar>span{width:7px;height:7px;border-radius:50%;background:#66758a}.hero-product__bar>span:first-child{background:#e7797b}.hero-product__bar>span:nth-child(2){background:#e7b85a}.hero-product__bar>span:nth-child(3){background:#5ac79a}
.hero-product__bar small{position:absolute;left:50%;transform:translateX(-50%);color:#8796aa;font-size:10px;font-weight:600}
.hero-product__viewport{position:relative;height:calc(100% - 42px);overflow:hidden;background:#0b1424}
.demo-app{width:100%;height:100%;color:#dfe9f7;background:#0c1627;font-size:12px}
.demo-topbar{height:52px;display:flex;align-items:center;justify-content:space-between;padding:0 24px;border-bottom:1px solid rgba(172,199,235,.13);background:rgba(14,26,45,.96)}
.demo-brand{display:flex;align-items:center;gap:10px}.demo-brand b{width:30px;height:30px;display:grid;place-items:center;border:1px solid rgba(140,183,255,.24);border-radius:8px;color:#e9f2ff;background:#1b2b45;font-size:18px}.demo-brand strong{font-size:14px}
.demo-nav{display:flex;align-items:center;gap:13px}.demo-nav i{width:9px;height:9px;border:1px solid #8494aa;border-radius:3px;opacity:.72}.demo-nav i.is-hot{border-color:#f2ad40;border-radius:50%;background:#f2ad40;box-shadow:0 0 0 5px rgba(242,173,64,.09)}
.demo-dashboard{height:calc(100% - 52px);display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,30%);gap:14px;padding:24px 28px 28px}
.demo-space,.demo-side>section{border:1px solid rgba(168,195,231,.1);border-radius:13px;background:rgba(17,30,51,.72)}
.demo-space{padding:22px}.demo-heading span,.demo-calendar header span,.demo-inbox header span{display:block;color:#7487a3;font-size:8px;font-weight:800;letter-spacing:.09em !important}.demo-heading h3{margin:5px 0 2px;font-size:23px}.demo-heading small{color:#8596ad;font-size:10px}
.demo-toolbar{height:46px;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;margin:22px 0 14px;padding:0 13px;border:1px solid rgba(168,195,231,.08);border-radius:10px;color:#7f90a7;background:#15233a}.demo-toolbar b{padding:8px 11px;border-radius:7px;color:#b8c8dc;background:#1b2b44;font-size:9px}
.demo-folder-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.demo-folder-grid article{min-width:0;min-height:82px;display:grid;grid-template-columns:34px minmax(0,1fr);align-items:center;gap:10px;padding:12px;border:1px solid rgba(169,195,231,.08);border-radius:10px;background:#16243a}.demo-folder-grid article>span{min-width:0;display:grid;gap:4px}.demo-folder-grid strong,.demo-folder-grid small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.demo-folder-grid strong{font-size:10px}.demo-folder-grid small{color:#8393a8;font-size:8px}
.demo-folder-grid article>i,.scene-folders article>i,.widget-file-list p>i{position:relative;width:32px;height:27px;border-radius:6px;background:rgba(111,163,255,.16)}.demo-folder-grid article>i::before,.scene-folders article>i::before,.widget-file-list p>i::before{content:"";position:absolute;left:5px;top:7px;width:20px;height:14px;border:2px solid currentColor;border-radius:3px}.demo-folder-grid article>i::after,.scene-folders article>i::after,.widget-file-list p>i::after{content:"";position:absolute;left:7px;top:5px;width:8px;height:4px;border-radius:2px 2px 0 0;background:currentColor}
.folder-blue{color:#7aa8ff!important;background:rgba(92,143,235,.16)!important}.folder-green{color:#65d1bd!important;background:rgba(71,181,162,.15)!important}.folder-violet{color:#ba8af0!important;background:rgba(164,103,222,.14)!important}.folder-yellow{color:#e5c35d!important;background:rgba(203,170,69,.13)!important}
.demo-folder-grid .demo-file>i{background:rgba(230,112,112,.12)}.demo-folder-grid .demo-file>i::before{content:"";position:absolute;inset:6px 8px;border:1px solid #eb8989;border-radius:2px}.demo-folder-grid .demo-file>i::after{display:none}.demo-folder-grid .demo-add{border-style:dashed;background:rgba(18,31,52,.3)}.demo-folder-grid .demo-add>b{width:32px;height:32px;display:grid;place-items:center;border-radius:8px;background:#21324d;font-size:16px}
.demo-side{display:grid;grid-template-rows:minmax(0,1fr) minmax(0,.88fr);gap:14px}.demo-side>section{padding:17px}.demo-calendar header,.demo-inbox header{display:grid;gap:5px;margin-bottom:13px}.demo-calendar header strong,.demo-inbox header strong{font-size:15px}.demo-week{display:grid;gap:5px}.demo-week p{min-width:0;display:grid;grid-template-columns:58px 45px minmax(0,1fr);align-items:center;gap:5px;margin:0;padding:7px 8px;border-radius:7px;color:#afbdd0;background:#17263d;font-size:8px}.demo-week p:nth-child(3){background:#20314f}.demo-week b{color:#8294ad;font-size:7px}.demo-week i{color:#84b2fa;font-style:normal;font-weight:750}.demo-week span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.demo-inbox>p{display:grid;grid-template-columns:14px minmax(0,1fr);gap:9px;margin:0;padding:8px 0;border-bottom:1px solid rgba(168,195,231,.08)}.demo-inbox>p>i{width:13px;height:13px;margin-top:2px;border:1px solid #798ba3;border-radius:3px}.demo-inbox>p>span{min-width:0;display:grid;gap:2px}.demo-inbox b{overflow:hidden;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.demo-inbox small{color:#75869e;font-size:7px}
.install-hero__scroll{position:absolute;z-index:5;right:max(34px,calc((100vw - var(--install-max))/2));bottom:26px;display:flex;align-items:center;gap:9px;color:#8d9cb1;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.12em !important}
.install-hero__scroll i{width:18px;height:29px;border:1px solid rgba(176,202,239,.35);border-radius:9px;background:rgba(10,20,36,.45);backdrop-filter:blur(8px)}
.install-hero__scroll i::after{content:"";display:block;width:2px;height:5px;margin:6px auto 0;border-radius:1px;background:var(--install-cyan);animation:install-scroll 1.6s ease-in-out infinite}
@keyframes install-scroll{0%,100%{transform:translateY(0);opacity:.45}50%{transform:translateY(8px);opacity:1}}

.install-manifest,.install-widgets,.install-downloads{position:relative;padding:clamp(88px,11vw,148px) 24px}
.install-manifest::before,.install-widgets::before,.install-downloads::before{content:"";position:absolute;z-index:0;top:0;left:50%;width:1px;height:64px;background:linear-gradient(var(--install-cyan),transparent);transform:translateX(-50%)}
.install-manifest{z-index:2;background:linear-gradient(180deg,#07101e 0%,#0a1526 42%,#08111f 100%)}
.install-section-heading{position:relative;z-index:2;width:min(var(--install-max),100%);margin:0 auto 54px}
.install-section-heading h2,.install-widgets__copy h2,.install-closing h2{margin:0;font-size:clamp(42px,6vw,74px);font-weight:660;line-height:1.01}
.install-section-heading>p:last-child,.install-widgets__copy>p:last-child{max-width:570px;margin:18px 0 0;color:var(--install-muted);font-size:clamp(16px,2vw,20px);line-height:1.55}

.product-tour{position:relative;z-index:2;width:min(var(--install-max),100%);display:grid;grid-template-columns:minmax(0,1.7fr) minmax(270px,.8fr);align-items:start;gap:clamp(32px,5vw,72px);margin:0 auto}
.product-tour__visual{
  position:sticky;
  top:96px;
  height:min(690px,calc(100vh - 132px));
  min-height:520px;
  overflow:hidden;
  border:1px solid var(--install-line-strong);
  border-radius:18px;
  background:rgba(10,20,36,.78);
  box-shadow:var(--install-shadow),0 0 0 10px rgba(131,175,235,.022),inset 0 1px rgba(255,255,255,.06);
  backdrop-filter:blur(18px) saturate(135%);
}
.product-tour__visual::before{content:"";position:absolute;z-index:4;inset:0;pointer-events:none;border-radius:inherit;box-shadow:inset 0 0 0 1px rgba(255,255,255,.035)}
.product-tour__chrome{position:absolute;z-index:5;inset:0 0 auto;height:39px;display:flex;align-items:center;gap:7px;padding:0 14px;border-bottom:1px solid var(--install-line);background:rgba(17,31,51,.86);backdrop-filter:blur(12px)}
.product-tour__chrome>span{width:7px;height:7px;border-radius:50%;background:#607087}.product-tour__chrome>span:first-child{background:#e7797b}.product-tour__chrome>span:nth-child(2){background:#e7b85a}.product-tour__chrome>span:nth-child(3){background:#5ac79a}
.product-tour__chrome small{margin-left:auto;color:#7f8da1;font-size:9px;font-weight:700}
.product-scenes{position:absolute;z-index:1;inset:39px 0 0;overflow:hidden;background:#0b1526}
.product-scene{position:absolute;inset:0;overflow:hidden;padding:clamp(24px,4vw,50px);pointer-events:none;opacity:0;transform:translate3d(0,34px,0) scale(.965);transition:opacity .18s ease,transform .52s cubic-bezier(.3,0,.55,1)}
.product-scene.is-before{transform:translate3d(0,-42px,0) scale(.97)}
.product-scene.is-after{transform:translate3d(0,42px,0) scale(.97)}
.product-scene.is-active{z-index:2;pointer-events:auto;opacity:1;transform:none;transition:opacity .28s ease .1s,transform .68s cubic-bezier(.16,.74,.18,1)}
.product-scene>header,.scene-space-head{position:relative;z-index:2}.product-scene>header span,.scene-space-head>span{color:var(--install-cyan);font-size:9px;font-weight:800;letter-spacing:.12em!important}.product-scene>header h3,.scene-space-head h3{margin:7px 0 0;color:#f5f8fc;font-size:clamp(28px,4vw,48px);line-height:1.04}
.product-scene--space{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(190px,.65fr);grid-template-rows:auto auto minmax(0,1fr);gap:18px}.scene-space-head{grid-column:1/-1}.scene-search{height:48px;display:grid;grid-template-columns:18px minmax(0,1fr) auto;align-items:center;gap:9px;padding:0 13px;border:1px solid rgba(168,195,231,.12);border-radius:11px;color:#8394aa;background:#14233a}.scene-search>i{width:12px;height:12px;border:2px solid #7d8ea6;border-radius:50%}.scene-search>i::after{content:"";display:block;width:5px;height:2px;background:#7d8ea6;transform:translate(8px,8px) rotate(45deg)}.scene-search>b{padding:5px 7px;border-radius:6px;background:#1d2e49;font-size:8px}
.scene-folders{grid-column:1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.scene-folders article{position:relative;min-width:0;display:grid;grid-template-columns:38px minmax(0,1fr);grid-template-rows:auto auto;align-content:center;gap:3px 10px;padding:14px;border:1px solid rgba(168,195,231,.1);border-radius:12px;background:#15243a}.scene-folders article>i{grid-row:1/3}.scene-folders strong{font-size:11px}.scene-folders small{color:#7e8fa6;font-size:8px}.scene-folders article>span{position:absolute;right:10px;top:9px;color:#71829a;font-size:8px}
.scene-inbox-strip{grid-column:2;grid-row:2/4;min-width:0;padding:16px;border:1px solid rgba(168,195,231,.1);border-radius:12px;background:#121f34}.scene-inbox-strip>span{color:#75869d;font-size:8px;font-weight:800}.scene-inbox-strip p{display:grid;grid-template-columns:14px minmax(0,1fr);gap:6px;margin:12px 0 0;padding-bottom:12px;border-bottom:1px solid rgba(168,195,231,.08)}.scene-inbox-strip p>i{width:12px;height:12px;border:1px solid #75869d;border-radius:3px}.scene-inbox-strip p>b{overflow:hidden;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.scene-inbox-strip p>small{grid-column:2;color:#73839a;font-size:7px}
.product-scene--ai{display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:22px;background:linear-gradient(150deg,#0b1526,#101d32)}.scene-chat{display:flex;flex-direction:column;justify-content:center;gap:14px;min-height:0}.scene-message{max-width:74%;margin:0;padding:14px 16px;border:1px solid rgba(168,195,231,.12);border-radius:15px;font-size:12px;line-height:1.5}.scene-message--user{align-self:flex-end;border-bottom-right-radius:5px;color:#e7f0fc;background:#213758}.scene-message--ai{display:grid;gap:8px;border-bottom-left-radius:5px;color:#bdcada;background:#14243b}.scene-message--ai>b{color:#f1f6fc;font-size:13px}.scene-message--ai>span{font-size:10px}.scene-message--ai>div{display:flex;flex-wrap:wrap;gap:6px}.scene-message--ai small{padding:5px 7px;border:1px solid rgba(99,216,220,.16);border-radius:6px;color:#8fced2;background:rgba(53,130,135,.11);font-size:7px}.scene-thinking{align-self:flex-start;display:flex;gap:4px;padding:9px 12px;border-radius:12px;background:#14243b}.scene-thinking i{width:5px;height:5px;border-radius:50%;background:#79b9db;animation:thinking 1.2s ease-in-out infinite}.scene-thinking i:nth-child(2){animation-delay:.15s}.scene-thinking i:nth-child(3){animation-delay:.3s}@keyframes thinking{50%{opacity:.35;transform:translateY(-3px)}}
.scene-prompt{height:50px;display:grid;grid-template-columns:minmax(0,1fr) 32px;align-items:center;gap:10px;padding:0 9px 0 14px;border:1px solid rgba(168,195,231,.16);border-radius:13px;color:#8293a9;background:#13223a;font-size:10px}.scene-prompt b{width:32px;height:32px;display:grid;place-items:center;border-radius:9px;color:#07101e;background:var(--install-blue);font-size:16px}
.product-scene--focus{display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:18px;background:linear-gradient(145deg,#0a1424,#111d31)}.scene-focus-body{display:grid;grid-template-columns:minmax(220px,.9fr) minmax(210px,1.1fr);align-items:center;gap:32px}.scene-timer{--focus-progress:292deg;width:min(280px,100%);aspect-ratio:1;display:grid;place-items:center;margin:auto;border-radius:50%;background:conic-gradient(var(--install-blue) var(--focus-progress),rgba(128,158,201,.12) 0);padding:10px;box-shadow:0 25px 55px rgba(0,0,0,.25),0 0 42px rgba(92,143,235,.08)}.scene-timer::before{content:"";grid-area:1/1;width:100%;height:100%;border-radius:50%;background:#0c1728;box-shadow:inset 10px 10px 24px rgba(0,0,0,.28),inset -7px -7px 19px rgba(65,93,137,.06)}.scene-timer>div{z-index:1;grid-area:1/1;display:grid;gap:7px;text-align:center}.scene-timer strong{font-size:clamp(40px,6vw,68px);font-variant-numeric:tabular-nums}.scene-timer small{color:#8ca0bb;font-size:9px}.scene-session{display:grid;gap:9px}.scene-session>span{color:#72849d;font-size:8px;font-weight:800;letter-spacing:.1em!important}.scene-session>strong{font-size:clamp(18px,2.5vw,28px);line-height:1.2}.scene-session>small{color:#8293aa;font-size:10px}.scene-session>div{display:flex;gap:8px;margin-top:12px}.scene-session button{min-height:38px;padding:0 15px;border:1px solid rgba(140,183,255,.22);border-radius:9px;color:#dce9fb;background:#1b3150;font:700 9px var(--font)}.scene-session button+button{color:#95a6bb;background:#121f34}.scene-focus-progress{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.scene-focus-progress i{height:4px;border-radius:4px;background:rgba(131,159,198,.15)}.scene-focus-progress i:first-child{background:var(--install-blue);box-shadow:0 0 14px rgba(140,183,255,.3)}
.product-scene--progress{display:grid;grid-template-rows:auto auto minmax(0,1fr);gap:18px;background:linear-gradient(145deg,#0b1526,#101d31)}.scene-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.scene-metrics article{display:grid;gap:5px;padding:13px;border:1px solid rgba(168,195,231,.1);border-radius:11px;background:#14233a}.scene-metrics span{color:#71849e;font-size:7px;font-weight:800}.scene-metrics strong{font-size:clamp(15px,2vw,23px)}.scene-metrics small{color:#7d8fa7;font-size:7px}.scene-chart{min-height:0;padding:14px 16px 10px;border:1px solid rgba(168,195,231,.1);border-radius:12px;background:#121f34}.scene-chart>div:first-child{display:flex;align-items:center;justify-content:space-between;color:#95a5ba;font-size:9px}.scene-chart>div:first-child b{padding:5px 7px;border-radius:6px;color:#c6d7ed;background:#1c2d47;font-size:7px}.scene-chart svg{width:100%;height:calc(100% - 42px);min-height:130px;overflow:visible}.scene-chart path:first-child{fill:none;stroke:var(--install-blue);stroke-width:4;stroke-linecap:round}.scene-chart .scene-chart-fill{fill:rgba(111,163,255,.09);stroke:none}.scene-chart circle{fill:var(--install-blue);stroke:#101c2f;stroke-width:3}.scene-days{display:grid!important;grid-template-columns:repeat(7,1fr);color:#718299!important;font-size:7px!important;text-align:center}
.product-tour__glow{position:absolute;z-index:3;inset:auto 0 0;height:23%;pointer-events:none;background:linear-gradient(180deg,transparent,rgba(6,13,24,.9))}
.product-tour__status{position:absolute;z-index:6;left:22px;bottom:18px;display:flex;align-items:center;gap:10px;padding:9px 12px;border:1px solid var(--install-line);border-radius:10px;background:rgba(9,18,33,.7);box-shadow:0 10px 28px rgba(0,0,0,.22),inset 1px 1px rgba(255,255,255,.045);backdrop-filter:blur(16px)}
.product-tour__status span{color:var(--install-cyan);font-size:10px;font-weight:800}.product-tour__status strong{font-size:12px}
.product-tour__controls{position:relative;display:grid;padding-left:30px}
.product-tour__path{position:absolute;top:12%;bottom:12%;left:7px;width:2px;overflow:hidden;border-radius:2px;background:rgba(167,194,229,.14)}
.product-tour__path i{display:block;width:100%;height:var(--tour-progress,0%);border-radius:2px;background:linear-gradient(var(--install-cyan),var(--install-blue));box-shadow:0 0 16px rgba(99,216,220,.34);transition:height .5s cubic-bezier(.2,.7,.2,1)}
.product-tour__tab{
  position:relative;
  min-height:36vh;
  display:grid;
  grid-template-columns:30px 12px minmax(0,1fr);
  align-content:center;
  align-items:center;
  gap:10px;
  padding:28px 22px;
  border:1px solid transparent;
  border-radius:16px;
  color:#7f8da1;
  background:transparent;
  text-align:left;
  cursor:pointer;
  transition:color .25s ease,background .25s ease,border-color .25s ease,box-shadow .25s ease,transform .25s ease;
}
.product-tour__tab>span:first-child{color:#708098;font-size:10px;font-weight:800}
.product-tour__tab>i{position:relative;width:10px;height:10px;border:2px solid #60718a;border-radius:50%;background:#0b1525;box-shadow:0 0 0 5px #0a1424;transition:border-color .25s ease,background .25s ease,box-shadow .25s ease}
.product-tour__tab>span:last-child{min-width:0;display:grid;gap:7px}
.product-tour__tab strong{color:#dfe8f4;font-size:clamp(18px,2vw,25px);font-weight:660}
.product-tour__tab small{color:#8493a8;font-size:13px;line-height:1.5}
.product-tour__tab:hover,.product-tour__tab:focus-visible{color:#a9bad0;background:rgba(25,43,70,.34)}
.product-tour__tab.is-active{border-color:rgba(145,183,239,.21);color:#d6e6fb;background:rgba(22,39,65,.62);box-shadow:var(--install-neumo);transform:translateX(4px)}
.product-tour__tab.is-active>i{border-color:var(--install-cyan);background:var(--install-cyan);box-shadow:0 0 0 5px rgba(99,216,220,.11),0 0 18px rgba(99,216,220,.45)}
.product-tour__tab.is-active strong{color:#fff}

.install-widgets{z-index:3;display:grid;grid-template-columns:minmax(280px,390px) minmax(0,1fr);align-items:center;gap:clamp(42px,7vw,92px);min-height:920px;padding-right:max(24px,calc((100vw - var(--install-max))/2));padding-left:max(24px,calc((100vw - var(--install-max))/2));background:linear-gradient(145deg,#091321 0%,#0d192b 48%,#07101e 100%)}
.install-widgets__copy{position:relative;z-index:2;width:100%;max-width:390px;margin:0}
.install-widgets__copy h2{color:var(--install-text)}
.install-widgets__copy>p:last-child{color:var(--install-muted)}
.widget-gallery{position:relative;z-index:2;min-width:0;overflow:clip}
.widget-gallery__toolbar{position:relative;z-index:20;display:flex;align-items:center;justify-content:space-between;margin:0 0 18px}
.widget-gallery__toolbar>span{color:#91a0b4;font-size:11px;font-weight:700;font-variant-numeric:tabular-nums}
.widget-gallery__buttons{display:flex;gap:8px}
.widget-gallery__buttons button{width:42px;height:42px;display:grid;place-items:center;padding:0;border:1px solid var(--install-line);border-radius:12px;color:#d0dbea;background:rgba(18,32,54,.68);box-shadow:6px 6px 15px rgba(0,0,0,.22),-4px -4px 12px rgba(82,113,161,.06),inset 1px 1px rgba(255,255,255,.045);backdrop-filter:blur(14px);font:700 14px/1 var(--font);cursor:pointer;transition:background .2s ease,border-color .2s ease,transform .2s ease}
.widget-gallery__buttons button:hover,.widget-gallery__buttons button:focus-visible{border-color:rgba(99,216,220,.38);background:rgba(28,51,82,.75);transform:translateY(-1px)}
.widget-gallery__viewport{position:relative;height:570px;overflow:visible;perspective:1400px;touch-action:pan-y}
.widget-gallery__track{position:absolute;inset:0;transform-style:preserve-3d}
.widget-gallery__item{
  --widget-x:0px;
  --widget-y:0px;
  --widget-rotate:0deg;
  --widget-scale:1;
  --widget-opacity:1;
  --widget-z:5;
  --widget-tilt:0deg;
  position:absolute;
  top:24px;
  left:50%;
  z-index:var(--widget-z);
  width:clamp(245px,24vw,310px);
  margin:0;
  padding:10px;
  overflow:hidden;
  border:1px solid var(--install-line);
  border-radius:17px;
  background:rgba(15,27,47,.7);
  box-shadow:0 24px 55px rgba(0,0,0,.34),inset 1px 1px rgba(255,255,255,.055);
  backdrop-filter:blur(15px) saturate(130%);
  opacity:var(--widget-opacity);
  transform:translateX(-50%) translate3d(var(--widget-x),var(--widget-y),0) rotateZ(var(--widget-tilt)) rotateY(var(--widget-rotate)) scale(var(--widget-scale));
  transition:transform .72s cubic-bezier(.16,.74,.18,1),opacity .42s ease,border-color .3s ease,box-shadow .3s ease;
  will-change:transform,opacity;
  cursor:pointer;
}
.widget-gallery__item[data-current]{border-color:rgba(140,183,255,.42);box-shadow:0 34px 74px rgba(0,0,0,.42),0 0 42px rgba(95,151,232,.1),inset 1px 1px rgba(255,255,255,.075);cursor:default}
.widget-preview{height:410px;overflow:hidden;padding:18px;border:1px solid rgba(168,195,231,.1);border-radius:12px;color:#dfe8f5;background:linear-gradient(160deg,#101d31,#0c1728)}
.widget-preview>header{display:grid;grid-template-columns:38px minmax(0,1fr);grid-template-rows:auto auto;align-items:center;gap:2px 10px;margin-bottom:18px}.widget-preview>header>b{grid-row:1/3;width:38px;height:38px;display:grid;place-items:center;border-radius:11px;color:var(--widget-accent,var(--install-blue));background:color-mix(in srgb,var(--widget-accent,var(--install-blue)) 13%,#132039);font-size:16px}.widget-preview>header>span{font-size:15px;font-weight:750}.widget-preview>header>small{color:#788aa2;font-size:8px;text-transform:uppercase}
.widget-file-list,.widget-calendar-list,.widget-task-list{display:grid;gap:7px}.widget-file-list p,.widget-calendar-list p,.widget-task-list p{min-width:0;margin:0;border:1px solid rgba(168,195,231,.08);border-radius:9px;background:#15243a}.widget-file-list p{display:grid;grid-template-columns:31px minmax(0,1fr) auto;align-items:center;gap:9px;padding:9px}.widget-file-list p>i{width:31px;height:26px}.widget-file-list p>span,.widget-task-list p>span{min-width:0;display:grid;gap:2px}.widget-file-list b,.widget-file-list small,.widget-task-list b,.widget-task-list small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.widget-file-list b,.widget-task-list b{font-size:10px}.widget-file-list small,.widget-task-list small{color:#7d8da3;font-size:7px}.widget-file-list em{color:#718199;font-size:18px;font-style:normal}
.widget-calendar-list p{display:grid;grid-template-columns:34px 42px minmax(0,1fr);align-items:center;gap:6px;padding:10px}.widget-calendar-list strong{color:#8293a9;font-size:8px}.widget-calendar-list i{color:var(--install-blue);font-size:8px;font-style:normal;font-weight:800}.widget-calendar-list span{overflow:hidden;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.widget-calendar-list p:nth-child(3){border-color:rgba(140,183,255,.23);background:#1b2d49}
.widget-task-list p{display:grid;grid-template-columns:16px minmax(0,1fr);gap:8px;padding:11px}.widget-task-list p>i{width:14px;height:14px;border:1px solid #75869d;border-radius:3px}.widget-preview>button{width:100%;min-height:38px;margin-top:13px;border:1px solid color-mix(in srgb,var(--widget-accent,var(--install-blue)) 28%,transparent);border-radius:9px;color:#d9e9fb;background:color-mix(in srgb,var(--widget-accent,var(--install-blue)) 16%,#132039);font:750 9px var(--font)}
.widget-card--workspace{--widget-accent:#7ca9ff}.widget-card--calendar{--widget-accent:#65d4c0}.widget-card--inbox{--widget-accent:#bb8df0}.widget-card--pomodoro{--widget-accent:#8db6ff}.widget-card--streak{--widget-accent:#f2b351}
.widget-gallery.is-in-view .widget-card[data-current] .widget-preview{animation:widget-float 3.4s cubic-bezier(.22,.75,.25,1) infinite}
.widget-gallery.is-in-view .widget-card--workspace[data-current] .widget-file-list p:nth-child(2){animation:widget-file-focus 3.4s ease-in-out infinite}
.widget-gallery.is-in-view .widget-card--calendar[data-current] .widget-calendar-list p:nth-child(3){animation:widget-calendar-focus 3.4s ease-in-out infinite}
.widget-card--inbox .widget-task-list p:first-child>i{position:relative}.widget-card--inbox .widget-task-list p:first-child>i::after{content:"";position:absolute;left:3px;top:1px;width:6px;height:3px;border:solid #d7b9fa;border-width:0 0 2px 2px;opacity:0;transform:rotate(-45deg) scale(.5)}
.widget-gallery.is-in-view .widget-card--inbox[data-current] .widget-task-list p:first-child>i::after{animation:widget-task-check 3.4s ease-in-out infinite}
.widget-gallery.is-in-view .widget-card--pomodoro[data-current] .widget-timer{animation:widget-timer-pulse 3.4s ease-in-out infinite}
.widget-gallery.is-in-view .widget-card--streak[data-current] .widget-bars i{transform-origin:bottom;animation:widget-bar-rise 3.4s ease-in-out infinite}.widget-gallery.is-in-view .widget-card--streak[data-current] .widget-bars i:nth-child(2){animation-delay:.06s}.widget-gallery.is-in-view .widget-card--streak[data-current] .widget-bars i:nth-child(3){animation-delay:.12s}.widget-gallery.is-in-view .widget-card--streak[data-current] .widget-bars i:nth-child(4){animation-delay:.18s}.widget-gallery.is-in-view .widget-card--streak[data-current] .widget-bars i:nth-child(5){animation-delay:.24s}.widget-gallery.is-in-view .widget-card--streak[data-current] .widget-bars i:nth-child(6){animation-delay:.3s}.widget-gallery.is-in-view .widget-card--streak[data-current] .widget-bars i:nth-child(7){animation-delay:.36s}
@keyframes widget-float{0%,100%{transform:translateY(0)}48%{transform:translateY(-5px)}}
@keyframes widget-file-focus{0%,22%,100%{border-color:rgba(168,195,231,.08);transform:translateX(0)}42%,62%{border-color:rgba(124,169,255,.3);transform:translateX(5px)}}
@keyframes widget-calendar-focus{0%,22%,100%{box-shadow:none;transform:scale(1)}42%,62%{box-shadow:0 0 22px rgba(101,212,192,.1);transform:scale(1.025)}}
@keyframes widget-task-check{0%,30%,82%,100%{opacity:0;transform:rotate(-45deg) scale(.5)}43%,68%{opacity:1;transform:rotate(-45deg) scale(1)}}
@keyframes widget-timer-pulse{0%,100%{filter:drop-shadow(0 0 0 rgba(141,182,255,0));transform:scale(1)}50%{filter:drop-shadow(0 0 15px rgba(141,182,255,.16));transform:scale(1.025)}}
@keyframes widget-bar-rise{0%,100%{transform:scaleY(.92);opacity:.82}45%,65%{transform:scaleY(1);opacity:1}}
.widget-timer{--widget-progress:285deg;width:205px;max-width:92%;aspect-ratio:1;display:grid;place-items:center;margin:22px auto 0;border-radius:50%;padding:8px;background:conic-gradient(var(--widget-accent) var(--widget-progress),rgba(139,165,201,.13) 0)}.widget-timer::before{content:"";grid-area:1/1;width:100%;height:100%;border-radius:50%;background:#0d1829;box-shadow:inset 8px 8px 19px rgba(0,0,0,.25),inset -6px -6px 15px rgba(72,101,146,.06)}.widget-timer>div{z-index:1;grid-area:1/1;display:grid;gap:4px;text-align:center}.widget-timer strong{font-size:35px;font-variant-numeric:tabular-nums}.widget-timer small{color:#8192a8;font-size:8px}.widget-card--pomodoro .widget-preview>button{margin-top:18px}
.widget-streak-metric{display:flex;align-items:flex-end;justify-content:space-between;margin:26px 0 20px}.widget-streak-metric span{color:#7d8da3;font-size:8px}.widget-streak-metric strong{color:#f4bf67;font-size:20px}.widget-bars{height:130px;display:flex;align-items:flex-end;justify-content:space-around;gap:7px;padding:0 4px;border-bottom:1px solid rgba(168,195,231,.1)}.widget-bars i{width:18px;height:30%;border-radius:5px 5px 1px 1px;background:rgba(242,179,81,.22)}.widget-bars i:nth-child(2){height:48%}.widget-bars i:nth-child(3){height:36%}.widget-bars i:nth-child(4){height:72%}.widget-bars i:nth-child(5){height:58%}.widget-bars i:nth-child(6){height:88%;background:#eeb04f;box-shadow:0 0 18px rgba(238,176,79,.18)}.widget-bars i:nth-child(7){height:44%}.widget-bar-labels{display:grid;grid-template-columns:repeat(7,1fr);margin-top:7px;color:#6f8097;font-size:7px;text-align:center}
.widget-gallery__item figcaption{display:flex;align-items:center;justify-content:space-between;min-height:42px;padding:11px 4px 0;color:#e4ebf5;font-size:12px;font-weight:700}
.widget-gallery__item figcaption::after{content:"Widget";color:#77879d;font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.12em !important}

.install-downloads{z-index:4;background:linear-gradient(180deg,#08111f,#0b1728 55%,#07101e);color:var(--install-text)}
.install-section-heading--center{text-align:center}.install-section-heading--center>p:last-child{margin-right:auto;margin-left:auto}
.install-options{position:relative;z-index:2;width:min(var(--install-max),100%);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:18px;margin:0 auto}
.install-option{
  min-width:0;
  min-height:0;
  display:flex;
  flex-direction:column;
  padding:24px;
  border:1px solid var(--install-line);
  border-radius:18px;
  color:var(--install-text);
  background:rgba(18,31,52,.56);
  box-shadow:var(--install-neumo);
  backdrop-filter:blur(18px) saturate(130%);
}
.install-option__meta{display:flex;align-items:center;justify-content:space-between;gap:12px}
.install-anchor{display:block;height:0;scroll-margin-top:32px}
.install-option>.install-addon__request{min-height:0;margin-top:12px;font-size:12px}
.install-option__platform{color:#e7eef8;font-size:12px;font-weight:760}.install-option__current{color:#76d8ad;font-size:9px;font-weight:750;text-transform:uppercase;letter-spacing:.08em !important}
.install-option__glyph{width:46px;height:46px;display:grid;place-items:center;margin-top:38px;border:1px solid rgba(140,183,255,.24);border-radius:13px;color:#bcd5ff;background:linear-gradient(145deg,rgba(40,63,98,.75),rgba(16,29,49,.82));box-shadow:7px 7px 17px rgba(0,0,0,.26),-5px -5px 14px rgba(91,126,180,.07),inset 1px 1px rgba(255,255,255,.07);font-size:15px;font-weight:800}
.install-option h3{margin:19px 0 10px;color:#f4f7fb;font-size:23px;font-weight:680}
.install-option>p{min-height:66px;margin:0;color:#9daabd;font-size:13px;line-height:1.55}
.install-option__button{width:100%;min-height:45px;display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:32px;padding:0 15px;border:1px solid rgba(140,183,255,.28);border-radius:11px;color:#eaf2ff;background:rgba(48,80,126,.52);box-shadow:7px 7px 17px rgba(0,0,0,.22),-4px -4px 13px rgba(91,126,180,.055),inset 1px 1px rgba(255,255,255,.06);font-size:12px;font-weight:750;cursor:pointer;transition:transform .2s ease,background .2s ease,border-color .2s ease}
.install-option__button:hover,.install-option__button:focus-visible{border-color:rgba(158,197,255,.48);background:rgba(59,96,151,.68);transform:translateY(-1px)}
.install-option>small{display:block;margin-top:11px;color:#8190a5;font-size:9px;line-height:1.5}.install-option>small a{color:#9ec6ff;text-decoration:underline;text-underline-offset:2px}
.install-option--pc{min-height:unset}.install-addon{margin-top:24px;padding-top:20px;border-top:1px solid var(--install-line)}
.install-addon.is-requested{margin-right:-10px;margin-left:-10px;padding-right:10px;padding-left:10px;border-radius:12px;background:rgba(75,123,191,.09)}
.install-addon__head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.install-addon__head span{color:#7990aa;font-size:8px;font-weight:800;text-transform:uppercase;letter-spacing:.1em !important}.install-addon__head h4{margin:4px 0 0;color:#e4ebf5;font-size:15px;font-weight:720}
.install-addon__count{flex:0 0 auto;padding:5px 7px;border:1px solid var(--install-line);border-radius:8px;background:rgba(22,38,63,.72)}
.install-addon>p{margin:11px 0 14px;color:#8998ad;font-size:11px;line-height:1.5}.install-addon .install-addon__request{padding:9px 10px;border-left:2px solid var(--install-blue);color:#b8d2f7;background:rgba(88,142,218,.1)}
.install-option__button--secondary{border-color:rgba(99,216,220,.22);color:#bdecee;background:rgba(30,88,92,.3)}.install-option__button--secondary:hover,.install-option__button--secondary:focus-visible{border-color:rgba(99,216,220,.4);background:rgba(37,108,112,.4)}
.install-addon>small{display:block;margin-top:10px;color:#7f8ea2;font-size:9px;line-height:1.45}
.install-option__manual{margin-top:13px;padding-top:11px;border-top:1px solid var(--install-line);color:#91a0b3;font-size:10px}.install-option__manual summary{color:#acd0ff;font-weight:750;cursor:pointer}
.install-option__guide,.install-pc-guide ol{margin:10px 0 0;padding-left:18px}.install-option__guide li,.install-pc-guide li{margin:6px 0;line-height:1.45}
.install-option__safety{color:#8190a3;line-height:1.45}.install-option__retry{color:#acd0ff;font-weight:700;text-decoration:underline;text-underline-offset:2px}
.install-pc-guide{margin-top:14px;padding:13px;border:1px solid var(--install-line);border-radius:11px;color:#a2afc0;background:rgba(19,34,57,.7);font-size:10px}.install-pc-guide strong{color:#d6e5f9}

.install-closing{position:relative;min-height:500px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:92px 24px;border-top:1px solid var(--install-line);background:linear-gradient(180deg,#07101e,#050b15);text-align:center}
.install-closing__mark{width:60px;height:60px;display:grid;place-items:center;margin-bottom:26px;border:1px solid rgba(140,183,255,.27);border-radius:17px;color:#dbe9ff;background:linear-gradient(145deg,rgba(45,70,108,.78),rgba(14,26,45,.88));box-shadow:9px 9px 22px rgba(0,0,0,.3),-7px -7px 20px rgba(87,119,171,.065),inset 1px 1px rgba(255,255,255,.07);font-size:31px}
.install-closing h2{margin-bottom:27px;font-size:clamp(40px,5vw,66px)}
.install-footer{min-height:112px;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px max(24px,calc((100vw - var(--install-max))/2));border-top:1px solid var(--install-line);color:#7d8b9e;background:#050a13}
.install-footer p{margin:0;font-size:11px}.install-footer__end{display:grid;justify-items:end;gap:8px}.install-footer__end nav{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:14px}.install-footer__end a{color:#9aa8ba;font-size:10px}.install-footer__end a:hover,.install-footer__end a:focus-visible{color:#e1eaf6}

.is-motion-ready [data-reveal]{opacity:0;transform:translateY(22px) scale(.985)}
.is-motion-ready [data-reveal].is-visible{opacity:1;transform:none;transition:opacity .72s ease,transform .78s cubic-bezier(.16,.74,.18,1)}

html.theme-light body.install-page{
  --install-bg:#edf3f8;
  --install-bg-deep:#e6edf4;
  --install-band:#e9f0f6;
  --install-glass:rgba(255,255,255,.64);
  --install-glass-strong:rgba(247,250,253,.86);
  --install-line:rgba(54,82,119,.15);
  --install-line-strong:rgba(54,92,145,.25);
  --install-text:#142238;
  --install-muted:#586a82;
  --install-neumo:13px 13px 30px rgba(82,105,135,.16),-9px -9px 24px rgba(255,255,255,.8),inset 1px 1px rgba(255,255,255,.7);
  color:var(--install-text);
  background:var(--install-bg);
}
html.theme-light body.install-page::before{background:linear-gradient(rgba(47,85,135,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(47,85,135,.04) 1px,transparent 1px),linear-gradient(125deg,#edf3f8,#e7eef6 48%,#f2f6fa);background-size:72px 72px,72px 72px,100% 100%}
html.theme-light .install-header,html.theme-light .journey-rail{background:rgba(243,247,251,.74);box-shadow:0 13px 32px rgba(57,78,105,.12),inset 1px 1px rgba(255,255,255,.8)}
html.theme-light .install-brand,html.theme-light .install-nav a{color:var(--install-text)}
html.theme-light .install-brand .brand__mark,html.theme-light .install-closing__mark{color:#315d92;background:linear-gradient(145deg,#f7fbff,#dce7f2);box-shadow:7px 7px 16px rgba(82,105,135,.16),-6px -6px 16px #fff,inset 1px 1px #fff}
html.theme-light .install-nav .install-nav__primary{color:#254c7b;background:rgba(198,218,244,.65)}
html.theme-light .install-hero::before{background:linear-gradient(180deg,rgba(238,244,249,.04),rgba(237,243,248,.2) 45%,#edf3f8)}
html.theme-light .install-hero h1{color:#101d30;text-shadow:none}html.theme-light .install-hero__lead{color:#41536a}html.theme-light .install-hero__sync{color:#60728a}
html.theme-light .install-manifest{background:linear-gradient(#edf3f8,#e9f0f6 45%,#edf3f8)}
html.theme-light .install-widgets{background:linear-gradient(145deg,#e9f0f6,#f3f7fb 48%,#e8eff6)}
html.theme-light .install-downloads{background:linear-gradient(#edf3f8,#e5edf5 55%,#edf3f8)}
html.theme-light .product-tour__tab strong,html.theme-light .install-widgets__copy h2,html.theme-light .install-section-heading h2,html.theme-light .install-closing h2{color:#15243a}
html.theme-light .product-tour__tab small{color:#66778d}html.theme-light .product-tour__tab.is-active{background:rgba(255,255,255,.58)}
html.theme-light .widget-gallery__buttons button{color:#334d6c;background:rgba(245,249,252,.72);box-shadow:6px 6px 15px rgba(82,105,135,.14),-4px -4px 12px #fff,inset 1px 1px #fff}
html.theme-light .widget-gallery__item{background:rgba(248,251,253,.72);box-shadow:0 25px 55px rgba(57,78,105,.18),inset 1px 1px #fff}html.theme-light .widget-gallery__item figcaption{color:#253a55}
html.theme-light .install-option{color:#15243a;background:rgba(250,252,254,.62)}html.theme-light .install-option__platform,html.theme-light .install-option h3,html.theme-light .install-addon__head h4{color:#20344f}html.theme-light .install-option>p,html.theme-light .install-addon>p{color:#61738a}
html.theme-light .install-option__glyph{color:#315d92;background:linear-gradient(145deg,#f7fbff,#dce7f2);box-shadow:7px 7px 16px rgba(82,105,135,.16),-6px -6px 16px #fff,inset 1px 1px #fff}
html.theme-light .install-option__button{color:#254c7b;background:rgba(204,222,245,.65);box-shadow:7px 7px 16px rgba(82,105,135,.14),-5px -5px 14px #fff,inset 1px 1px #fff}
html.theme-light .install-option__button--secondary{color:#276b70;background:rgba(203,237,237,.65)}
html.theme-light .install-closing{background:linear-gradient(#edf3f8,#e5edf4)}html.theme-light .install-footer{background:#e3ebf3}

@media (max-width:1120px){
  .journey-rail{right:10px}
  .product-tour{grid-template-columns:minmax(0,1.45fr) minmax(250px,.75fr);gap:28px}
  .install-widgets{grid-template-columns:320px minmax(0,1fr);gap:38px}
}

@media (max-width:920px){
  .journey-rail{display:none}
  .install-hero{padding:112px 24px 54px}
  .hero-product{height:430px}
  .demo-dashboard{grid-template-columns:minmax(0,1fr) minmax(230px,32%);padding:18px}
  .demo-space{padding:17px}.demo-folder-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .product-tour{grid-template-columns:1fr;gap:26px}
  .product-tour__visual{top:78px;z-index:6;height:min(530px,58vh);min-height:390px}
  .product-tour__controls{padding-left:24px}
  .product-tour__tab{min-height:240px}
  .install-widgets{grid-template-columns:1fr;min-height:980px;gap:28px}
  .install-widgets__copy{max-width:620px;margin:0 auto}
  .widget-gallery{width:min(760px,100%);margin:0 auto}
  .widget-gallery__toolbar{margin-right:0}
  .install-options{grid-template-columns:1fr;max-width:680px}
  .install-option{min-height:unset}.install-option>p{min-height:unset;margin-bottom:24px}
}

@media (max-width:680px){
  html{scroll-padding-top:76px}
  .install-header{inset:8px 8px auto;height:54px;border-radius:13px;padding-left:8px}
  .install-brand .brand__mark{width:36px;height:36px}.install-brand .brand__text{font-size:15px}
  .install-nav a:not(.install-nav__primary){display:none}.install-nav .install-nav__primary{min-height:36px;margin:0;padding:0 12px}
  .install-hero{padding:108px 16px 42px}
  .install-hero h1{font-size:clamp(46px,14vw,62px);white-space:nowrap}
  .install-hero__lead{max-width:350px;margin-top:17px;font-size:17px}
  .install-hero__actions{width:100%;max-width:360px;flex-direction:column;margin:23px auto 0}.install-action{width:100%}
  .hero-product{height:390px;border-radius:8px;transform:none}
  .hero-product__bar small{display:none}
  .demo-topbar{height:43px;padding:0 13px}.demo-brand b{width:27px;height:27px;font-size:16px}.demo-brand strong{font-size:11px}.demo-nav{gap:8px}.demo-nav i:nth-child(-n+2){display:none}
  .demo-dashboard{height:calc(100% - 43px);grid-template-columns:1fr;padding:11px}.demo-side{display:none}.demo-space{padding:13px}.demo-heading h3{font-size:18px}.demo-heading small{font-size:8px}.demo-toolbar{height:37px;margin:12px 0 9px}.demo-folder-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.demo-folder-grid article{min-height:57px;padding:8px}.demo-folder-grid article:nth-child(n+5){display:none}.demo-folder-grid article>i{width:28px;height:24px}.demo-folder-grid strong{font-size:8px}.demo-folder-grid small{font-size:7px}
  .install-hero__scroll{display:none}
  .install-manifest,.install-widgets,.install-downloads{padding:78px 16px}
  .install-section-heading{margin-bottom:34px}.install-section-heading h2,.install-widgets__copy h2{font-size:clamp(38px,11.5vw,52px)}
  .install-section-heading>p:last-child,.install-widgets__copy>p:last-child{font-size:16px}
  .product-tour__visual{top:72px;width:calc(100vw - 24px);height:370px;min-height:0;margin-left:-4px;border-radius:15px}
  .product-tour__status{left:12px;bottom:10px;padding:7px 9px}
  .product-scene{padding:17px 15px 52px}.product-scene>header h3,.scene-space-head h3{font-size:25px}.product-scene>header span,.scene-space-head>span{font-size:7px}
  .product-scene--space{grid-template-columns:1fr;grid-template-rows:auto 40px minmax(0,1fr);gap:9px}.scene-search{height:40px}.scene-folders{grid-column:1;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.scene-folders article{padding:8px;grid-template-columns:30px minmax(0,1fr);border-radius:9px}.scene-folders article>i{width:29px;height:24px}.scene-folders strong{font-size:8px}.scene-folders small{font-size:7px}.scene-inbox-strip{display:none}
  .product-scene--ai,.product-scene--focus,.product-scene--progress{gap:9px}.scene-chat{gap:7px}.scene-message{max-width:88%;padding:9px 11px;font-size:9px}.scene-message--ai{gap:4px}.scene-message--ai>b{font-size:10px}.scene-message--ai>span{font-size:8px}.scene-thinking{padding:6px 9px}.scene-prompt{height:40px;font-size:8px}.scene-prompt b{width:28px;height:28px}
  .scene-focus-body{grid-template-columns:135px minmax(0,1fr);gap:12px}.scene-timer{width:132px;padding:6px}.scene-timer strong{font-size:29px}.scene-session{gap:5px}.scene-session>strong{font-size:14px}.scene-session>small{font-size:7px}.scene-session>div{gap:5px;margin-top:5px}.scene-session button{min-height:30px;padding:0 8px;font-size:7px}.scene-focus-progress{gap:4px}
  .scene-metrics{gap:5px}.scene-metrics article{gap:2px;padding:7px}.scene-metrics strong{font-size:12px}.scene-metrics small{font-size:6px}.scene-chart{padding:8px 10px 6px}.scene-chart svg{height:calc(100% - 30px);min-height:83px}.scene-chart>div:first-child{font-size:7px}
  .product-tour__controls{padding-left:22px}.product-tour__path{left:5px}.product-tour__tab{min-height:225px;grid-template-columns:26px 10px minmax(0,1fr);padding:24px 14px;border-radius:14px}.product-tour__tab strong{font-size:20px}.product-tour__tab small{font-size:12px}.product-tour__tab.is-active{transform:translateX(2px)}
  .install-widgets{min-height:820px}.widget-gallery__viewport{height:440px;overflow:visible}.widget-gallery__item{width:min(74vw,280px);top:12px}.widget-preview{height:350px;padding:14px}.widget-preview>header{margin-bottom:12px}.widget-timer{width:170px;margin-top:10px}.widget-bars{height:92px}.widget-streak-metric{margin:16px 0 12px}
  .install-option{padding:20px;border-radius:16px}.install-option__glyph{margin-top:28px}.install-option h3{font-size:22px}
  .install-closing{min-height:410px;padding:74px 16px}
  .install-footer{align-items:flex-start;flex-direction:column;padding:24px 16px}.install-footer__end{justify-items:start}.install-footer__end nav{justify-content:flex-start}
}

@media (max-width:390px){
  .install-hero h1{font-size:42px}.hero-product{height:350px}.product-tour__visual{height:338px}.product-tour__tab{min-height:210px}
  .product-scene{padding:14px 12px 48px}.product-scene>header h3,.scene-space-head h3{font-size:22px}.scene-focus-body{grid-template-columns:118px minmax(0,1fr)}.scene-timer{width:116px}.scene-timer strong{font-size:25px}.scene-session>small{display:none}
  .widget-gallery__viewport{height:414px}.widget-gallery__item{width:76vw}.widget-preview{height:328px}.widget-timer{width:155px}.widget-bars{height:76px}
}

@media (max-width:680px){
  html.is-ios-webkit{scroll-behavior:auto}
  html.is-ios-webkit body.install-page::before{position:absolute}
  html.is-ios-webkit .install-header,
  html.is-ios-webkit .hero-product,
  html.is-ios-webkit .hero-product__bar,
  html.is-ios-webkit .product-tour__visual,
  html.is-ios-webkit .product-tour__chrome,
  html.is-ios-webkit .product-tour__status,
  html.is-ios-webkit .widget-gallery__buttons button,
  html.is-ios-webkit .widget-gallery__item,
  html.is-ios-webkit .install-option,
  html.is-ios-webkit .install-action{-webkit-backdrop-filter:none;backdrop-filter:none}
  html.is-ios-webkit .install-header{background:rgba(9,18,33,.96)}
  html.is-ios-webkit .hero-product{background:rgba(10,20,36,.98);transform:none}
  html.is-ios-webkit .product-tour__visual{contain:paint;backface-visibility:hidden;background:rgba(10,20,36,.98);transform:translateZ(0)}
  html.is-ios-webkit .product-scene{transform:translate3d(0,20px,0);transition:opacity .18s ease,transform .38s cubic-bezier(.3,0,.55,1)}
  html.is-ios-webkit .product-scene.is-before{transform:translate3d(0,-24px,0)}
  html.is-ios-webkit .product-scene.is-after{transform:translate3d(0,24px,0)}
  html.is-ios-webkit .product-scene.is-active{transform:none;transition:opacity .2s ease .05s,transform .42s cubic-bezier(.16,.74,.18,1)}
  html.is-ios-webkit .widget-gallery__viewport{perspective:none}
  html.is-ios-webkit .widget-gallery__track{transform-style:flat}
  html.is-ios-webkit .widget-gallery__item{background:rgba(15,27,47,.97);will-change:auto}
  html.is-ios-webkit .widget-gallery__item[data-current]{will-change:transform,opacity}
  html.is-ios-webkit .widget-gallery.is-in-view .widget-card--pomodoro[data-current] .widget-timer{animation-name:widget-timer-soft}
  html.theme-light.is-ios-webkit .install-header{background:rgba(243,247,251,.97)}
  html.theme-light.is-ios-webkit .widget-gallery__item{background:rgba(248,251,253,.97)}
}

@keyframes widget-timer-soft{0%,100%{transform:scale(1)}50%{transform:scale(1.02)}}

/* Product-led refinement: quieter surfaces, clearer controls, more readable demos. */
.install-page{--install-blue:#8bb5ff;--install-cyan:#a8c8ff;--install-line:rgba(175,198,232,.14)}
.install-header{box-shadow:0 1px 0 var(--install-line);border-bottom:0}
.install-hero h1{font-size:88px;letter-spacing:0}
.install-hero__lead{font-size:21px;max-width:570px}
.install-section-heading h2,.install-widgets__copy h2{font-size:50px;line-height:1.1}
.install-hero__sync span{background:var(--install-blue);box-shadow:0 0 0 4px rgba(139,181,255,.1)}
.hero-product{border-radius:8px 8px 0 0;box-shadow:0 20px 80px #0004,inset 0 1px #ffffff12}
.hero-product::after{background:linear-gradient(180deg,transparent 70%,var(--install-bg) 100%)}
.demo-space,.demo-side>section{box-shadow:none;border-color:transparent;background:transparent}
.demo-folder-grid article,.scene-folders article{border-radius:8px;box-shadow:inset 0 1px #ffffff08,0 3px 12px #0001}
.demo-folder-grid article>i,.scene-folders article>i{filter:drop-shadow(2px 4px 3px #0003)}
.product-tour__visual{border-radius:8px;box-shadow:0 24px 65px #0003,inset 0 1px #ffffff10}
.product-tour__tab{border-radius:0;box-shadow:none;border-color:transparent;background:transparent}
.product-tour__tab.is-active{border-color:transparent;background:transparent;box-shadow:inset 2px 0 var(--install-blue)}
.product-tour__tab.is-active strong{color:var(--install-blue)}
.product-tour__status{border-radius:6px;box-shadow:none;background:var(--install-band);border:1px solid var(--install-line)}
.product-scene[aria-hidden=true]{pointer-events:none}
.scene-timer{background:conic-gradient(var(--install-blue) var(--demo-progress,0deg),#2c3c56 0);box-shadow:0 0 0 6px #0b1424,0 0 0 7px #2b3a51,0 9px 22px #0004,inset 0 1px #ffffff30}
.scene-timer>div{box-shadow:inset 0 4px 16px #0003}
.scene-session button{min-height:42px;min-width:42px;border-radius:6px;font-size:13px;cursor:pointer}
.scene-session button:active{transform:scale(.96)}
.widget-gallery__item{border-radius:8px;box-shadow:0 22px 55px #0004,inset 1px 1px #ffffff15;background:#101a2b}
.widget-preview{border-radius:8px}
.widget-preview>header>b{box-shadow:inset 1px 1px #ffffff16,2px 4px 10px #0003;border-radius:6px}
.widget-file-list p,.widget-calendar-list p,.widget-task-list p{border-radius:5px;border-color:transparent;background:transparent;box-shadow:inset 0 -1px var(--install-line)}
.install-option{border-radius:8px;box-shadow:inset 0 1px #ffffff0d,0 10px 35px #0002;background:rgba(17,27,44,.8);backdrop-filter:none}
.install-option__glyph{border-radius:8px;margin-top:26px;transform:perspective(300px) rotateY(-12deg);transition:transform .25s}
.install-option:hover .install-option__glyph{transform:perspective(300px) rotateY(0)}
.install-option__glyph svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round}
.install-download-info{margin-top:12px;color:var(--install-muted);font-size:12px;line-height:1.6;overflow-wrap:anywhere}
.install-download-info summary{min-height:44px;align-content:center;cursor:pointer}
.install-download-info p{font-size:12px;margin:6px 0 10px}
.install-download-info a{display:inline-flex;align-items:center;min-height:44px;color:var(--install-blue)}
.install-option__button{border-radius:6px;background:var(--install-blue);color:#0a1424;border:0;box-shadow:inset 0 1px #ffffff40,0 4px 12px #0002;font-size:14px;min-height:48px}
.install-option__button:hover,.install-option__button:focus-visible{background:#b5d0ff;color:#0a1424}
.install-option__button--secondary{background:transparent;box-shadow:none;border:1px solid var(--install-line-strong);color:var(--install-blue)}
.install-option>small,.install-option__manual,.install-option__safety{font-size:12px;line-height:1.5}
.install-option__current{letter-spacing:0!important;font-size:10px}
.install-option>p{font-size:14px}
.install-action{border-radius:6px}
@media(max-width:920px){.install-hero h1{font-size:68px}.install-section-heading h2,.install-widgets__copy h2{font-size:42px}}
@media(max-width:680px){
  .install-hero{padding-top:104px;gap:28px}.install-hero h1{font-size:50px;white-space:normal}.install-hero__lead{font-size:17px;max-width:310px}
  .hero-product{height:335px;bottom:0}.hero-product::after{background:linear-gradient(180deg,transparent 85%,var(--install-bg))}
  .install-section-heading h2,.install-widgets__copy h2{font-size:36px}
  .demo-folder-grid strong,.scene-folders strong{font-size:11px}.demo-folder-grid small,.scene-folders small{font-size:9px}
  .scene-folders article{min-height:58px}.scene-search{font-size:11px}.product-scene>header span{font-size:9px}
  .scene-message{font-size:12px;padding:10px 12px}.scene-message--ai>b{font-size:13px}.scene-message--ai>span{font-size:11px;line-height:1.4}
  .scene-prompt{font-size:11px}.scene-session>small{font-size:10px;line-height:1.5}.scene-session>span{font-size:9px}.scene-session button{font-size:12px;min-height:40px}
  .scene-metrics article{background:transparent;border:0;padding:5px}.scene-metrics article>span,.scene-metrics small{font-size:9px;line-height:1.4}.scene-metrics strong{font-size:16px}
  .scene-chart>div:first-child{font-size:10px}.product-tour__tab{min-height:185px;padding:22px 12px}.product-tour__tab small{font-size:13px;line-height:1.5}
  .product-tour__visual{height:390px;border-radius:8px}.product-scene{padding:18px 16px 50px}.widget-gallery__item{border-radius:8px}
  .install-option{border-radius:8px}.install-option>small{font-size:12px}.install-option__glyph{margin-top:20px}
}
@media(max-width:360px){.install-hero h1{font-size:43px}.scene-focus-body{grid-template-columns:108px minmax(0,1fr);gap:10px}.scene-timer{width:106px}.scene-timer strong{font-size:25px}.scene-metrics strong{font-size:14px}}

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important}
  .is-motion-ready [data-reveal]{opacity:1;transform:none}
}
.install-widget-choices { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:16px 0; }
.install-widget-choices a { display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:44px;padding:10px 12px;border:1px solid var(--border,#8bb5ff40);border-radius:6px;color:inherit;text-decoration:none;font-size:14px; }
.install-widget-choices a:hover,.install-widget-choices a:focus-visible { border-color:var(--accent,#8bb5ff);background:#8bb5ff12; }
.install-widget-choices a:focus-visible { outline:2px solid var(--accent,#8bb5ff);outline-offset:2px; }
[data-continue-widget][hidden] { display:none; }

/* The free launch demonstrates only tools students can use now. */
.hero-product,.product-tour__visual {
  --install-bg:#0b1526;--install-band:#101b2d;--install-text:#edf3ff;--install-muted:#a5b2c6;--install-blue:#8bb5ff;--install-line:rgba(175,198,232,.14);
  color:var(--install-text);
}
.hero-product::after { display:none; }
.demo-task-list { display:grid;gap:0; }
.demo-task-list p,.scene-task-list p { display:flex;align-items:center;gap:12px;min-width:0;margin:0;padding:17px 0;border-bottom:1px solid var(--install-line); }
.demo-task-list p>i,.scene-task-list p>i { flex:0 0 auto;width:18px;height:18px;border:1px solid var(--install-muted);border-radius:4px; }
.demo-task-list p>span,.scene-task-list p>span { display:grid;gap:5px;flex:1;min-width:0; }
.demo-task-list strong,.scene-task-list b { overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px; }
.demo-task-list small,.scene-task-list small { color:var(--install-muted);font-size:11px; }
.demo-task-list time,.scene-task-list time { color:var(--install-blue);font-size:11px;white-space:nowrap; }
.demo-focus-summary { display:flex;align-items:center;gap:24px;margin-top:24px;padding-top:20px;border-top:1px solid var(--install-line); }
.demo-focus-summary>span,.demo-focus-summary>div { display:grid;gap:6px; }
.demo-focus-summary strong { font-size:32px;font-variant-numeric:tabular-nums; }
.demo-focus-summary small { color:var(--install-muted);font-size:10px; }
.demo-focus-summary b { font-size:13px; }
.demo-progress { display:grid;gap:16px; }
.demo-progress>span { display:flex;align-items:baseline;justify-content:space-between;gap:8px; }
.demo-progress small { color:var(--install-muted);font-size:11px; }
.demo-progress b { font-size:18px;font-variant-numeric:tabular-nums; }
.product-scene--inbox { display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:20px; }
.scene-task-list { display:grid;align-content:center; }
.scene-task-list p { padding:18px 0; }
.scene-task-list .is-done i { display:grid;place-items:center;background:var(--install-blue);color:var(--install-bg);font-size:12px;border:0; }
.scene-task-list .is-done b { text-decoration:line-through;color:var(--install-muted); }
.scene-alarm { display:grid;gap:7px;border-left:2px solid var(--install-blue);padding:10px 14px;background:#8bb5ff0b; }
.scene-alarm>span { color:var(--install-blue);font-size:10px;font-weight:700; }
.scene-alarm>strong { font-size:14px; }
.scene-alarm>div { display:flex;align-items:center;gap:14px; }
.scene-alarm time { font-size:22px;font-weight:650;font-variant-numeric:tabular-nums; }
.scene-alarm small { color:var(--install-muted);font-size:11px; }
.product-scene--calendar { display:grid;grid-template-rows:auto minmax(0,1fr);gap:24px; }
.scene-week { display:grid;grid-template-rows:repeat(5,minmax(0,1fr));gap:4px; }
.scene-week p { display:grid;grid-template-columns:54px 80px minmax(0,1fr);align-items:center;gap:14px;min-width:0;margin:0;padding:8px 12px;border-bottom:1px solid var(--install-line); }
.scene-week b { display:grid;gap:2px;color:var(--install-muted);font-size:10px; }
.scene-week b small { color:var(--install-text);font-size:19px; }
.scene-week time { color:var(--install-blue);font-size:12px; }
.scene-week p>span { overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:550; }
.scene-week .is-today { background:#8bb5ff12;border-left:2px solid var(--install-blue);border-radius:4px; }
@media(max-width:680px) {
  .demo-toolbar { font-size:11px; }
  .demo-task-list p { padding:10px 0;gap:8px; }
  .demo-task-list strong { font-size:12px; }
  .demo-task-list small,.demo-task-list time { font-size:9px; }
  .demo-focus-summary { margin-top:12px;padding-top:10px;gap:14px; }
  .demo-focus-summary strong { font-size:24px; }
  .demo-focus-summary b { font-size:11px; }
  .demo-focus-summary>div>small { display:none; }
  .product-scene--inbox { gap:10px; }
  .scene-task-list p { gap:9px;padding:8px 0; }
  .scene-task-list .is-done { display:none; }
  .scene-task-list b { font-size:12px; }
  .scene-task-list small,.scene-task-list time { font-size:10px; }
  .scene-alarm { gap:5px;padding:8px 10px; }
  .scene-alarm>strong { font-size:12px; }
  .scene-alarm time { font-size:19px; }
  .scene-alarm small { font-size:10px; }
  .product-scene--calendar { gap:14px; }
  .scene-week p { grid-template-columns:32px 62px minmax(0,1fr);gap:8px;padding:5px 4px; }
  .scene-week p>span { font-size:12px; }
  .scene-week time { font-size:10px; }
}