:root{color-scheme:light;--background:#f7f8fb;--surface:#fff;--text:#172033;--muted:#687386;--line:#e1e5ec;--blue:#1a73e8;--blue-dark:#1559b7;--red:#d93025;--event-blue:#dce9ff;--event-blue-border:#86aef1;--event-purple:#eee4f8;--event-purple-border:#c3a8e4;--event-green:#dff2e4;--event-green-border:#81c995;--event-yellow:#fef2cc;--event-yellow-border:#e8c968;--event-orange:#fce7d6;--event-orange-border:#e7a66f;--time-column:72px;--header-height:76px;--hour-height:64px;--half-hour:32px;--day-width:calc((100% - var(--time-column)) / 3);--shadow:0 26px 70px #25344e1f;--space-1:8px;--space-2:16px;--space-3:24px;--space-4:32px;--space-5:48px;--space-6:64px;font-synthesis:none;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:radial-gradient(circle at 50% -12%, #1a73e814, transparent 34rem), var(--background);min-height:100vh;color:var(--text);-webkit-font-smoothing:antialiased;margin:0}a{color:inherit}button,input,textarea{font:inherit}.page-shell{flex-direction:column;min-height:100svh;display:flex}.landing-main,.content-page,.not-found-page,.site-footer{width:min(1080px,100% - 40px);margin-inline:auto}.site-footer nav{gap:24px;display:flex}.site-footer nav a{color:var(--muted);font-size:15px;font-weight:620;text-decoration:none}.site-footer nav a:hover{color:var(--text)}.landing-main{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:52px 0 16px;display:flex}.app-icon img{border-radius:17px;width:66px;height:66px;display:block;box-shadow:0 12px 28px #1a73e840}h1,h2,p{margin-top:0}.landing-main h1{letter-spacing:-.055em;margin:30px 0 0;font-size:clamp(46px,7.5vw,76px);font-weight:760;line-height:.98}.tagline{max-width:720px;color:var(--muted);margin:22px auto 0;font-size:clamp(22px,3vw,29px);line-height:1.35}.primary-button{background:var(--blue);color:#fff;cursor:pointer;border:0;border-radius:12px;justify-content:center;align-items:center;min-height:50px;margin-top:28px;padding:0 25px;font-size:18px;font-weight:700;text-decoration:none;transition:background .16s,transform .16s;display:inline-flex;box-shadow:0 9px 22px #1a73e838}.primary-button:hover{background:var(--blue-dark);transform:translateY(-1px)}.primary-button:disabled{cursor:default;opacity:.6;transform:none}.demo-shell{border:1px solid var(--line);background:var(--surface);width:min(940px,100%);box-shadow:var(--shadow);text-align:left;border-radius:22px;margin:50px auto 0;overflow:hidden}.calendar-grid{height:calc(var(--header-height) + var(--hour-height) * 7);background:#fff;position:relative;overflow:hidden}.calendar-body-grid{inset:var(--header-height) 0 0 var(--time-column);background:repeating-linear-gradient(to bottom, transparent 0, transparent calc(var(--hour-height) - 1px), var(--line) calc(var(--hour-height) - 1px), var(--line) var(--hour-height)), linear-gradient(to right, transparent calc(33.333% - 1px), var(--line) calc(33.333% - 1px), var(--line) 33.333%, transparent 33.333%, transparent calc(66.666% - 1px), var(--line) calc(66.666% - 1px), var(--line) 66.666%, transparent 66.666%);position:absolute}.calendar-header{height:var(--header-height);grid-template-columns:var(--time-column) repeat(3, minmax(0, 1fr));border-bottom:1px solid var(--line);display:grid;position:absolute;inset:0 0 auto}.calendar-corner,.day-heading{border-right:1px solid var(--line)}.day-heading{flex-direction:column;justify-content:center;align-items:center;gap:4px;display:flex}.day-heading strong{color:var(--muted);letter-spacing:.08em;font-size:12px}.day-heading span{color:#30394a;border-radius:50%;place-items:center;width:38px;height:38px;font-size:22px;font-weight:560;display:grid}.day-heading.today strong{color:var(--blue)}.day-heading.today span{background:var(--blue);color:#fff}.time-labels{inset:var(--header-height) auto 0 0;width:var(--time-column);grid-template-rows:repeat(7, var(--hour-height));border-right:1px solid var(--line);display:grid;position:absolute}.time-labels span{color:#929bad;text-align:right;padding:11px 11px 0 0;font-size:12px}.event{z-index:2;width:calc(var(--day-width) - 16px);border-left:4px solid var(--event-blue-border);background:var(--event-blue);color:#214f91;border-radius:7px;min-height:48px;padding:9px 11px;position:absolute;overflow:hidden}.day-one{left:calc(var(--time-column) + 8px)}.day-two{left:calc(var(--time-column) + var(--day-width) + 8px)}.day-three{left:calc(var(--time-column) + var(--day-width) + var(--day-width) + 8px)}.start-7{top:calc(var(--header-height) + 6px)}.start-8{top:calc(var(--header-height) + var(--hour-height) + 6px)}.start-9{top:calc(var(--header-height) + var(--hour-height) * 2 + 6px)}.start-9-30{top:calc(var(--header-height) + var(--hour-height) * 2 + var(--half-hour) + 6px)}.start-9-45{top:calc(var(--header-height) + var(--hour-height) * 2 + var(--hour-height) * .75 + 6px)}.start-10{top:calc(var(--header-height) + var(--hour-height) * 3 + 6px)}.start-10-30{top:calc(var(--header-height) + var(--hour-height) * 3 + var(--half-hour) + 6px)}.start-11{top:calc(var(--header-height) + var(--hour-height) * 4 + 6px)}.start-11-30{top:calc(var(--header-height) + var(--hour-height) * 4 + var(--half-hour) + 6px)}.start-12{top:calc(var(--header-height) + var(--hour-height) * 5 + 6px)}.duration-0-5{height:calc(var(--half-hour) - 8px);min-height:26px;padding-top:4px;padding-bottom:4px}.duration-0-5 .event-time{display:none}.duration-0-5 .event-title{font-size:13px;line-height:1.15}.duration-0-75{height:calc(var(--hour-height) * .75 - 8px);min-height:40px;padding-top:5px;padding-bottom:5px}.duration-0-75 .event-time{margin-bottom:1px;font-size:9px}.duration-0-75 .event-title{font-size:12px;line-height:1.15}.duration-1{height:calc(var(--hour-height) - 12px)}.duration-1-5{height:calc(var(--hour-height) + var(--half-hour) - 12px)}.duration-2{height:calc(var(--hour-height) * 2 - 12px)}.duration-2-25{height:calc(var(--hour-height) * 2 + var(--hour-height) * .25 - 12px)}.duration-2-5{height:calc(var(--hour-height) * 2 + var(--half-hour) - 12px)}.duration-3{height:calc(var(--hour-height) * 3 - 12px)}.event.purple{border-left-color:var(--event-purple-border);background:var(--event-purple);color:#6a448c}.event.green{border-left-color:var(--event-green-border);background:var(--event-green);color:#356b45}.event.yellow{border-left-color:var(--event-yellow-border);background:var(--event-yellow);color:#765f1f}.event.orange{border-left-color:var(--event-orange-border);background:var(--event-orange);color:#8a4e26}.event-time{opacity:.74;margin-bottom:4px;font-size:11px;font-weight:650;display:block}.event-title{text-overflow:ellipsis;white-space:nowrap;align-items:center;font-size:15px;font-weight:700;display:flex;overflow:hidden}.checkmark{opacity:0;transform-origin:50%;flex:none;max-width:0;line-height:1;transition:max-width .28s,opacity .22s,transform .32s cubic-bezier(.2,.9,.25,1.25);display:inline-block;overflow:hidden;transform:scale(.5)}.event.completed .checkmark{opacity:1;max-width:28px;margin-right:2px;transform:scale(1)}.current-time-line{z-index:4;left:calc(var(--time-column) + var(--day-width));width:var(--day-width);background:var(--red);pointer-events:none;height:2px;display:none;position:absolute}.current-time-line:before{background:var(--red);content:"";border-radius:50%;width:12px;height:12px;position:absolute;top:-5px;left:-6px}.input-badge{z-index:6;pointer-events:none;align-items:center;gap:8px;transition:top .66s cubic-bezier(.22,.75,.24,1),left .66s cubic-bezier(.22,.75,.24,1);display:flex;position:absolute;top:calc(100% - 52px);left:calc(100% - 88px)}.input-badge:after{content:"";opacity:0;border:2px solid #1a73e8a6;border-radius:50%;width:18px;height:18px;position:absolute;top:2px;right:18px;transform:translate(50%,-50%)scale(.35)}.input-badge.is-clicking:after{animation:.32s ease-out click-ripple}.keyboard-key{color:#555955;text-align:center;vertical-align:middle;white-space:nowrap;background:radial-gradient(at 50% 42%,#f8f8f5 0%,#eeeeea 58%,#e4e5e1 100%);border:1px solid #b9bab6;border-bottom:4px solid #8e908c;border-radius:7px;flex-direction:column;justify-content:center;align-items:center;width:50px;min-width:50px;height:44px;min-height:44px;padding:4px 3px 5px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:400;line-height:1;display:inline-flex;box-shadow:inset 0 1px #fffffff2,0 1px 2px #222f451f}.key-symbol{align-self:flex-end;height:13px;margin-right:3px;font-size:13px;line-height:12px}.key-label{letter-spacing:.01em;font-size:11px;line-height:12px}.cursor{filter:drop-shadow(0 3px 3px #00000026);transform-origin:3px 2px;width:24px;height:31px;transition:transform 90ms;transform:rotate(-12deg)}.input-badge.is-clicking .cursor{transform:rotate(-12deg)scale(.82)}.modifier-demo{width:min(940px,100%);min-height:44px;color:var(--muted);justify-content:center;align-items:center;gap:9px;margin:12px auto 0;font-size:14px;font-weight:620;display:flex}.modifier-demo .keyboard-key{width:50px;min-width:50px;height:44px;min-height:44px;transition:border-width .1s,box-shadow .1s,color .1s,background .1s,transform .1s}.modifier-demo.is-pressing .keyboard-key,.welcome-instruction.is-pressing .keyboard-key{color:#30394a;background:#e4e7ec;border-color:#aeb6c2;border-bottom-width:1px;transform:translateY(3px)scale(.98);box-shadow:inset 0 2px 4px #313c4e29,0 1px 2px #222f4514}@keyframes click-ripple{0%{opacity:.9;transform:translate(50%,-50%)scale(.35)}to{opacity:0;transform:translate(50%,-50%)scale(1.35)}}.content-page{flex:1;padding:80px 0 72px}.content-page.vertically-centered{flex-direction:column;justify-content:center;display:flex}.content-page h1,.not-found-page h1{letter-spacing:-.05em;max-width:760px;margin-bottom:24px;font-size:clamp(44px,6vw,68px);line-height:1}.welcome-page{text-align:center;align-items:center;max-width:720px}.welcome-page>p{max-width:660px;margin-inline:auto}.prose-page{max-width:720px}.prose-page h2{letter-spacing:-.025em;margin:42px 0 12px;font-size:25px}.prose-page p,.prose-page li,.welcome-page>p{color:#4f5b70;font-size:17px;line-height:1.7}.prose-page ol{padding-left:22px}.gesture-line{align-items:center;gap:11px;font-weight:650;display:flex;color:var(--text)!important}.welcome-instruction{justify-content:center;align-items:center;gap:9px;display:flex}.form-page{max-width:760px}.feedback-card{margin-top:36px}.submission-target{opacity:0;pointer-events:none;border:0;width:1px;height:1px;position:absolute}.feedback-form{gap:22px;display:grid}.field-label>span{margin-bottom:10px;font-weight:700;display:block}.field-label textarea,.field-label input{width:100%;color:var(--text);background:#fff;border:1px solid #ccd3df;border-radius:11px;outline:none;font-size:16px}.field-label textarea{resize:vertical;min-height:190px;padding:13px 14px}.field-label input{min-height:48px;padding:0 14px}.field-label textarea:focus,.field-label input:focus{border-color:var(--blue);box-shadow:0 0 0 3px #1a73e81f}.feedback-form .primary-button{justify-self:start;margin:0}.form-status{color:#246d3d;margin:0;font-weight:700}.home-link{width:max-content;margin:var(--space-5) auto 0;color:var(--muted);font-size:17px;font-weight:650;text-decoration:none;display:block}.home-link:hover{color:var(--text)}.reinstall-note{color:var(--muted);margin-top:28px}.reinstall-note a{color:var(--blue)}.utility-page>*{margin-top:0;margin-bottom:0}.utility-page>*+*{margin-top:var(--space-4)}.utility-page>h2{margin-top:var(--space-5)}.utility-page>h2+p,.utility-page>h2+.gesture-line{margin-top:var(--space-2)}.utility-page>.home-link{margin-top:var(--space-6)}.utility-page>.feedback-card{margin-top:var(--space-4)}.utility-page>.reinstall-note{margin-top:var(--space-3)}.single-event-demo{border:1px solid var(--line);text-align:left;background:#fff;border-radius:16px;width:min(520px,100%);height:126px;margin-inline:auto;position:relative;overflow:hidden;box-shadow:0 18px 44px #25344e1a}.single-event-demo:before{background:var(--line);content:"";width:1px;position:absolute;top:0;bottom:0;left:66px}.single-time{color:#929bad;text-align:center;width:66px;font-size:12px;position:absolute;top:24px;left:0}.single-event-demo .compact-event{width:auto;height:86px;top:18px;left:78px;right:18px}.not-found-page{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:80px 0;display:flex}.not-found-page h1{margin-inline:auto}.site-footer{justify-content:center;align-items:center;min-height:96px;padding:20px 0;display:flex;position:relative}.maker-badge{z-index:10;color:#586276;backdrop-filter:blur(14px);background:#ffffffe8;border:1px solid #1720331f;border-radius:999px;align-items:center;gap:10px;padding:8px 12px 8px 9px;font-size:14px;font-weight:580;text-decoration:none;transition:color .16s,transform .16s,box-shadow .16s;display:flex;position:fixed;bottom:20px;right:20px;box-shadow:0 8px 28px #1d293e1c}.maker-badge:hover{color:var(--text);transform:translateY(-2px);box-shadow:0 12px 32px #1d293e29}.maker-photo{object-fit:cover;border-radius:50%;flex:none;width:26px;height:26px}.maker-badge strong{color:var(--text);font-weight:720}.maker-arrow{color:#9199a7;font-size:14px}@media (width<=680px){:root{--time-column:48px;--header-height:64px;--hour-height:54px;--half-hour:27px}.landing-main,.content-page,.not-found-page,.site-footer{width:min(100% - 24px,1080px)}.landing-main{padding-top:38px}.app-icon img{width:58px;height:58px}.demo-shell{border-radius:16px;margin-top:40px}.day-heading strong{font-size:10px}.day-heading span{width:32px;height:32px;font-size:17px}.time-labels span{padding-right:6px;font-size:10px}.event{width:calc(var(--day-width) - 10px);padding:6px 7px}.day-one{left:calc(var(--time-column) + 5px)}.day-two{left:calc(var(--time-column) + var(--day-width) + 5px)}.day-three{left:calc(var(--time-column) + var(--day-width) * 2 + 5px)}.event-time{display:none}.single-event-demo .event-time{display:block}.event-title{font-size:11px}.cursor{width:20px;height:27px}.content-page{padding-top:54px}.maker-badge{width:max-content;margin:28px auto 0;position:static}.site-footer{flex-direction:column;padding-bottom:26px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}