.unlock{box-sizing:border-box;background:#f8fafc;flex:1;justify-content:center;align-items:center;min-height:0;padding:24px;display:flex}.unlock__card{box-sizing:border-box;background:#fff;border-radius:14px;flex-direction:column;gap:14px;width:400px;max-width:100%;padding:28px;display:flex;box-shadow:0 20px 50px #0f172a2e}.unlock__title{letter-spacing:-.01em;color:#0f172a;margin:0;font-size:1.35rem;font-weight:700}.unlock__intro{color:#64748b;margin:-6px 0 2px;font-size:.85rem;line-height:1.45}.unlock__field{flex-direction:column;gap:6px;display:flex}.unlock__label{color:#475569;font-size:.75rem;font-weight:600}.unlock__input{box-sizing:border-box;width:100%;font:inherit;color:#0f172a;background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:10px 12px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.9rem}.unlock__input:focus{border-color:#2563eb;outline:none;box-shadow:0 0 0 3px #2563eb26}.unlock__input[aria-invalid=true]{border-color:#fca5a5}.unlock__input:disabled{color:#64748b;background:#f8fafc}.unlock__error{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;margin:0;padding:9px 11px;font-size:.8rem;line-height:1.45}.unlock__submit{font:inherit;color:#fff;cursor:pointer;background:#2563eb;border:1px solid #2563eb;border-radius:8px;padding:10px 14px;font-size:.9rem;font-weight:600}.unlock__submit:hover:not(:disabled){background:#1d4ed8;border-color:#1d4ed8}.unlock__submit:disabled{opacity:.55;cursor:not-allowed}.unlock__hint{color:#94a3b8;text-align:center;margin:0;font-size:.75rem;line-height:1.5}.unlock__activating{color:#64748b;margin:0;font-size:.85rem;line-height:1.45;animation:1.4s ease-in-out infinite unlock-activating-pulse}@keyframes unlock-activating-pulse{0%,to{opacity:.5}50%{opacity:1}}.sign-in__link{font:inherit;color:var(--action);text-underline-offset:2px;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.sign-in__link:hover{color:var(--action-hover)}.sign-in__secondary{font-size:var(--text-secondary);color:var(--ink-muted);text-underline-offset:2px;cursor:pointer;background:0 0;border:0;align-self:center;margin-top:4px;padding:0;text-decoration:underline}.sign-in__secondary:hover{color:var(--ink)}.sign-in__code{letter-spacing:.16em;text-align:center;text-transform:uppercase;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:20px}.sign-in__webmail{text-align:center;text-decoration:none;display:block}.sign-in__code-row{gap:8px;display:flex}.sign-in__code-row .unlock__input{flex:1;min-width:0}.sign-in__code-submit{font:inherit;color:#2563eb;white-space:nowrap;cursor:pointer;background:#fff;border:1px solid #bfdbfe;border-radius:8px;padding:10px 14px;font-size:.9rem;font-weight:600}.sign-in__code-submit:hover:not(:disabled){background:#eff6ff}.sign-in__code-submit:disabled{opacity:.55;cursor:not-allowed}.start-preview{--drop-from:1.1s;--drop-step:.14s;gap:var(--space-3);flex-direction:column;margin:0;display:flex;container-type:inline-size}.start-preview:not(.start-preview--playing) *{animation-play-state:paused}.start-preview__heading{font-size:var(--text-primary);font-weight:var(--weight-medium);color:var(--ink-strong);margin:0}.start-preview__window{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-panel);box-shadow:var(--shadow-pop);animation:.5s cubic-bezier(.2,.7,.3,1) both start-preview-rise;overflow:hidden}.start-preview__bar{justify-content:space-between;align-items:flex-start;gap:var(--space-3);padding:var(--space-3);border-bottom:1px solid var(--hairline);display:flex}.start-preview__todos{gap:var(--space-1) var(--space-3);flex:1;grid-template-columns:repeat(2,minmax(0,1fr));min-width:0;margin:0;padding:0;list-style:none;display:grid}.start-preview__todo{min-width:0;font-size:var(--text-tertiary);color:var(--ink);animation:.25s ease-out both start-preview-done;animation-delay:calc(var(--drop-from) + var(--order) * var(--drop-step) + .2s);align-items:center;gap:6px;display:flex}.start-preview__tick{box-sizing:border-box;border:1.5px solid var(--tick);background:var(--tick-fill,transparent);border-radius:50%;flex:none;width:11px;height:11px}.start-preview__todo--task{--tick:var(--task-accent)}.start-preview__todo--goal{--tick:var(--goal-accent)}.start-preview__todo-label{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.start-preview__todo-meta{color:var(--ink-faint);font-variant-numeric:tabular-nums;flex:none}.start-preview__reschedule{border-radius:var(--radius-control);background:var(--action);color:#fff;font-size:var(--text-tertiary);font-weight:var(--weight-medium);flex:none;padding:5px 10px;animation:.35s ease-in-out .9s both start-preview-press}.start-preview__grid{--slot:15px;grid-template-columns:26px repeat(var(--days), minmax(0, 1fr));grid-template-rows:22px repeat(var(--slots), var(--slot));padding:0 var(--space-2) var(--space-2) 0;column-gap:3px;display:grid}.start-preview__day{font-size:var(--text-tertiary);color:var(--ink-muted);place-self:center}.start-preview__hour{font-size:var(--text-dense-meta);color:var(--ink-faint);font-variant-numeric:tabular-nums;justify-self:end;padding-right:4px;line-height:1;transform:translateY(-5px)}.start-preview__column{background:var(--surface-raised);border-radius:4px}.start-preview__block{z-index:1;border:1px solid var(--block-border);border-left:3px solid var(--block-accent);background:var(--block-tint);min-width:0;color:var(--block-text);font-size:var(--text-dense-meta);font-weight:var(--weight-medium);white-space:nowrap;text-overflow:ellipsis;border-radius:4px;margin:1px 0;padding:2px 4px;line-height:1.2;overflow:hidden}.start-preview__block--event{--block-tint:var(--event-tint);--block-accent:var(--event-accent);--block-border:var(--event-border);--block-text:var(--event-text)}.start-preview__block--task{--block-tint:var(--task-tint);--block-accent:var(--task-accent);--block-border:var(--task-border);--block-text:var(--task-text)}.start-preview__block--goal{--block-tint:var(--goal-tint);--block-accent:var(--goal-accent);--block-border:var(--goal-border);--block-text:var(--goal-text)}.start-preview__block--placed{animation:.42s cubic-bezier(.25,1.3,.5,1) both start-preview-drop;animation-delay:calc(var(--drop-from) + var(--order) * var(--drop-step))}.start-preview__caption{font-size:var(--text-secondary);line-height:var(--leading-body);color:var(--ink-muted)}@keyframes start-preview-rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes start-preview-press{0%,to{background:var(--action);transform:none}45%{background:var(--action-hover);transform:scale(.94)}}@keyframes start-preview-drop{0%{opacity:0;transform:translateY(-22px)}60%{opacity:1}to{opacity:1;transform:none}}@keyframes start-preview-done{0%{opacity:1}to{opacity:.5;--tick-fill:var(--tick)}}.start-preview__todo{--tick-fill:transparent}@property --tick-fill{syntax:"<color>";inherits:true;initial-value:#0000}@container (width<=440px){.start-preview__bar{flex-direction:column;align-items:stretch}.start-preview__reschedule{align-self:flex-end}.start-preview__grid{--slot:13px}}@media (prefers-reduced-motion:reduce){.start-preview__window,.start-preview__reschedule,.start-preview__block--placed,.start-preview__todo{animation-duration:0s;animation-play-state:running;animation-delay:0s}}.start{box-sizing:border-box;background:var(--surface-frame);flex:1;min-height:0;padding:24px;display:flex;overflow-y:auto}.start__frame{background:var(--surface);width:100%;max-width:940px;box-shadow:var(--shadow-dialog);border-radius:14px;grid-template-columns:minmax(0,380px) minmax(0,1fr);margin:auto;display:grid;overflow:hidden}.start__pane{flex-direction:column;gap:20px;padding:32px;display:flex}.start__aside{background:var(--surface-raised);border-left:1px solid var(--hairline);align-items:center;padding:32px;display:flex}.start__aside>*{width:100%}.start__brand{align-items:center;gap:var(--space-2);font-size:var(--text-primary);font-weight:var(--weight-medium);color:var(--ink-strong);display:flex}.start__mark{border-radius:5px}.start__form{flex-direction:column;gap:14px;display:flex}.start__title{text-wrap:balance;font-size:24px;line-height:var(--leading-tight);font-weight:var(--weight-title);letter-spacing:var(--tracking-title);color:var(--ink-strong);margin:0}.start__lede{font-size:var(--text-primary);line-height:var(--leading-body);color:var(--ink-muted);margin:-4px 0 2px}.start__lede strong{color:var(--ink-strong);font-weight:var(--weight-medium);overflow-wrap:anywhere}.start__input{font-family:var(--sans)}.start__promises,.start__note{font-size:var(--text-tertiary);line-height:var(--leading-body);color:var(--ink-muted);margin:0}.start__promises{text-align:center}.start__note .sign-in__link:disabled{color:var(--ink-muted);cursor:default;text-decoration:none}.start__others{gap:var(--space-1);border-top:1px solid var(--hairline);font-size:var(--text-tertiary);line-height:var(--leading-body);color:var(--ink-muted);flex-direction:column;padding-top:16px;display:flex}.start__others p{margin:0}.start__steps{counter-reset:none;flex-direction:column;gap:10px;margin:auto 0 0;padding:0;list-style:none;display:flex}.start__step{font-size:var(--text-secondary);color:var(--ink-faint);align-items:center;gap:10px;display:flex}.start__step-n{box-sizing:border-box;border:1px solid var(--line);width:22px;height:22px;font-size:var(--text-tertiary);font-variant-numeric:tabular-nums;color:var(--ink-faint);border-radius:50%;flex:none;place-items:center;display:grid}.start__step--now{color:var(--ink-strong);font-weight:var(--weight-medium)}.start__step--now .start__step-n{border-color:var(--action);background:var(--action);color:#fff}.start__step--done{color:var(--ink-muted)}.start__step--done .start__step-n{border-color:var(--action);color:var(--action)}@media (width<=760px){.start{padding:16px}.start__frame{grid-template-columns:minmax(0,1fr)}.start__pane,.start__aside{padding:24px 20px}.start__aside{border-left:0;border-top:1px solid var(--hairline)}.start__title{font-size:var(--text-display)}}@media (width<=380px){.start{padding:0}.start__frame{box-shadow:none;border-radius:0}}.sync-gate-backdrop{z-index:40;background:#00000059;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.sync-gate{box-sizing:border-box;background:var(--surface);border-radius:10px;flex-direction:column;gap:10px;width:420px;max-width:calc(100vw - 32px);max-height:calc(100vh - 32px);padding:20px;display:flex;overflow-y:auto;box-shadow:0 10px 30px #0003}.sync-gate__title{font-size:var(--text-display);font-weight:var(--weight-title);color:var(--ink-strong);margin:0}.sync-gate__body{font-size:var(--text-secondary);color:#374151;margin:0;line-height:1.45}.sync-gate__body--warning{color:var(--ink);font-weight:var(--weight-medium)}.sync-gate__actions{border-top:1px solid var(--hairline);justify-content:flex-end;gap:8px;margin-top:4px;padding-top:12px;display:flex}.sync-gate__btn{border:1px solid var(--line);border-radius:var(--radius-control);background:var(--surface);font:inherit;font-size:var(--text-secondary);font-weight:var(--weight-medium);color:var(--ink);cursor:pointer;padding:7px 12px}.sync-gate__btn:hover:not(:disabled){background:#f8fafc;border-color:#cbd5e1}.sync-gate__btn--primary{color:#fff;background:#2563eb;border-color:#2563eb}.sync-gate__btn--primary:hover:not(:disabled){background:#1d4ed8;border-color:#1d4ed8}.sync-gate__btn:disabled{opacity:.6;cursor:default}
