:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ground-top:#fbfbfb;--ground-bottom:#f2f2f3;--ink:#0a0a0a;--ink-2:#525252;--muted:#6a6a6a;--hairline:#0000000f;--surface:#fff;--card:#fff;--sidebar:#fafafa;--btn:#171717;--btn-hover:#2a2a2a;--btn-ink:#fafafa;--today:#dc2626;--destructive:#e7000b;--notice:#f8f8f8;--notice-shadow:0 0 0 1px #00000014, inset 0 1px 0 #fffc, 0 22px 48px -12px #00000047, 0 8px 16px -8px #0000001f;--desk-bar:#fcfcfc;--control-shadow:0 1px 2px #0000000d;--shadow-di:0 0 0 1px #0000000f, 0 1px 1px -.5px #0000000f, 0 3px 3px -1.5px #0000000f, 0 6px 6px -3px #0000000f, 0 12px 12px -6px #0000000a, 0 24px 24px -12px #0000000a, 0 24px 24px 2px #0000001a;--app-divider:#f5f5f5;--app-icon:#404040;--app-muted:#737373;--app-faint:#73737380;--app-ink-80:#0a0a0acc;--app-ink-40:#0a0a0a66;--app-ink-25:#0a0a0a40;--app-muted-bg:#f5f5f5;--app-tab-on:#fff;--app-control:#fff;--ev-border:#0000000a;--ev-orange-bg:#ffedd5;--ev-orange-fg:#75260e;--ev-orange-stripe:#fdba74;--ev-orange-check:#fb923c;--ev-red-bg:#fee2e2;--ev-red-fg:#731414;--ev-red-stripe:#fca5a5;--ev-red-check:#f87171;--ev-amber-bg:#feefc7;--ev-amber-fg:#6c500a;--ev-amber-stripe:#fccb4d;--ev-amber-check:#fbbf24;--ev-green-bg:#dcfce7;--ev-green-fg:#114b26;--ev-green-stripe:#86efac;--ev-green-check:#4ade80;--ev-blue-bg:#dbebfe;--ev-blue-fg:#153a68;--ev-blue-stripe:#93c2fd;--ev-blue-check:#60a5fa;--ease-out-quint:cubic-bezier(.22, 1, .36, 1);--ease-out-cubic:cubic-bezier(.33, 1, .68, 1);--ease-in-out-cubic:cubic-bezier(.65, 0, .35, 1);--font:var(--font-inter), var(--font-noto-sans-jp), system-ui, -apple-system, "Hiragino Sans", sans-serif}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ground-top:#121213;--ground-bottom:#0b0b0c;--ink:#fafafa;--ink-2:#b4b4b4;--muted:#8f8f8f;--hairline:#ffffff14;--surface:#0a0a0a;--card:#171717;--sidebar:#171717;--btn:#e5e5e5;--btn-hover:#fff;--btn-ink:#171717;--destructive:#ff6467;--notice:#262626;--notice-shadow:0 0 0 1px #ffffff1a, inset 0 1px 0 #ffffff0f, 0 22px 48px -12px #000000b3, 0 8px 16px -8px #00000080;--desk-bar:#1c1c1d;--control-shadow:0 0 0 1px #ffffff0f;--shadow-di:0 0 0 1px #ffffff1a, 0 1px 1px -.5px #0000004d, 0 3px 3px -1.5px #0000004d, 0 6px 6px -3px #0000004d, 0 12px 12px -6px #00000040, 0 24px 24px -12px #00000040, 0 24px 48px 2px #00000073;--app-divider:#ffffff14;--app-icon:#d4d4d4;--app-muted:#a1a1a1;--app-faint:#a1a1a173;--app-ink-80:#fafafacc;--app-ink-40:#fafafa66;--app-ink-25:#fafafa40;--app-muted-bg:#262626;--app-tab-on:#3a3a3a;--app-control:#1f1f1f;--ev-border:#ffffff0a;--ev-orange-bg:#75260e;--ev-orange-fg:#ffedd5;--ev-orange-stripe:#fb923c;--ev-orange-check:#75260e;--ev-red-bg:#731414;--ev-red-fg:#fee2e2;--ev-red-stripe:#f87171;--ev-red-check:#731414;--ev-amber-bg:#58420b;--ev-amber-fg:#feefc7;--ev-amber-stripe:#fbbf24;--ev-amber-check:#6c500a;--ev-green-bg:#114b26;--ev-green-fg:#dcfce7;--ev-green-stripe:#4ade80;--ev-green-check:#114b26;--ev-blue-bg:#153a68;--ev-blue-fg:#dbebfe;--ev-blue-stripe:#60a5fa;--ev-blue-check:#154885}}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ground-top:#121213;--ground-bottom:#0b0b0c;--ink:#fafafa;--ink-2:#b4b4b4;--muted:#8f8f8f;--hairline:#ffffff14;--surface:#0a0a0a;--card:#171717;--sidebar:#171717;--btn:#e5e5e5;--btn-hover:#fff;--btn-ink:#171717;--destructive:#ff6467;--notice:#262626;--notice-shadow:0 0 0 1px #ffffff1a, inset 0 1px 0 #ffffff0f, 0 22px 48px -12px #000000b3, 0 8px 16px -8px #00000080;--desk-bar:#1c1c1d;--control-shadow:0 0 0 1px #ffffff0f;--shadow-di:0 0 0 1px #ffffff1a, 0 1px 1px -.5px #0000004d, 0 3px 3px -1.5px #0000004d, 0 6px 6px -3px #0000004d, 0 12px 12px -6px #00000040, 0 24px 24px -12px #00000040, 0 24px 48px 2px #00000073;--app-divider:#ffffff14;--app-icon:#d4d4d4;--app-muted:#a1a1a1;--app-faint:#a1a1a173;--app-ink-80:#fafafacc;--app-ink-40:#fafafa66;--app-ink-25:#fafafa40;--app-muted-bg:#262626;--app-tab-on:#3a3a3a;--app-control:#1f1f1f;--ev-border:#ffffff0a;--ev-orange-bg:#75260e;--ev-orange-fg:#ffedd5;--ev-orange-stripe:#fb923c;--ev-orange-check:#75260e;--ev-red-bg:#731414;--ev-red-fg:#fee2e2;--ev-red-stripe:#f87171;--ev-red-check:#731414;--ev-amber-bg:#58420b;--ev-amber-fg:#feefc7;--ev-amber-stripe:#fbbf24;--ev-amber-check:#6c500a;--ev-green-bg:#114b26;--ev-green-fg:#dcfce7;--ev-green-stripe:#4ade80;--ev-green-check:#114b26;--ev-blue-bg:#153a68;--ev-blue-fg:#dbebfe;--ev-blue-stripe:#60a5fa;--ev-blue-check:#154885}*,:before,:after{box-sizing:border-box}body{font-family:var(--font);color:var(--ink);background-color:var(--ground-bottom);background-image:linear-gradient(180deg, var(--ground-top) 0, var(--ground-bottom) 1100px);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"cv11", "ss01";background-repeat:no-repeat;margin:0;font-size:16px;line-height:1.6}a{color:inherit}main{overflow-x:clip}:focus-visible{outline:2px solid var(--ink);outline-offset:3px;border-radius:6px}.wrap{width:100%;max-width:1120px;margin-inline:auto;padding-inline:clamp(16px,4vw,32px)}.site-header .wrap{justify-content:space-between;align-items:center;gap:16px;height:68px;display:flex}.brand{letter-spacing:-.02em;align-items:center;gap:10px;font-size:17px;font-weight:600;text-decoration:none;display:flex}.brand svg{width:26px;height:26px;display:block}.header-actions{align-items:center;gap:12px;display:flex}.lang-select{background:var(--card);height:36px;box-shadow:0 0 0 1px var(--hairline), var(--control-shadow);color:var(--ink-2);border-radius:8px;align-items:center;display:inline-flex;position:relative}.lang-select:hover{color:var(--ink)}.lang-select:focus-within{outline:2px solid var(--ink);outline-offset:3px}.lang-select svg{pointer-events:none;width:14px;height:14px;position:absolute}.lang-select .globe{left:11px}.lang-select .chev{right:10px}.lang-select select{appearance:none;color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:8px;height:100%;padding:0 30px 0 31px;font-size:13px;font-weight:500}.lang-select select:focus{outline:none}.btn{background:var(--btn);height:36px;color:var(--btn-ink);white-space:nowrap;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding-inline:14px;font-size:14px;font-weight:500;text-decoration:none;transition:background-color .15s,transform .15s;display:inline-flex;box-shadow:0 1px 2px #0000000d}.btn:hover{background:var(--btn-hover)}.btn:active{transform:translateY(1px)}.btn-lg{border-radius:10px;height:48px;padding-inline:22px;font-size:16px}.btn-lg svg{width:16px;height:16px;transition:transform .2s var(--ease-out-cubic)}.btn-lg:hover svg{transform:translate(3px)}@media (max-width:520px){.header-open{display:none}}.mark{width:var(--m,104px);aspect-ratio:1;--u:calc(var(--m,104px) / 206);flex-shrink:0;position:relative}.mark-tile{z-index:1;box-shadow:0 0 0 max(1px, var(--u)) #0000000f, 0 var(--u) var(--u) calc(var(--u) * -.5) #0000000f, 0 calc(var(--u) * 3) calc(var(--u) * 3) calc(var(--u) * -1.5) #0000000f, 0 calc(var(--u) * 6) calc(var(--u) * 6) calc(var(--u) * -3) #0000000f, 0 calc(var(--u) * 12) calc(var(--u) * 12) calc(var(--u) * -6) #0000000a, 0 calc(var(--u) * 24) calc(var(--u) * 24) calc(var(--u) * -12) #0000000a, 0 calc(var(--u) * 24) calc(var(--u) * 24) calc(var(--u) * 2) #0000001a;background:#fff;border-radius:22.33%;position:absolute;inset:0}.mark-svg{z-index:3;width:100%;height:100%;display:block;position:absolute;inset:0}.tagline,.feature h2,.closing h2{word-break:keep-all;overflow-wrap:anywhere}.hero{text-align:center;flex-direction:column;align-items:center;padding-block:clamp(48px,8vw,88px) 0;display:flex}.hero .mark{--m:clamp(112px, 16vw, 184px)}.wordmark{letter-spacing:-.03em;margin:28px 0 0;font-size:clamp(56px,9vw,100px);font-weight:600;line-height:1.05;display:flex}.wordmark span{display:inline-block}.tagline{letter-spacing:-.015em;color:var(--ink-2);text-wrap:balance;margin:18px 0 0;font-size:clamp(20px,3vw,30px);font-weight:500;line-height:1.3}.hero-desc{max-width:36em;color:var(--muted);text-wrap:pretty;margin:16px 0 0;font-size:16px;line-height:1.7}.hero-cta{margin-top:32px}.showcase{padding-block:clamp(40px,7vw,72px) clamp(56px,10vw,120px);overflow-x:clip}.stage{aspect-ratio:1280/860;width:max(100%,560px);position:relative}.window-enter{position:absolute;inset:0}.window{transform-origin:50%;will-change:transform;position:absolute;inset:0;transform:perspective(2400px)rotateX(34deg)rotateY(-22deg)rotate(6deg)scale(1.02)}.app{transform-origin:0 0;background:var(--surface);width:1280px;height:860px;color:var(--ink);box-shadow:var(--shadow-di);font-family:var(--font-inter), system-ui, sans-serif;letter-spacing:0;text-align:left;-webkit-user-select:none;user-select:none;border-radius:14px;font-size:14px;line-height:normal;display:flex;position:absolute;top:0;left:0;overflow:hidden}.app svg{display:block}.side{background:var(--sidebar);border-right:1px solid var(--app-divider);flex-direction:column;flex-shrink:0;width:240px;display:flex}.lights{gap:8px;height:38px;padding:13px 14px;display:flex}.lights i{border-radius:6px;width:12px;height:12px;box-shadow:inset 0 0 0 .5px #0000001f}.mini{padding:0 8px}.mini-head{justify-content:space-between;align-items:center;height:32px;padding:0 4px;display:flex}.mini-head b{font-weight:500}.mini-nav{color:var(--app-icon);align-items:center;gap:6px;font-size:13px;font-weight:500;display:flex}.mini-grid{text-align:center;grid-template-columns:repeat(7,1fr);row-gap:2px;display:grid}.mini-grid .wd{color:var(--app-muted);height:26px;font-size:12px;line-height:26px}.mini-grid .d{border-radius:6px;height:28px;font-size:13px;line-height:28px}.mini-grid .d.out{color:var(--app-faint)}.mini-grid .d.now{color:var(--destructive);font-weight:600}.cals{flex-direction:column;flex:1;gap:4px;padding:22px 8px 0;display:flex}.cals .acct{color:var(--app-muted);padding:0 0 2px 2px}.cal-row{align-items:center;gap:8px;padding:4px 4px 4px 8px;display:flex}.check{color:#fff;border-radius:4px;flex-shrink:0;place-items:center;width:16px;height:16px;display:grid}.check svg{width:12px;height:12px}.add-cal{padding:8px}.add-cal div{border:1px solid var(--hairline);background:var(--app-control);height:32px;box-shadow:var(--control-shadow);border-radius:8px;justify-content:center;align-items:center;gap:6px;font-weight:500;display:flex}.main{flex-direction:column;flex:1;min-width:0;display:flex}.bar1{align-items:center;height:38px;padding:0 6px 0 8px;display:flex}.bar1 .l,.bar1 .r{flex:1;gap:2px;display:flex}.bar1 .r{color:var(--app-icon);justify-content:flex-end;gap:6px}.ib{border-radius:6px;place-items:center;width:26px;height:26px;display:grid}.tabs{background:var(--app-muted-bg);border-radius:6px;grid-template-columns:repeat(3,1fr);height:28px;padding:1px;display:grid}.tabs div{border-radius:5px;place-items:center;padding:0 20px;font-size:13px;font-weight:500;display:grid}.tabs .on{background:var(--app-tab-on);box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f}.bar2{align-items:center;height:28px;padding:0 6px 0 12px;display:flex}.bar2 b{flex:1;font-size:15px;font-weight:500}.bar2 .nav{color:var(--app-icon);align-items:center;gap:2px;font-size:13px;font-weight:500;display:flex}.week{border-top:1px solid var(--hairline);flex-direction:column;flex:1;display:flex}.dayhead{border-bottom:1px solid var(--hairline);height:24px;font-size:12px;display:flex}.dayhead .c{color:var(--app-ink-80);justify-content:center;align-items:center;gap:4px;display:flex}.dayhead .today{background:var(--today);color:#fff;border-radius:6px;height:16px;padding:0 4px;font-weight:500;line-height:16px}.allday{border-bottom:1px solid var(--hairline);height:26px;display:flex;position:relative}.allday .gut{border-right:1px solid var(--hairline);width:52px}.grid{flex:1;display:flex;position:relative}.hours{border-right:1px solid var(--hairline);width:52px;color:var(--app-ink-40);flex-shrink:0;font-size:12px;position:relative}.hours div{position:absolute;right:5px}.hours .nowl{color:var(--ink)}.cols{flex:1;position:relative;overflow:hidden}.gl{background:var(--hairline);position:absolute}.ev{border:1px solid var(--ev-border);z-index:10;border-radius:4px;font-size:12px;line-height:16px;position:absolute;overflow:hidden}.ev:before{content:"";background:var(--stripe);width:4px;position:absolute;inset:0 auto 0 0}.ev .t{padding:4px 4px 4px 10px}.ev .t b{white-space:nowrap;text-overflow:ellipsis;font-weight:500;display:block;overflow:hidden}.ev .t span{opacity:.85;white-space:nowrap;display:block}.ev.ad{padding:0 8px;line-height:19px}.nowline{z-index:20;position:absolute}.nowline-bar{background:var(--ink);border-radius:2px;height:2px}.nowline-tick{background:var(--ink);border-radius:2px;width:2px;height:12px;position:absolute;top:-5px;left:0}.nowline-other{background:var(--app-ink-25);height:1px}.feature{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(32px,6vw,80px);padding-block:clamp(56px,9vw,112px);display:grid}.feature.flip .copy{order:2}.feature h2{letter-spacing:-.03em;text-wrap:balance;margin:0;font-size:clamp(32px,4.6vw,52px);font-weight:600;line-height:1.1}.feature p.body{max-width:30em;color:var(--ink-2);text-wrap:pretty;margin:20px 0 0;font-size:17px;line-height:1.7}.visual{justify-content:center;display:flex}@media (max-width:820px){.feature{grid-template-columns:minmax(0,1fr)}.feature.flip .copy{order:0}}.calcard{background:var(--sidebar);width:min(100%,360px);box-shadow:var(--shadow-di);border-radius:16px;flex-direction:column;gap:4px;padding:18px 12px 14px;font-size:15px;display:flex}.calcard .acct{color:var(--app-muted);padding:0 8px 4px;font-size:14px}.calcard .acct+.cal-row{margin-top:0}.calcard .gap{height:14px}.calcard .cal-row{gap:10px;padding:6px 8px}.calcard .check{border-radius:5px;width:18px;height:18px}.calcard .check svg{width:13px;height:13px}.desk{aspect-ratio:520/300;background:var(--card);width:min(100%,520px);min-height:220px;box-shadow:var(--shadow-di);border-radius:18px;position:relative;overflow:hidden}.desk-bar{height:30px;color:var(--ink-2);border-bottom:1px solid var(--hairline);background:var(--desk-bar);font-variant-numeric:tabular-nums;justify-content:flex-end;align-items:center;gap:14px;padding-inline:16px;font-size:12.5px;font-weight:500;display:flex}.desk-grid{background-image:linear-gradient(90deg, var(--hairline) 1px, transparent 1px), linear-gradient(180deg, var(--hairline) 1px, transparent 1px);opacity:.7;background-size:14.2857% 100%,100% 44px;position:absolute;inset:30px 0 0;-webkit-mask-image:linear-gradient(#000 20%,#0000 100%);mask-image:linear-gradient(#000 20%,#0000 100%)}.notice{background:var(--notice);max-width:400px;box-shadow:var(--notice-shadow);border-radius:12px;justify-content:space-between;align-items:center;gap:12px;margin-left:auto;padding:16px;font-size:14px;line-height:1.15;display:flex;position:absolute;top:44px;left:14px;right:14px}.notice .txt{flex-direction:column;gap:6px;min-width:0;display:flex}.notice .txt b{white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.notice .txt span{white-space:nowrap;font-variant-numeric:tabular-nums}.notice .join{background:var(--btn);height:36px;color:var(--btn-ink);white-space:nowrap;border-radius:8px;flex-shrink:0;align-items:center;padding-inline:12px;font-weight:500;display:flex}.closing{text-align:center;flex-direction:column;align-items:center;padding-block:clamp(72px,11vw,136px) calc(clamp(56px,9vw,112px) + clamp(72px,11vw,136px) - 28px);display:flex}.closing .mark{--m:64px}.closing h2{letter-spacing:-.035em;text-wrap:balance;margin:24px 0 0;font-size:clamp(36px,5.4vw,64px);font-weight:600;line-height:1.08}.closing .btn{margin-top:32px}.site-footer .foot{color:var(--muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding-block:28px 40px;font-size:14px;display:flex}.site-footer nav{flex-wrap:wrap;align-items:center;gap:20px;display:flex}.site-footer a{text-underline-offset:4px;text-decoration:none}.site-footer a:hover{color:var(--ink);text-decoration:underline}.site-footer .x svg{width:16px;height:16px;display:block}.legal{max-width:720px;color:var(--ink-2);overflow-wrap:anywhere;margin-inline:auto;padding-block:clamp(40px,7vw,72px) clamp(56px,9vw,96px);font-size:15px;line-height:1.8}.legal header{margin-bottom:32px}.legal h1{color:var(--ink);letter-spacing:-.02em;margin:0;font-size:clamp(28px,4vw,36px);font-weight:600;line-height:1.25}.legal-updated{color:var(--muted);margin:8px 0 0;font-size:14px}.legal section{margin-top:36px}.legal h2{color:var(--ink);margin:0 0 8px;font-size:17px;font-weight:600;line-height:1.5}.legal p{margin:0 0 12px}.legal ul{margin:0 0 12px;padding-left:1.4em}.legal li+li{margin-top:4px}.legal a{color:var(--ink);text-underline-offset:3px}@keyframes rise{0%{opacity:0;filter:blur(10px);transform:translateY(.48em)}to{opacity:1;filter:none;transform:none}}@keyframes up{0%{opacity:0;filter:blur(6px);transform:translateY(18px)}to{opacity:1;filter:none;transform:none}}@keyframes winIn{0%{opacity:0;filter:blur(10px)}to{opacity:1;filter:none}}@keyframes drop{0%{opacity:0;filter:blur(12px);transform:translateY(-28px)scale(1.4)}to{opacity:1;filter:none;transform:none}}@keyframes slide{0%{opacity:0;transform:translateX(var(--dx,-50px));filter:blur(6px)}to{opacity:1;filter:none;transform:none}}@keyframes fadeBlur{0%{opacity:0;filter:blur(8px)}to{opacity:1;filter:none}}@keyframes swoosh{0%{opacity:0;filter:url(#hb-24);transform:translate(calc(100% + 40px))}12%{opacity:1}30%{filter:url(#hb-12)}55%{filter:url(#hb-4)}to{opacity:1;filter:none;transform:none}}@media (prefers-reduced-motion:no-preference){.hero .mark{animation:up .8s var(--ease-out-cubic) 0s both}.wordmark span{animation:rise .7s var(--ease-out-quint) calc(.15s + var(--i) * 45ms) both}.tagline{animation:up .7s var(--ease-out-cubic) .6s both}.hero-desc{animation:up .7s var(--ease-out-cubic) .73s both}.hero-cta{animation:up .7s var(--ease-out-cubic) .85s both}.window-enter{animation:winIn .9s var(--ease-out-cubic) .5s both}[data-play=pending] :is(.a-drop,.a-slide,.a-fade){opacity:0}[data-play=in] .a-drop{animation:drop .6s var(--ease-out-quint) var(--d) both}[data-play=in] .a-slide{animation:slide .55s var(--ease-out-cubic) var(--d) both}[data-play=in] .a-fade{animation:fadeBlur .55s var(--ease-out-cubic) var(--d) both}[data-reveal=pending] .r-slide,[data-reveal=pending] .notice{opacity:0}[data-reveal=in] .r-slide{animation:slide .5s var(--ease-out-cubic) var(--d) both}[data-reveal=in] .notice{animation:swoosh .6s var(--ease-out-quint) .25s both}}
