.sheet-backdrop{z-index:20;background:#00000057;align-items:end;display:grid;position:fixed;inset:0}.sheet-surface{width:min(100%,48rem);max-height:min(90dvh,56rem);padding:var(--space-4) calc(var(--safe-right) + var(--space-3)) calc(var(--safe-bottom) + var(--space-4)) calc(var(--safe-left) + var(--space-3));border:1px solid var(--color-border);border-radius:var(--radius-lg) var(--radius-lg) 0 0;background:var(--color-surface-raised);box-shadow:var(--shadow-lg);margin-inline:auto;position:relative;overflow:auto}.sheet-header{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.sheet-header h2{margin:0}.sheet-header button{min-width:2.75rem;min-height:2.75rem}.sheet-content{margin-top:var(--space-4)}.sheet-confirm{padding:var(--space-4);background:var(--color-surface-raised);align-content:center;display:grid;position:absolute;inset:0}.sheet-confirm div{gap:var(--space-2);justify-content:flex-end;display:flex}@media (width>=48rem){.sheet-backdrop{padding:var(--space-4);align-items:center}.sheet-surface{border-radius:var(--radius-lg)}}.product-share-dialog{gap:var(--space-2);display:grid}.product-share-preview{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-canvas);max-width:36rem;overflow:hidden}.product-share-preview svg{width:100%;height:auto;display:block}.product-share-actions{justify-content:flex-end;gap:var(--space-2);flex-wrap:wrap;display:flex}.product-share-actions button{min-height:2.75rem}.product-events-page{width:min(var(--page-max), 100%);min-height:100%;padding:calc(var(--safe-top) + var(--space-2)) calc(var(--safe-right) + var(--page-gutter)) calc(var(--safe-bottom) + var(--space-4)) calc(var(--safe-left) + var(--page-gutter));overflow-wrap:anywhere;margin-inline:auto}.product-events-page button,.product-events-page input,.product-events-page select,.product-event-editor button,.product-event-editor input,.product-event-editor select,.product-event-editor textarea{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);min-width:2.75rem;min-height:2.75rem;color:var(--color-ink)}.product-events-header-actions,.product-event-actions,.product-event-editor-actions,.product-event-editor-row{gap:var(--space-1);flex-wrap:wrap;align-items:center;display:flex}.product-events-header-actions{position:relative}.product-events-menu{z-index:3;top:calc(100% + var(--space-1));min-width:12rem;padding:var(--space-1);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-raised);box-shadow:var(--shadow-lg);position:absolute;right:0}.product-events-filters{gap:var(--space-2);margin-block:var(--space-3);grid-template-columns:minmax(0,1fr) minmax(10rem,auto);display:grid}.product-events-filters label,.product-event-editor label{gap:.35rem;min-width:0;display:grid}.product-events-filters input,.product-events-filters select,.product-event-editor input:not([type=checkbox]),.product-event-editor select,.product-event-editor textarea{width:100%;padding-inline:var(--space-1)}.product-events-list,.product-events-section,.product-event-editor,.product-event-editor-advanced,.product-event-editor-recurrence{gap:var(--space-2);display:grid}.product-events-section{margin-block:var(--space-3)}.product-events-section>h2{color:var(--color-muted);margin:0;font-size:1rem}.product-event-card,.product-events-empty,.product-reminder-warning{padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-sm)}.product-event-card{gap:var(--space-2);grid-template-columns:minmax(0,1fr) auto;display:grid}.product-event-card h2,.product-event-card p{margin-top:0}.product-event-card h2{font-size:1.125rem}.product-event-card time,.product-reminder-status{color:var(--color-muted)}.product-event-actions{justify-content:flex-end}.product-event-details{gap:.25rem var(--space-1);grid-template-columns:auto minmax(0,1fr);display:grid}.product-event-details dd{margin:0}.product-reminder-warning{justify-content:space-between;align-items:center;gap:var(--space-2);display:flex}.product-events-empty{color:var(--color-muted);text-align:center}.product-event-editor-check{grid-template-columns:none;align-items:center;display:flex!important}.product-event-editor-check input{min-width:2.75rem;min-height:2.75rem}.product-event-editor fieldset{border:1px solid var(--color-border);border-radius:var(--radius-md);min-width:0;margin:0}.product-event-editor textarea{min-height:5.5rem;padding:var(--space-1);resize:vertical}.product-event-editor-weekdays{grid-template-columns:repeat(7,minmax(2.75rem,1fr));gap:.25rem;display:grid}.product-event-editor-weekdays label{justify-items:center;font-size:.8125rem}.product-event-editor-weekdays input{min-width:2.75rem;min-height:2.75rem}.product-event-editor-row>label{flex:12rem}.product-event-editor-actions{justify-content:flex-end}@media (width<=34rem){.product-events-filters,.product-event-card{grid-template-columns:minmax(0,1fr)}.product-event-actions{justify-content:flex-start}.product-reminder-warning{flex-direction:column;align-items:stretch}.product-event-editor-weekdays{grid-template-columns:repeat(4,minmax(2.75rem,1fr))}}@media (prefers-reduced-motion:reduce){.product-events-page *,.product-event-editor *{scroll-behavior:auto;transition-duration:.01ms!important;animation-duration:.01ms!important}}.now-page{min-height:100dvh;padding:calc(var(--safe-top) + var(--space-3)) calc(var(--safe-right) + var(--space-3)) calc(var(--safe-bottom) + var(--space-3)) calc(var(--safe-left) + var(--space-3));text-align:center;place-items:center;display:grid;position:relative}.now-title{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.now-center{gap:var(--space-2);place-items:center;display:grid}.now-menu{z-index:1;top:calc(var(--safe-top) + var(--space-2));right:calc(var(--safe-right) + var(--space-2));text-align:right;position:absolute}.now-menu-trigger{border:1px solid var(--color-border);border-radius:var(--radius-full);background:var(--color-surface);min-width:2.75rem;min-height:2.75rem;color:var(--color-ink);letter-spacing:.08em;box-shadow:var(--shadow-sm);transition:transform var(--transition-fast), box-shadow var(--transition-fast);place-items:center;padding:0;display:grid}.now-menu-trigger:hover{box-shadow:var(--shadow-md);transform:scale(1.05)}.now-menu-trigger:active{transform:scale(.95)}.now-menu-popover{top:calc(100% + var(--space-1));width:max-content;max-width:min(18rem, calc(100vw - var(--space-3) * 2));padding:var(--space-1);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-raised);box-shadow:var(--shadow-lg);animation:popover-enter var(--transition-normal);position:absolute;right:0}@keyframes popover-enter{0%{opacity:0;transform:translateY(-.5rem)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.now-menu-popover button{min-height:2.75rem;padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);color:var(--color-ink);text-align:left;transition:background var(--transition-fast);background:0 0;border:0}.now-menu-popover button:hover{background:var(--color-border)}.now-menu-popover button:disabled{color:var(--color-muted)}.now-menu-trigger:focus-visible,.now-menu-popover button:focus-visible{outline:2px solid var(--color-ink);outline-offset:2px}.now-time-button{color:var(--color-ink);font-variant-numeric:tabular-nums;letter-spacing:-.04em;transition:opacity var(--transition-fast);background:0 0;border:0;padding:0;font-size:clamp(3.5rem,18vw,9rem);font-weight:300;line-height:1}.now-time-button:hover{opacity:.7}.now-time-button:focus-visible{outline:2px solid var(--color-ink);outline-offset:.5rem;border-radius:.25rem}.now-calendar-line,.now-lunar-line{color:var(--color-muted);flex-wrap:wrap;justify-content:center;gap:.5em 1em;margin:0;display:flex}.now-calendar-line{font-size:1.125rem}.now-lunar-line{color:var(--color-muted);margin:0;font-size:.95rem}.now-summary{min-height:2.75rem;max-width:min(28rem, calc(100vw - var(--space-4)));padding:var(--space-1) var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-full);background:var(--color-surface);color:var(--color-ink);box-shadow:var(--shadow-sm)}.now-summary:focus-visible{outline:2px solid var(--color-ink);outline-offset:2px}@media (width<=30rem){.now-time-button{font-size:clamp(2.25rem,18vw,6rem)}.now-page[data-show-seconds=true] .now-time-button{font-size:clamp(1.5rem,14vw,4.5rem)}}.product-timing-page{width:min(var(--page-max), 100%);min-height:100%;padding:calc(var(--safe-top) + var(--space-2)) calc(var(--safe-right) + var(--page-gutter)) calc(var(--safe-bottom) + var(--space-4)) calc(var(--safe-left) + var(--page-gutter));margin-inline:auto}.product-timing-page h1,.product-timing-page h2,.product-timing-page h3,.product-timing-page p{margin-top:0}.product-timing-page button,.product-timing-page input,.product-timing-page select,.product-timer-preset-editor button,.product-timer-preset-editor input,.product-timer-preset-editor select{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);min-height:2.75rem;color:var(--color-ink)}.product-timing-page button,.product-timer-preset-editor button{padding:var(--space-1) var(--space-2)}.product-timing-page button:focus-visible,.product-timing-page input:focus-visible,.product-timing-page select:focus-visible,.product-timer-preset-editor button:focus-visible,.product-timer-preset-editor input:focus-visible,.product-timer-preset-editor select:focus-visible{outline:2px solid var(--color-ink);outline-offset:2px}.product-timing-header-actions,.product-timing-batch-actions,.product-timer-card-actions,.product-timer-preset-actions,.product-timer-editor-actions{gap:var(--space-1);flex-wrap:wrap;display:flex}.product-timing-header-actions{justify-content:flex-end;position:relative}.product-timing-menu{z-index:3;min-width:14rem;padding:var(--space-1);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-raised);box-shadow:var(--shadow-lg);position:absolute;top:calc(100% + .25rem);right:0}.product-timing-warning,.product-timing-access{justify-content:space-between;align-items:center;gap:var(--space-2);margin-block:var(--space-2);padding:var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-raised);display:flex}.product-timing-section{margin-block:var(--space-3)}.product-timing-section-heading{justify-content:space-between;align-items:center;gap:var(--space-2);display:flex}.product-timing-section-heading h2{margin-bottom:0}.product-timing-active-grid,.product-timing-preset-grid{gap:var(--space-2);margin-top:var(--space-2);grid-template-columns:repeat(auto-fit,minmax(min(100%,18rem),1fr));display:grid}.product-timer-card,.product-timer-preset-card{min-width:0;padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-sm)}.product-timer-paused{opacity:.78}.product-timer-card-heading{justify-content:space-between;align-items:start;gap:var(--space-2);display:flex}.product-timer-card-heading label,.product-timer-preset-check{align-items:center;gap:.5rem;display:flex}.product-timer-card-heading input,.product-timer-preset-check input{min-width:1.25rem;min-height:1.25rem}.product-timer-card output{margin-block:var(--space-2);overflow-wrap:anywhere;font-variant-numeric:tabular-nums;font-size:clamp(2.5rem,11vw,5.5rem);font-weight:300;line-height:1;display:block}.product-timer-phase-label,.product-timer-alarm-state,.product-timer-card-heading span,.product-timer-preset-card p{color:var(--color-muted)}.product-timer-preset-card{justify-content:space-between;align-items:center;gap:var(--space-2);border-left-width:.4rem;display:flex}.product-timer-preset-card[data-color=blue]{border-left-color:#4f7cff}.product-timer-preset-card[data-color=green]{border-left-color:#3e9b6f}.product-timer-preset-card[data-color=orange]{border-left-color:#cf7a2c}.product-timer-preset-card[data-color=rose]{border-left-color:#c75c78}.product-timing-history{gap:var(--space-1);margin:0;padding:0;list-style:none;display:grid}.product-timing-history li{align-items:center;gap:var(--space-2);padding:var(--space-2);border-bottom:1px solid var(--color-border);grid-template-columns:minmax(0,1fr) auto auto;display:grid}.product-timing-stat-summary,.product-timing-stat-details{gap:var(--space-2);grid-template-columns:repeat(auto-fit,minmax(min(100%,13rem),1fr));display:grid}.product-timing-stat-summary article,.product-timing-stat-details>section{padding:var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface)}.product-timing-statistics h3,.product-timing-statistics p{margin-block:0 var(--space-1)}.product-timing-stat-details{margin-top:var(--space-2)}.product-timing-stat-details ul,.product-timing-stat-details ol{gap:.35rem;margin:0;padding:0;list-style:none;display:grid}.product-timing-stat-details li{justify-content:space-between;gap:var(--space-2);color:var(--color-muted);font-variant-numeric:tabular-nums;display:flex}.product-timer-preset-editor,.product-timer-preset-grid,.product-timer-phases{gap:var(--space-2);display:grid}.product-timer-preset-editor label{gap:.35rem;display:grid}.product-timer-preset-editor input,.product-timer-preset-editor select{width:100%;padding-inline:var(--space-2)}.product-timer-preset-grid,.product-timer-phase{grid-template-columns:repeat(auto-fit,minmax(10rem,1fr))}.product-timer-phase{align-items:end;gap:var(--space-1);display:grid}.product-timer-phase>button{width:2.75rem}.product-timer-editor-actions{justify-content:flex-end}@media (width>=48rem){.product-timing-page{padding-right:calc(var(--safe-right) + var(--page-gutter-wide));padding-left:calc(var(--safe-left) + var(--page-gutter-wide))}}@media (width<=38rem){.product-timing-section-heading,.product-timer-preset-card,.product-timing-history li{flex-direction:column;grid-template-columns:1fr;align-items:stretch}.product-timing-header-actions>button:first-child{display:none}}@media (prefers-reduced-motion:reduce){.product-timing-page *,.product-timer-preset-editor *{transition:none!important;animation:none!important}}.world-page{width:min(var(--page-max), 100%);min-height:100%;padding:calc(var(--safe-top) + var(--space-3)) calc(var(--safe-right) + var(--page-gutter)) calc(var(--safe-bottom) + var(--space-4)) calc(var(--safe-left) + var(--page-gutter));margin-inline:auto}.world-header,.world-actions,.world-clock>div,.world-meeting-options{align-items:center;gap:var(--space-1);display:flex}.world-header{justify-content:space-between}.world-page h1,.world-page h2{margin-top:0}.world-page h1{letter-spacing:-.02em;font-size:1.75rem;font-weight:600}.world-eyebrow{margin:0 0 var(--space-1);color:var(--color-muted);letter-spacing:.12em;text-transform:uppercase;font-size:.75rem;font-weight:500}.world-page button,.world-page input{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);min-height:2.75rem;color:var(--color-ink);transition:all var(--transition-fast)}.world-page button{padding:var(--space-1) var(--space-2)}.world-page button:hover:not(:disabled){background:var(--color-border);box-shadow:var(--shadow-sm)}.world-page button:active:not(:disabled){transform:scale(.98)}.world-page button:focus-visible,.world-page input:focus-visible{outline:2px solid var(--color-ink);outline-offset:2px}.world-search,.world-axis,.world-empty,.world-clock,.world-meeting{gap:var(--space-2);padding:var(--space-3);margin:var(--space-3) 0;border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-sm);display:grid}.world-search label{gap:.35rem;display:grid}.world-search input{width:100%;padding:var(--space-1)}.world-search-results,.world-list{gap:var(--space-1);margin:0;padding:0;list-style:none;display:grid}.world-axis input{width:100%;padding:0}.world-axis p,.world-solar p{color:var(--color-muted);margin:0;font-size:.9rem}.world-clock{grid-template-columns:minmax(0,1fr) auto}.world-clock>div{justify-content:space-between}.world-solar{grid-column:1/-1}.world-solar h2{margin-bottom:0;font-size:1rem}.world-meeting-options{flex-wrap:wrap}.world-meeting-options label{align-items:center;gap:.35rem;display:inline-flex}.world-meeting-options input{min-height:auto}.world-actions{position:relative}.world-menu{z-index:2;padding:var(--space-1);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-raised);box-shadow:var(--shadow-lg);animation:world-popover-enter var(--transition-normal);position:absolute;top:3rem;right:0}@keyframes world-popover-enter{0%{opacity:0;transform:translateY(-.5rem)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.world-empty{text-align:center;color:var(--color-muted)}.product-world-preview,.product-world-clock-heading,.product-world-clock-meta{align-items:center;gap:var(--space-2);display:flex}.product-world-preview{padding:var(--space-2) var(--space-3);margin:var(--space-3) 0;border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);flex-wrap:wrap;justify-content:space-between}.product-world-preview time{font-variant-numeric:tabular-nums;font-weight:600}.product-world-clock{grid-template-columns:minmax(0,1fr) auto}.product-world-clock-heading{grid-column:1/-1;justify-content:space-between}.product-world-clock-heading>div,.product-world-local-time{gap:.25rem;display:grid}.product-world-clock-heading span,.product-world-clock-meta,.world-read-only{color:var(--color-muted)}.product-world-local-time{text-align:right;font-variant-numeric:tabular-nums}.product-world-local-time time:last-child{color:var(--color-ink);font-size:1.35rem;font-weight:600}.product-world-clock-meta{flex-wrap:wrap}.product-world-clock>[role=status]{color:var(--color-muted);grid-column:1/-1;margin:0}.world-read-only{margin:var(--space-2) 0}@media (width>=48rem){.world-page{padding-right:calc(var(--safe-right) + var(--page-gutter-wide));padding-left:calc(var(--safe-left) + var(--page-gutter-wide))}}@media (width<=26rem){.world-header,.world-clock,.world-clock>div{flex-direction:column;align-items:stretch}.world-clock{display:flex}.product-world-clock-heading,.product-world-preview{flex-direction:column;align-items:stretch}.product-world-local-time{text-align:left}.world-actions{flex-wrap:wrap}}.spatial-shell{background:var(--color-canvas);overscroll-behavior:none;min-height:100dvh;position:relative;overflow:hidden}.spatial-viewport,.spatial-page{position:absolute;inset:0}.spatial-page{opacity:var(--spatial-opacity);will-change:transform, opacity;transition:transform .28s cubic-bezier(.22,.8,.28,1),opacity .18s ease-out;overflow:auto}.spatial-page[aria-hidden=true]{pointer-events:none;visibility:hidden}.spatial-shell[data-dragging=true] .spatial-page{visibility:visible;transition:none}.spatial-announcer,.spatial-actions{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.spatial-actions:focus-within{z-index:3;top:calc(var(--safe-top) + var(--space-2));width:max-content;max-width:calc(100% - var(--space-3) * 2);height:auto;padding:var(--space-1);gap:var(--space-1);clip:auto;border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface-raised);box-shadow:var(--shadow-lg);white-space:normal;animation:spatial-actions-enter var(--transition-normal);flex-wrap:wrap;justify-content:center;margin:0;display:flex;left:50%;overflow:visible;transform:translate(-50%)}.spatial-shell[data-page=now] .spatial-actions{z-index:2;clip:auto;pointer-events:none;width:auto;height:auto;margin:0;padding:0;position:absolute;inset:0;overflow:visible}.spatial-shell[data-page=now] .spatial-actions:focus-within{max-width:none;box-shadow:none;background:0 0;border:0;border-radius:0;padding:0;animation:none;transform:none}.spatial-shell[data-page=now] .spatial-action{pointer-events:auto;position:absolute}.spatial-action-past{top:50%;left:calc(var(--safe-left) + var(--space-2));transform:translateY(-50%)}.spatial-action-future{top:50%;right:calc(var(--safe-right) + var(--space-2));transform:translateY(-50%)}.spatial-action-world{top:calc(var(--safe-top) + var(--space-2));left:50%;transform:translate(-50%)}.spatial-action-timing{bottom:calc(var(--safe-bottom) + var(--space-2));left:50%;transform:translate(-50%)}@keyframes spatial-actions-enter{0%{opacity:0;transform:translate(-50%)translateY(-.5rem)scale(.95)}to{opacity:1;transform:translate(-50%)translateY(0)scale(1)}}.spatial-actions button{min-width:2.75rem;min-height:2.75rem;padding:var(--space-1) var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-full);background:var(--color-surface);color:var(--color-ink);transition:all var(--transition-fast)}.spatial-actions button:hover{background:var(--color-border);box-shadow:var(--shadow-sm)}.spatial-actions button:active:not(.spatial-action){transform:scale(.95)}.spatial-actions button:focus-visible{outline:2px solid var(--color-ink);outline-offset:2px}.spatial-page-header{align-items:center;gap:var(--space-3);grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);display:grid}.spatial-page-header h1{pointer-events:none;text-align:center;margin:0}.spatial-return{z-index:1;justify-self:start;align-items:center;gap:var(--space-2);min-height:2.75rem;display:inline-flex;position:relative}.spatial-page-menu{justify-self:end}@media (prefers-reduced-motion:reduce){.spatial-page{transition:opacity .12s linear!important;transform:none!important}.spatial-actions:focus-within{animation:none}}@media (width<=36rem){.spatial-page-header{grid-template-columns:auto minmax(0,1fr) auto}.spatial-page-header h1{text-overflow:ellipsis;white-space:nowrap;font-size:clamp(1.1rem,5vw,1.5rem);overflow:hidden}.spatial-return span:last-child{clip:rect(0, 0, 0, 0);width:1px;height:1px;position:absolute;overflow:hidden}}.onboarding-layer{z-index:8;padding:calc(var(--safe-top) + var(--space-3)) calc(var(--safe-right) + var(--space-3)) calc(var(--safe-bottom) + var(--space-3)) calc(var(--safe-left) + var(--space-3));pointer-events:none;align-items:end;display:grid;position:fixed;inset:0}.onboarding-card{width:min(32rem,100%);padding:var(--space-3);border:1px solid color-mix(in srgb, var(--color-ink) 18%, transparent);background:color-mix(in srgb, var(--color-canvas) 94%, transparent);-webkit-backdrop-filter:blur(1rem);backdrop-filter:blur(1rem);pointer-events:auto;border-radius:1.5rem;box-shadow:0 1rem 4rem #00000038}.onboarding-directions{pointer-events:none;position:fixed;inset:0;overflow:hidden}.onboarding-directions span{--direction-x:0;--direction-y:0;border:1px solid color-mix(in srgb, var(--color-ink) 18%, transparent);background:color-mix(in srgb, var(--color-canvas) 86%, transparent);color:var(--color-ink);white-space:nowrap;-webkit-backdrop-filter:blur(.75rem);backdrop-filter:blur(.75rem);border-radius:999px;padding:.4rem .7rem;font-size:.75rem;animation:.62s cubic-bezier(.22,.8,.28,1) both onboarding-direction-out;position:absolute;top:50%;left:50%}.onboarding-directions .is-past{--direction-x:clamp(-12rem, -28vw, -6rem)}.onboarding-directions .is-future{--direction-x:clamp(6rem, 28vw, 12rem)}.onboarding-directions .is-world{--direction-y:clamp(-10rem, -22vh, -5rem)}.onboarding-directions .is-timing{--direction-y:clamp(5rem, 18vh, 8rem)}@keyframes onboarding-direction-out{0%{transform:translate(-50%,-50%)scale(.92)}to{transform:translate(-50%, -50%) translate(var(--direction-x), var(--direction-y))}}.onboarding-card h2{margin:var(--space-2) 0 var(--space-1);font-size:1.5rem;font-weight:500}.onboarding-card p{color:var(--color-muted);margin:0;line-height:1.55}.onboarding-progress{gap:var(--space-1);display:flex}.onboarding-progress span{background:color-mix(in srgb, var(--color-ink) 18%, transparent);border-radius:999px;width:1.5rem;height:.2rem}.onboarding-progress .is-active{background:var(--color-ink)}.onboarding-actions{margin-top:var(--space-2);gap:var(--space-1);flex-wrap:wrap;display:flex}.onboarding-actions button{min-height:2.75rem;padding:var(--space-1) var(--space-2);border:1px solid var(--color-ink);background:var(--color-ink);color:var(--color-canvas);border-radius:999px}.onboarding-actions .is-secondary{color:var(--color-ink);background:0 0}@media (width>=48rem){.onboarding-layer{place-items:end center}}.product-purchase-backdrop{z-index:30;padding:calc(var(--safe-top) + var(--space-2)) calc(var(--safe-right) + var(--space-2)) calc(var(--safe-bottom) + var(--space-2)) calc(var(--safe-left) + var(--space-2));background:#00000085;place-items:center;display:grid;position:fixed;inset:0}.product-purchase-dialog{width:min(42rem,100%);max-height:100%;padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-canvas);box-shadow:var(--shadow-lg);color:var(--color-ink);overflow:auto}.product-purchase-dialog section{margin-block:var(--space-3)}.product-purchase-dialog h2,.product-purchase-dialog h3,.product-purchase-dialog p,.product-purchase-dialog ul{margin-block:0 var(--space-1)}.product-purchase-price strong{font-size:1.75rem;font-weight:500}.product-settings-header,.product-settings-actions{align-items:center;gap:var(--space-2);display:flex}.product-settings-header{justify-content:space-between}.product-settings-header h2{margin:0}.product-settings-actions{flex-wrap:wrap}.product-purchase-dialog button,.product-settings-actions button{min-width:2.75rem;min-height:2.75rem;padding:var(--space-1) var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-ink)}.product-settings-status{color:var(--color-muted)}.product-settings-layer{z-index:10;padding:calc(var(--safe-top) + var(--space-2)) calc(var(--safe-right) + var(--space-2)) calc(var(--safe-bottom) + var(--space-2)) calc(var(--safe-left) + var(--space-2));background:#00000061;place-items:center;display:grid;position:fixed;inset:0}.product-settings-sheet{width:min(47.5rem,100%);max-height:100%;padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-canvas);box-shadow:var(--shadow-lg);color:var(--color-ink);overflow:auto}.product-settings-sheet fieldset{gap:var(--space-2);padding:var(--space-3) 0;border:0;display:grid}.product-settings-sheet legend{padding:0;font-weight:600}.product-settings-sheet label:not(.product-settings-check){gap:.35rem;display:grid}.product-settings-sheet button,.product-settings-sheet input,.product-settings-sheet select,.product-settings-sheet textarea,.product-settings-links a{min-height:2.75rem;padding:var(--space-1) var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-ink)}.product-settings-check{align-items:center;gap:var(--space-1);min-height:2.75rem;display:flex}.product-settings-days{grid-template-columns:repeat(auto-fit,minmax(6rem,1fr))}.product-settings-time-row,.product-settings-links,.product-settings-section-header{align-items:center;gap:var(--space-2);display:flex}.product-settings-time-row>label{flex:1}.product-settings-section-header{justify-content:space-between}.product-settings-section-header h3,.product-settings-help,.product-settings-error{margin:0}.product-settings-help{color:var(--color-muted);font-size:.875rem}.product-settings-error{color:#a1261f}.product-settings-capabilities{gap:var(--space-1);margin:0;display:grid}.product-settings-capabilities>div{justify-content:space-between;gap:var(--space-2);padding-block:var(--space-1);border-bottom:1px solid var(--color-border);display:flex}.product-settings-capabilities dd{color:var(--color-muted);text-align:end;margin:0}.product-settings-links{flex-wrap:wrap}.product-settings-links a{align-items:center;text-decoration:none;display:inline-flex}@media (width<=32rem){.product-settings-sheet,.product-purchase-dialog{padding:var(--space-2)}.product-settings-time-row{display:grid}}.product-data-page{width:100%;color:var(--color-ink)}.product-data-content{gap:var(--space-3);display:grid}.product-data-header,.product-data-section-header,.product-data-actions{align-items:center;gap:var(--space-2);display:flex}.product-data-header,.product-data-section-header{justify-content:space-between}.product-data-header h2,.product-data-card h3,.product-data-confirm h3,.product-data-header p,.product-data-card p,.product-data-confirm p{margin:0}.product-data-header p,.product-data-card p,.product-deleted-list span{color:var(--color-muted)}.product-data-card,.product-data-confirm{gap:var(--space-2);padding:var(--space-3);border:1px solid color-mix(in srgb, var(--color-ink) 18%, transparent);background:color-mix(in srgb, var(--color-canvas) 94%, var(--color-ink));border-radius:1.25rem;display:grid}.product-data-actions{flex-wrap:wrap}.product-data-page button,.product-data-dialog button,.product-data-dialog input,.product-data-dialog select{min-height:2.75rem;padding:var(--space-1) var(--space-2);border:1px solid color-mix(in srgb, var(--color-ink) 28%, transparent);background:var(--color-canvas);color:var(--color-ink);border-radius:.75rem}.product-data-counts{gap:.35rem;margin:0;padding:0;list-style:none;display:grid}.product-data-cloud-status{gap:var(--space-1) var(--space-2);grid-template-columns:repeat(2,minmax(0,1fr));margin:0;display:grid}.product-data-cloud-status>div{min-width:0}.product-data-cloud-status dt{color:var(--color-muted)}.product-data-cloud-status dd{overflow-wrap:anywhere;margin:0}.product-deleted-list{gap:var(--space-2);margin:0;padding:0;list-style:none;display:grid}.product-cloud-history,.product-cloud-history ul{gap:var(--space-1);margin:0;padding:0;list-style:none;display:grid}.product-cloud-history>li{gap:var(--space-1);display:grid}.product-cloud-history ul>li{justify-content:space-between;align-items:center;gap:var(--space-2);display:flex}.product-deleted-list>li{justify-content:space-between;align-items:center;gap:var(--space-2);padding-block:var(--space-2);border-block-start:1px solid color-mix(in srgb, var(--color-ink) 12%, transparent);display:flex}.product-deleted-list>li>div:first-child{gap:.25rem;min-width:0;display:grid}.product-deleted-list strong,.product-deleted-list span,.product-data-file-name{overflow-wrap:anywhere}.product-data-format{gap:var(--space-1);margin:0 0 var(--space-2);border:0;padding:0;display:grid}.product-data-format legend{margin-bottom:var(--space-1);font-weight:700}.product-data-dialog .product-data-format label{padding:var(--space-1);border:1px solid color-mix(in srgb, var(--color-ink) 16%, transparent);border-radius:.75rem;grid-template-columns:auto minmax(0,1fr);align-items:start}.product-data-dialog .product-data-format input{width:1.25rem;min-height:1.25rem;padding:0}.product-data-format span{display:grid}.product-data-format small{color:var(--color-muted)}.product-data-dialog-backdrop{z-index:30;padding:calc(var(--safe-top) + var(--space-2)) calc(var(--safe-right) + var(--space-2)) calc(var(--safe-bottom) + var(--space-2)) calc(var(--safe-left) + var(--space-2));background:#00000085;place-items:center;display:grid;position:fixed;inset:0}.product-data-dialog{width:min(44rem,100%);max-height:100%;padding:var(--space-3);border:1px solid color-mix(in srgb, var(--color-ink) 18%, transparent);background:var(--color-canvas);color:var(--color-ink);border-radius:1.25rem;overflow:auto;box-shadow:0 1.5rem 5rem #00000052}.product-data-dialog h2,.product-data-dialog h3,.product-data-dialog p{margin-block:0 var(--space-2)}.product-data-dialog label{gap:.35rem;margin-block-end:var(--space-2);display:grid}.product-import-summary,.product-import-result{margin-block:var(--space-2)}.product-import-totals{gap:var(--space-1) var(--space-2);flex-wrap:wrap;margin-block-end:var(--space-2);display:flex}.product-data-table-wrap{max-width:100%;margin-block-end:var(--space-2);overflow:auto}.product-data-table-wrap table{border-collapse:collapse;font-variant-numeric:tabular-nums;text-align:end;width:100%}.product-data-table-wrap th,.product-data-table-wrap td{border-block-end:1px solid color-mix(in srgb, var(--color-ink) 12%, transparent);white-space:nowrap;padding:.5rem}.product-data-table-wrap th:first-child{text-align:start}@media (width<=38rem){.product-data-header,.product-data-section-header,.product-deleted-list>li{display:grid}.product-data-dialog,.product-data-card,.product-data-confirm{padding:var(--space-2);border-radius:1rem}.product-data-cloud-status{grid-template-columns:minmax(0,1fr)}.product-cloud-history ul>li{display:grid}}@media (prefers-reduced-motion:reduce){.product-data-page,.product-data-dialog{scroll-behavior:auto}}.product-sync-settings,.product-sync-empty,.product-sync-recover,.product-sync-quota,.product-sync-dialog,.product-sync-comparison{gap:var(--space-2);display:grid}.product-sync-settings{width:100%;padding:var(--space-3);border:1px solid color-mix(in srgb, var(--color-ink) 18%, transparent);background:color-mix(in srgb, var(--color-canvas) 94%, var(--color-ink));border-radius:1.25rem}.product-sync-settings h2,.product-sync-settings h3,.product-sync-settings p,.product-sync-dialog h2,.product-sync-dialog p{margin:0}.product-sync-heading,.product-sync-dialog-header,.product-sync-actions,.product-sync-segmented{align-items:center;gap:var(--space-2);display:flex}.product-sync-heading,.product-sync-dialog-header{justify-content:space-between}.product-sync-actions,.product-sync-segmented{flex-wrap:wrap}.product-sync-settings button,.product-sync-dialog button,.product-sync-dialog input,.product-sync-dialog textarea,.product-sync-recover textarea{min-height:2.75rem;padding:var(--space-1) var(--space-2);border:1px solid color-mix(in srgb, var(--color-ink) 28%, transparent);background:var(--color-canvas);color:var(--color-ink);border-radius:.75rem}.product-sync-status{gap:var(--space-1) var(--space-2);grid-template-columns:repeat(2,minmax(0,1fr));margin:0;display:grid}.product-sync-status dt{color:var(--color-muted)}.product-sync-status dd{overflow-wrap:anywhere;margin:0}.product-sync-quota progress{width:100%}.product-sync-danger{border-color:var(--color-danger,#b3261e)!important}.product-sync-backdrop{z-index:40;padding:calc(var(--safe-top) + var(--space-2)) calc(var(--safe-right) + var(--space-2)) calc(var(--safe-bottom) + var(--space-2)) calc(var(--safe-left) + var(--space-2));background:#0000008c;place-items:center;display:grid;position:fixed;inset:0}.product-sync-dialog{width:min(44rem,100%);max-height:100%;padding:var(--space-3);background:var(--color-canvas);color:var(--color-ink);border-radius:1.25rem;overflow:auto;box-shadow:0 1.5rem 5rem #00000052}.product-sync-dialog label,.product-sync-recover label{gap:.35rem;display:grid}.product-sync-dialog textarea,.product-sync-recover textarea{resize:vertical;overflow-wrap:anywhere;width:100%}.product-sync-words{gap:.4rem var(--space-2);grid-template-columns:repeat(3,minmax(0,1fr));padding-inline-start:2rem;display:grid}.product-sync-confirm-words,.product-sync-devices,.product-sync-history,.product-sync-history ul{gap:var(--space-2);display:grid}.product-sync-devices,.product-sync-history,.product-sync-history ul{margin:0;padding:0;list-style:none}.product-sync-history>li{gap:var(--space-1);display:grid}.product-sync-history ul>li{justify-content:space-between;align-items:center;gap:var(--space-2);display:flex}.product-sync-devices>li{gap:var(--space-1);padding-block:var(--space-1);border-block-start:1px solid color-mix(in srgb, var(--color-ink) 16%, transparent);display:grid}.product-sync-comparison strong{font-variant-numeric:tabular-nums;letter-spacing:.15em;font-size:clamp(2rem,10vw,4rem)}.product-sync-qr{background:#fff;border-radius:.5rem;width:min(15rem,100%);height:auto;margin-inline:auto}.product-sync-check{grid-template-columns:auto minmax(0,1fr);align-items:start}@media (width<=32rem){.product-sync-heading{flex-direction:column;align-items:start}.product-sync-status{grid-template-columns:1fr}.product-sync-words{grid-template-columns:repeat(2,minmax(0,1fr))}}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--font-sans:Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--color-canvas:#f4f1e8;--color-ink:#1f211e;--color-muted:#62655e;--color-border:color-mix(in srgb, var(--color-ink) 12%, transparent);--color-surface:color-mix(in srgb, var(--color-canvas) 98%, var(--color-ink));--color-surface-raised:var(--color-canvas);--shadow-sm:0 1px 2px #0000000f, 0 1px 3px #0000001a;--shadow-md:0 4px 6px #00000012, 0 2px 4px #0000000f;--shadow-lg:0 10px 15px #0000001a, 0 4px 6px #0000000d;--radius-sm:.5rem;--radius-md:.75rem;--radius-lg:1rem;--radius-full:999px;--page-max:47.5rem;--page-gutter:1.25rem;--page-gutter-wide:2rem;--space-1:.5rem;--space-2:1rem;--space-3:1.5rem;--space-4:2rem;--safe-top:env(safe-area-inset-top,0px);--safe-right:env(safe-area-inset-right,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);--transition-fast:.15s ease;--transition-normal:.2s ease;--transition-slow:.3s ease}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}:root[data-appearance=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--color-canvas:#f4f1e8;--color-ink:#1f211e;--color-muted:#62655e}:root[data-appearance=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-canvas:#171916;--color-ink:#f1eee5;--color-muted:#a8aba3;--shadow-sm:0 1px 2px #0003, 0 1px 3px #00000040;--shadow-md:0 4px 6px #00000040, 0 2px 4px #0003;--shadow-lg:0 10px 15px #0000004d, 0 4px 6px #0003}@media (prefers-color-scheme:dark){:root:not([data-appearance=light]){--color-canvas:#171916;--color-ink:#f1eee5;--color-muted:#a8aba3;--shadow-sm:0 1px 2px #0003, 0 1px 3px #00000040;--shadow-md:0 4px 6px #00000040, 0 2px 4px #0003;--shadow-lg:0 10px 15px #0000004d, 0 4px 6px #0003}}*{box-sizing:border-box}html{background:var(--color-canvas);color:var(--color-ink);font-family:var(--font-sans);-webkit-text-size-adjust:100%}body{min-width:min(20rem,100%);min-height:100dvh;margin:0}button,input,select,textarea{font:inherit}.app-shell{min-height:100dvh;padding:calc(var(--safe-top) + var(--space-3)) calc(var(--safe-right) + var(--space-3)) calc(var(--safe-bottom) + var(--space-3)) calc(var(--safe-left) + var(--space-3));text-align:center;place-content:center;display:grid}.app-shell h1{margin:var(--space-1) 0;letter-spacing:-.04em;font-size:clamp(3.5rem,18vw,9rem);font-weight:300}.app-eyebrow,.app-status{color:var(--color-muted);margin:0}.app-eyebrow{letter-spacing:.2em;text-transform:uppercase;font-size:.75rem;font-weight:500}.app-settings-trigger{z-index:4;top:calc(var(--safe-top) + var(--space-2));right:calc(var(--safe-right) + var(--space-2));min-width:2.75rem;min-height:2.75rem;padding:var(--space-1) var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-full);background:var(--color-surface);color:var(--color-ink);-webkit-backdrop-filter:blur(1rem);backdrop-filter:blur(1rem);box-shadow:var(--shadow-sm);transition:transform var(--transition-fast), box-shadow var(--transition-fast);position:fixed}.app-settings-trigger:hover{box-shadow:var(--shadow-md);transform:scale(1.05)}.app-settings-trigger:active{transform:scale(.95)}.app-settings-trigger:focus-visible{outline:2px solid var(--color-ink);outline-offset:2px}.app-trial-expired,.app-sync-prompt,.app-operation-error{z-index:4;right:calc(var(--safe-right) + var(--space-2));bottom:calc(var(--safe-bottom) + var(--space-2));left:calc(var(--safe-left) + var(--space-2));width:min(34rem, calc(100% - var(--space-3) * 2));padding:var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-lg);-webkit-backdrop-filter:blur(1rem);backdrop-filter:blur(1rem);pointer-events:none;animation:toast-enter var(--transition-slow);margin:auto;position:fixed}.app-sync-prompt{gap:var(--space-1);pointer-events:auto;display:grid}.app-sync-prompt span{color:var(--color-muted)}.app-sync-prompt div{gap:var(--space-1);flex-wrap:wrap;display:flex}.app-sync-prompt button{min-height:2.75rem;padding-inline:var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-canvas);color:var(--color-ink)}@keyframes toast-enter{0%{opacity:0;transform:translateY(1rem)}to{opacity:1;transform:translateY(0)}}.app-trial-expired{gap:.25rem;display:grid}.app-trial-expired span{color:var(--color-muted)}.app-operation-error{color:#a1261f}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
