@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=Inter+Tight:wght@400;500;600;700&display=swap";.style-guide-container{min-height:100vh;padding:2rem;max-width:1400px;margin:0 auto;background-color:var(--bg-primary)}.style-guide-layout{display:flex;flex-direction:row;gap:2.5rem}.style-guide-sidebar{flex:0 0 220px;display:flex;flex-direction:column;gap:.25rem;padding:0;border-radius:0}.style-guide-tab{width:100%;text-align:left;border:none;background:transparent;padding:.5rem .75rem;border-radius:var(--radius-md);font-family:var(--font-body);font-size:.9rem;color:var(--text-secondary);cursor:pointer;transition:background-color .15s ease,color .15s ease}.style-guide-tab:hover,.style-guide-tab--active{background-color:var(--bg-tertiary);color:var(--text-primary)}.style-guide-content{flex:1;display:flex;flex-direction:column;gap:1.5rem}.style-guide-section{display:flex;flex-direction:column;gap:1.5rem}.style-guide-section-title{font-family:var(--font-time);font-size:1.25rem;font-weight:600;color:var(--text-primary);margin-bottom:.5rem}.style-guide-subsection{display:flex;flex-direction:column;gap:.75rem}.style-guide-subsection-title{font-family:var(--font-body);font-size:.95rem;font-weight:500;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.08em}.style-guide-subsection-description{font-family:var(--font-body);font-size:.875rem;color:var(--text-secondary)}.style-guide-typography-list{display:flex;flex-direction:column;gap:1.5rem}.style-guide-typography-item{padding:1rem 1.25rem;border-radius:16px;background-color:var(--bg-secondary)}.style-guide-typography-meta{font-family:var(--font-body);font-size:.8rem;color:var(--text-secondary);margin-bottom:.5rem}.style-guide-headline-01{font-family:var(--font-body)!important;font-size:1.5rem!important;font-weight:600!important;letter-spacing:0!important}.style-guide-headline-02,.style-guide-headline-03{font-family:var(--font-body)!important;font-weight:600!important;letter-spacing:0!important}.style-guide-input-row{display:flex;flex-direction:column;gap:.5rem;max-width:420px}.style-guide-button-list{display:flex;flex-direction:column;gap:1rem;max-width:420px}.style-guide-button-row{display:flex;flex-direction:column;gap:.5rem}.style-guide-subsection-label{font-family:var(--font-body);font-size:.9rem;color:var(--text-secondary)}.style-guide-watch-form-demo{max-width:480px}.style-guide-card-list{display:flex;flex-direction:column;gap:1.5rem}.style-guide-card-row{display:flex;flex-direction:row;gap:1rem;width:100%;max-width:480px}.style-guide-card-list .calendar-watch-card{margin-top:0}.style-guide-icons-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:1.25rem}.style-guide-icon-item{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:.75rem .5rem;border-radius:12px;background-color:var(--bg-secondary)}.style-guide-icon{width:24px;height:24px;color:var(--text-primary)}.style-guide-icon-label{font-family:var(--font-body);font-size:.75rem;color:var(--text-secondary);text-align:center}.fab-sample{width:56px;height:56px;border-radius:50%;background-color:#e1524d;color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #e1524d66}.style-guide-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem;row-gap:3rem}.style-guide-swatch{display:flex;flex-direction:column;align-items:flex-start}.style-guide-color-block{width:100%;aspect-ratio:3 / 2;border-radius:8px;margin-bottom:1rem;border:1px solid var(--bg-tertiary)}.style-guide-color-name{font-family:var(--font-time);font-size:1rem;font-weight:600;color:var(--text-primary);margin-bottom:.5rem;text-align:left}.style-guide-color-hex{font-family:var(--font-body);font-size:.875rem;color:var(--text-secondary);text-align:left}@media (max-width: 768px){.style-guide-layout{flex-direction:column}.style-guide-sidebar{flex-direction:row;flex-wrap:wrap;justify-content:flex-start}.style-guide-tab{flex:0 0 auto}.style-guide-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem}}@media (max-width: 480px){.style-guide-grid{grid-template-columns:1fr}}:root{--bg-primary: #0a0a0b;--bg-secondary: #1a1a1c;--bg-tertiary: #252528;--text-primary: #ffffff;--text-secondary: #a8a8a8;--action-primary: #E1524D;--action-primary-hover: #c94540;--destructive-action: #5a211f;--background: 0 0% 4%;--foreground: 0 0% 100%;--card: 0 0% 10%;--card-foreground: 0 0% 100%;--popover: 0 0% 10%;--popover-foreground: 0 0% 100%;--primary: 4 76% 59%;--primary-foreground: 0 0% 100%;--accent: 0 0% 15%;--accent-foreground: 0 0% 100%;--muted: 0 0% 66%;--muted-foreground: 0 0% 66%;--font-time: "Space Grotesk", sans-serif;--font-body: "Inter Tight", sans-serif;--spacing-xs: .5rem;--spacing-sm: 1rem;--spacing-md: 1.5rem;--spacing-lg: 2rem;--spacing-xl: 3rem;--spacing-2xl: 4rem;--radius-sm: .5rem;--radius-md: .75rem;--radius-lg: 1rem;--shadow-card: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-elevated: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter Tight,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;letter-spacing:0;background-color:var(--bg-primary);color:var(--text-primary);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}html{height:100%}body{min-height:100vh}.font-time{font-family:var(--font-time)}.font-body{font-family:var(--font-body)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}button:focus-visible,input:focus-visible{outline:2px solid var(--action-primary);outline-offset:2px}.app-shell{min-height:100vh;display:flex;flex-direction:column}.app-main{flex:1;display:flex;justify-content:center;align-items:center;padding:2rem 1.5rem 5.5rem}.app-container{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;width:100%;max-width:480px;margin:0 auto;gap:2rem}.local-time-section{text-align:center;width:100%}.city-cards-grid{display:flex;flex-direction:column;gap:1rem;width:100%}.city-card{background:var(--bg-secondary);border-radius:var(--radius-md);padding:1rem;display:flex;justify-content:space-between;align-items:center;height:5rem;width:100%}@media (min-width: 641px){.app-main{justify-content:center;align-items:flex-start;padding-top:3rem}.app-container{padding:0;justify-content:flex-start;min-height:auto}.login-container{padding-top:3rem}}@media (max-width: 640px){.app-main{padding:0 0 5.5rem;align-items:flex-start}.app-container{max-width:none;width:100%;margin:0;padding:1.5rem 1.5rem 1rem;gap:1rem;justify-content:flex-start;min-height:auto}}.bottom-nav-wrapper{position:fixed;left:0;right:0;bottom:env(safe-area-inset-bottom,0);padding:0 1.5rem 1.5rem;display:flex;justify-content:center;pointer-events:none;z-index:20}.bottom-nav{pointer-events:auto;width:100%;max-width:480px;background:var(--bg-tertiary);border-radius:999px;padding:.4rem .6rem;box-shadow:0 8px 20px #0009}@media (max-width: 640px){.bottom-nav-wrapper{padding:0 1.5rem calc(1.5rem + env(safe-area-inset-bottom,0))}.bottom-nav{max-width:100%}}@media (min-width: 480px){.bottom-nav-wrapper{padding:0 1.5rem calc(1.5rem + env(safe-area-inset-bottom,0))}}@media (min-width: 768px){.bottom-nav-wrapper{padding-bottom:calc(1.5rem + env(safe-area-inset-bottom,0))}}.local-time-display{margin-bottom:1rem}.local-time{font-size:4.25rem;font-weight:700;font-family:var(--font-time);color:var(--text-primary);line-height:1;margin-bottom:.75rem;letter-spacing:-.02em;display:inline-flex;align-items:center;align-self:center}.time-meridiem{color:var(--text-secondary);display:inline-block;font-size:inherit;line-height:1;vertical-align:baseline}.city-time .time-meridiem{color:var(--text-primary)}.time-meridiem-card{margin-left:.18em}.time-meridiem-local{font-size:.41em;line-height:1;display:inline-flex;align-items:center;margin-left:.25rem}.local-date{font-size:1rem;font-weight:400;color:var(--text-secondary);margin-bottom:.75rem;order:-1}.local-location{display:flex;flex-direction:row;gap:.5rem;align-items:center;justify-content:center}.local-city{font-size:1rem;font-weight:600;color:var(--text-primary)}.local-timezone{font-size:1rem;font-weight:600;color:#d04d51}.local-time-display{display:flex;flex-direction:column}.city-left{display:flex;flex-direction:column;gap:.25rem;align-items:flex-start}.city-right{display:flex;align-items:center}.city-time{font-size:1.75rem;font-weight:700;font-family:var(--font-time);color:var(--text-primary);line-height:1;letter-spacing:-.01em;display:inline-flex;align-items:baseline;white-space:nowrap}.card-headline{font-family:var(--font-body);font-size:1rem;line-height:1.2;font-weight:700}.city-name{color:var(--text-primary);margin-bottom:.125rem}.city-date-info{font-size:.875rem;font-weight:400;color:var(--text-secondary)}.city-date,.city-info,.city-timezone{display:none}.loading{opacity:.6;pointer-events:none}.time-skeleton{background:linear-gradient(90deg,var(--bg-tertiary) 25%,var(--bg-tertiary) 50%,var(--bg-tertiary) 75%);background-size:200% 100%;animation:shimmer 2s infinite;border-radius:var(--radius-sm);height:1em;width:100%}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@media (max-width: 479px){.local-time{font-size:4rem}.city-time{font-size:1.5rem}.city-card{padding:1rem}}.bottom-nav-inner{position:relative;width:100%}.bottom-nav-highlight-track{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;border-radius:999px;z-index:0}.bottom-nav-highlight{position:absolute;left:0;top:0;bottom:0;width:calc((100% - (var(--tab-count, 5) - 1) * .25rem) / var(--tab-count, 5));border-radius:999px;background-color:#1a1a1c;box-shadow:none;transform:translate(calc(var(--active-index, 0) * (100% + .25rem)));transition:transform .2s ease;z-index:0}.bottom-nav-list{display:flex;align-items:center;justify-content:space-between;gap:.25rem;list-style:none}.bottom-nav-item{position:relative;z-index:1;flex:1;border-radius:999px;overflow:hidden}.bottom-nav-link{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25rem;width:100%;padding:.45rem .5rem;text-decoration:none;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.08em;font-size:.7rem;font-weight:600;font-family:var(--font-time);transition:background-color .18s ease,color .18s ease,transform .18s ease;border-radius:inherit}.bottom-nav-icon{width:1.25rem;height:1.25rem;color:inherit;transition:color .18s ease}.bottom-nav-link:hover,.bottom-nav-link:hover .bottom-nav-icon,.bottom-nav-link:hover .bottom-nav-label{color:var(--action-primary)}.bottom-nav-item--active{background-color:transparent;color:var(--action-primary)}.bottom-nav-item--active .bottom-nav-icon,.bottom-nav-item--active .bottom-nav-label,.bottom-nav-item--active:hover,.bottom-nav-item--active:hover .bottom-nav-icon,.bottom-nav-item--active:hover .bottom-nav-label{color:var(--action-primary)}.bottom-nav-label{color:inherit}.watch-cards-grid{display:flex;flex-direction:column;gap:1rem;width:100%}.watch-card{background:var(--bg-secondary);border-radius:12px;padding:1rem;display:flex;align-items:center;transition:all .2s ease;cursor:pointer;height:5rem;width:100%}.watch-card:hover{background:var(--bg-tertiary)}.watch-card-content{display:flex;flex-direction:column;gap:.75rem;align-items:flex-start;text-align:left;flex:1}.watch-card-text--loading{justify-content:center}.watch-card-delete-btn{background:none;border:none;padding:.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);transition:color .2s ease;margin-left:.5rem;flex-shrink:0}.watch-card-delete-btn:hover{color:var(--text-primary)}.watch-card-delete-icon{width:1.25rem;height:1.25rem}.watch-card-chevron{width:1.25rem;height:1.25rem;color:var(--text-secondary);flex-shrink:0;margin-left:.5rem}.watch-name{color:var(--text-primary)}.watch-movement{font-size:.875rem;font-weight:400;color:var(--text-secondary);line-height:1.2;margin-top:-.25rem}.watch-card-skeleton{pointer-events:none;height:5rem}.watch-card-skeleton-bar{display:block;width:100%;border-radius:999px;background:linear-gradient(90deg,#252528,#4b4b4c,#252528);background-size:200% 100%;animation:skeleton-shimmer 1.6s ease-in-out infinite}.watch-card-skeleton-bar-title{height:.9rem;width:9.5rem}.watch-card-skeleton-bar-subtitle{height:.65rem;width:4rem}.watch-card-delete-btn--placeholder{opacity:0;pointer-events:none}@keyframes skeleton-shimmer{0%{background-position:-150% 0}to{background-position:150% 0}}.auth-message{width:100%;margin-top:.5rem;text-align:center;display:flex;align-items:center;justify-content:center;background-color:var(--bg-tertiary);border-radius:8px;height:3rem;padding:0 1rem}.auth-message--error{background-color:var(--destructive-action)}.empty-state{display:flex;align-items:center;justify-content:center;min-height:50vh;text-align:center}.empty-state-text{font-size:1rem;color:var(--text-secondary);font-family:var(--font-body)}.fab{position:fixed;bottom:calc(6.9rem + env(safe-area-inset-bottom,0));right:max(24px,calc(50vw - 240px + 2rem));width:56px;height:56px;border-radius:50%;background-color:#e1524d;color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #e1524d66;transition:all .2s ease;z-index:10}@media (max-width: 640px){.fab{right:1.5rem}}@media (min-width: 768px){.fab{bottom:calc(6.9rem + env(safe-area-inset-bottom,0))}}.fab:hover{background-color:#c94540;box-shadow:0 6px 16px #e1524d80;transform:scale(1.05)}.fab:active:not(:disabled){transform:scale(.95)}.fab:disabled{cursor:not-allowed;opacity:.5}.fab:disabled:hover{background-color:#e1524d;transform:none;box-shadow:0 4px 12px #e1524d66}.fab-icon{width:24px;height:24px;color:#fff}.full-page-dialog{width:100%!important;max-width:480px!important;margin:0 auto!important;border-radius:var(--radius-md)!important;left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important;display:flex!important;flex-direction:column!important;padding:2rem!important;border:none!important;box-shadow:none!important;overflow-y:auto;position:fixed!important}.full-page-dialog[data-state=open],.full-page-dialog[data-state=closed]{animation:none!important;transform:translate(-50%,-50%)!important}.full-page-dialog>div{width:100%;max-width:100%}.watch-form-dialog-header{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:space-between!important;gap:1rem!important;margin-bottom:.5rem!important}.watch-form-dialog-header [data-radix-dialog-title]{margin:0!important}.watch-form-close-btn{display:flex;flex-shrink:0;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;padding:0;border:none;border-radius:.5rem;background:transparent;color:var(--text-secondary);cursor:pointer;transition:color .2s,background-color .2s}.watch-form-close-btn:hover{color:var(--text-primary);background:var(--bg-secondary)}.full-page-dialog [data-radix-dialog-title]{font-family:var(--font-time)!important;font-weight:600!important}.watch-form{width:100%}.watch-form-spacing{display:flex;flex-direction:column;gap:16px}.watch-form-spacing .pt-6{padding-top:0}.watch-form-field{display:flex;flex-direction:column;width:100%}.watch-form-label{display:block!important;width:100%!important;margin-bottom:.5rem!important;font-family:var(--font-time)!important;font-size:.875rem!important;font-weight:500!important;color:var(--text-primary)!important;text-align:left!important}.watch-form-submit-btn{background-color:#e1524d!important;color:#fff!important;border:none!important;border-radius:12px!important;height:48px!important;width:100%!important;font-family:var(--font-time)!important;font-size:1rem!important;font-weight:600!important}.watch-form-submit-btn:hover:not(:disabled){background-color:#c94540!important;color:#fff!important}.watch-form-submit-btn:disabled{opacity:.5;cursor:not-allowed}.watch-form-secondary-btn{background-color:var(--bg-secondary)!important;color:var(--text-primary)!important;border:none!important;border-radius:12px!important;height:48px!important;width:100%!important;font-family:var(--font-time)!important;font-size:1rem!important;font-weight:600!important}.watch-form-secondary-btn:hover:not(:disabled){background-color:var(--bg-tertiary)!important;color:var(--text-primary)!important}.watch-form-secondary-btn:disabled{opacity:.5;cursor:not-allowed}.watch-logout-btn{width:100%;height:56px;border-radius:14px;border:none;cursor:pointer;font-family:var(--font-time);font-size:1rem;font-weight:600;background:var(--bg-secondary);color:var(--text-primary)}.watch-logout-btn:hover:not(:disabled){background:var(--bg-tertiary)}.watch-logout-btn:disabled{opacity:.6;cursor:not-allowed}.watch-form-destructive-btn{background-color:var(--destructive-action)!important;color:#fff!important;border-radius:12px!important;height:48px!important;width:100%!important;font-family:var(--font-time)!important;font-size:1rem!important;font-weight:600!important;border:none!important}.watch-form-destructive-btn:hover:not(:disabled){background-color:#4a1a18!important;color:#fff!important}.watch-form-destructive-btn:disabled{opacity:.5;cursor:not-allowed}.settings-content{display:flex;flex-direction:column;gap:1.5rem;width:100%}.settings-section{display:flex;flex-direction:column;width:100%;gap:.5rem}.settings-label{display:block!important;width:100%!important;margin-bottom:0!important;font-family:var(--font-body)!important;font-size:.875rem!important;font-weight:500!important;color:var(--text-primary)!important;text-align:left!important}.segmented-control-wrapper{position:relative;width:100%}.segmented-control-pill-track{position:absolute;top:.25rem;left:.25rem;right:.25rem;bottom:.25rem;pointer-events:none;border-radius:8px;z-index:0}.segmented-control-pill{position:absolute;left:0;top:0;bottom:0;width:calc(100% / var(--segment-count, 2));border-radius:8px;background-color:#1a1a1c;box-shadow:0 0 0 1px #ffffff08;transform:translate(calc(var(--selected-index, 0) * 100%));transition:transform .2s ease;z-index:0}.settings-segmented-control{width:100%!important;display:flex!important;gap:0!important;background-color:var(--bg-tertiary)!important;border-radius:12px!important;padding:.25rem!important;height:48px!important}.settings-segment{position:relative!important;z-index:1!important;flex:1!important;height:100%!important;min-height:0!important;background-color:transparent!important;border:none!important;border-radius:8px!important;color:var(--text-secondary)!important;font-family:var(--font-time)!important;font-size:1rem!important;font-weight:600!important;transition:all .2s ease!important;cursor:pointer!important}.settings-segment:hover{background-color:var(--bg-secondary)!important;color:var(--action-primary)!important}.settings-segment[data-state=on]{background-color:transparent!important;color:var(--action-primary)!important}.settings-segment[data-state=on]:hover{color:var(--action-primary)!important}.settings-segment:focus-visible{outline:none!important;ring:none!important}.settings-actions{width:100%;padding-bottom:96px}.stats-content{width:100%;display:flex;flex-direction:column;gap:1.5rem;padding-bottom:96px}.stats-header{position:relative;display:flex;align-items:center;justify-content:space-between}.stats-header .calendar-caption-label{margin:0}.stats-nav{display:flex;align-items:center;gap:1rem}.stats-nav-button{width:1.5rem;height:1.5rem;padding:0;background:transparent;border:none;color:var(--text-primary);display:flex;align-items:center;justify-content:center;cursor:pointer}.stats-nav-button svg{width:24px;height:24px}.stats-nav-button:hover:not(:disabled){color:var(--action-primary)}.stats-nav-button:disabled{color:#5c5c5f;cursor:not-allowed}.stats-list{width:100%;display:flex;flex-direction:column;gap:1.5rem}.stats-row{width:100%;display:flex;flex-direction:column;gap:.75rem}.stats-row-header{display:flex;align-items:baseline;justify-content:space-between;gap:.75rem}.stats-watch-title{font-size:1rem;color:var(--text-primary);line-height:1.2}.stats-wear-count{color:var(--text-secondary);white-space:nowrap}.stats-progress{height:.75rem!important;border-radius:4px!important;background:#5a211f!important;overflow:hidden}.stats-progress-fill{height:100%;background:var(--action-primary);border-radius:4px;width:0;transition:width .2s ease}.watch-cancel-btn{border-radius:12px!important;height:48px!important;font-family:var(--font-time)!important;font-size:1rem!important;font-weight:600!important}.watch-input{border-radius:12px!important;height:48px!important;padding:0 1rem!important;font-family:var(--font-body)!important;font-size:1rem!important;width:100%!important;background-color:var(--bg-secondary)!important;color:var(--text-primary)!important;border:none!important;box-shadow:none!important;outline:none!important;display:flex!important;align-items:center!important;justify-content:space-between!important}.watch-input>span:first-child{text-align:left!important;flex:1 1 auto!important;min-width:0!important}.watch-input>*:last-child{flex-shrink:0!important;margin-left:.5rem!important}.watch-input:focus,.watch-input:focus-visible{border:none!important;box-shadow:none!important;outline:none!important}.watch-input::-moz-placeholder{color:var(--text-secondary)!important}.watch-input::placeholder{color:var(--text-secondary)!important}.watch-input [data-placeholder]{color:var(--text-secondary)!important}.watch-form-select-content{z-index:10000!important;pointer-events:auto!important;position:fixed!important;width:var(--radix-select-trigger-width)!important;min-width:var(--radix-select-trigger-width)!important;max-width:var(--radix-select-trigger-width)!important}.watch-form-select-content *{pointer-events:auto!important}.watch-form-select-content [data-radix-select-viewport]{width:100%!important;min-width:100%!important;max-width:100%!important;padding:0!important}.watch-form-select-content,.watch-form-select-content [role=listbox],.watch-form-select-content [role=option],.watch-form-select-content [role=option]>span{font-family:var(--font-time)!important}.watch-form-select-content [role=option]{pointer-events:auto!important;cursor:pointer!important;width:100%!important;height:48px!important;min-height:48px!important;display:flex!important;align-items:center!important;-moz-user-select:none;user-select:none;-webkit-user-select:none}.watch-form-select-content [role=listbox]{width:100%!important;display:flex!important;flex-direction:column!important;gap:0!important}.watch-form-select-content [role=option]{margin:0!important;padding-left:1rem!important;padding-right:1rem!important;width:100%!important;box-sizing:border-box!important}.watch-movement-segmented-control{width:100%!important;display:flex!important;gap:0!important;background-color:var(--bg-tertiary)!important;border-radius:12px!important;padding:.25rem!important;height:48px!important}.watch-movement-segment{position:relative!important;z-index:1!important;flex:1!important;height:100%!important;min-height:0!important;background-color:transparent!important;border:none!important;border-radius:8px!important;color:var(--text-secondary)!important;font-family:var(--font-time)!important;font-size:1rem!important;font-weight:600!important;transition:all .2s ease!important;cursor:pointer!important}.watch-movement-segment:hover{background-color:var(--bg-secondary)!important;color:var(--action-primary)!important}.watch-movement-segment[data-state=on]{background-color:transparent!important;color:var(--action-primary)!important}.watch-movement-segment[data-state=on]:hover{color:var(--action-primary)!important}.watch-movement-segment:focus-visible{outline:none!important;ring:none!important}.watch-date-input-wrapper{position:relative;display:flex;align-items:center;width:100%}.watch-date-input{flex:1;padding-right:3rem!important}.watch-date-icon-button{position:absolute;right:1rem;display:flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;padding:0;border:none;background:transparent;color:var(--text-primary);cursor:pointer;transition:color .2s;z-index:1}.watch-date-icon-button:hover,.watch-date-icon-button[data-state=open],.watch-date-input-wrapper-open .watch-date-icon-button{color:var(--text-primary)}.watch-date-input-wrapper-open .watch-date-input{box-shadow:0 0 0 1px var(--action-primary)!important}.watch-date-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#00000080;z-index:1000}.watch-date-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:20.25rem;max-width:20.25rem;background-color:var(--bg-secondary);border-radius:12px;box-shadow:0 8px 20px #0009;overflow:hidden}.watch-date-picker-calendar{width:20.25rem!important;max-width:20.25rem!important;padding:1rem 1rem 0!important;background-color:var(--bg-secondary)!important;color:var(--text-primary)!important}.watch-date-picker-popover .calendar-caption{margin-bottom:.5rem!important}.watch-date-picker-popover .calendar-day-selected{color:var(--text-primary)!important}.watch-date-picker-popover .calendar-cell,.watch-date-picker-popover .calendar-day{padding-left:0!important;padding-right:0!important}.watch-date-picker-popover .calendar-day:hover:not(.calendar-day-selected):not(.calendar-day-outside){background:var(--bg-tertiary)!important}.watch-form-page{align-items:flex-start;display:flex;flex-direction:column;gap:24px;padding-bottom:2rem!important;width:100%}.watch-form-page-header{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:1rem;width:100%;margin-bottom:0}.watch-form-page-title{font-family:var(--font-time);font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:0;text-align:left;flex:0 1 auto;width:100%}@media (max-width: 479px){.watch-card{padding:1rem}.full-page-dialog{padding:1.5rem!important}}.calendar-wrapper{width:100%;display:flex;flex-direction:column}.calendar-feature{width:100%;background:transparent;padding:0!important}.calendar-months{width:100%}.calendar-month{width:100%;display:flex;flex-direction:column;gap:0;min-height:clamp(17.6rem,48vh,22.4rem)}.calendar-caption{display:flex;justify-content:flex-start;align-items:center;padding:0;margin-bottom:1rem;position:relative}.calendar-caption-label{font-family:var(--font-body);font-size:1.25rem;font-weight:700;color:var(--text-primary);text-align:left}.calendar-nav{position:absolute;right:0;display:flex;gap:1rem;align-items:center}.calendar-nav-button{width:1.5rem;height:1.5rem;padding:0;background:transparent;border:none;color:var(--text-primary);cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:1;transition:opacity .2s ease}.calendar-nav-button:hover:not(:disabled){color:var(--action-primary)}.calendar-nav-button:disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.calendar-nav-button svg{width:24px;height:24px}.calendar-table{width:100%;border-collapse:separate;border-spacing:0;display:flex;flex-direction:column;flex:1 1 auto}.calendar-table thead{flex:0 0 auto}.calendar-table tbody{flex:1 1 auto;display:flex;flex-direction:column;justify-content:space-between}.calendar-head-row{display:grid;grid-template-columns:repeat(7,2.25rem);justify-content:space-between;margin-bottom:.5rem}.calendar-head-cell{width:2.25rem;text-align:center;font-family:var(--font-time);font-size:.875rem;font-weight:500;color:var(--text-primary);padding:0}.calendar-row{display:grid;grid-template-columns:repeat(7,2.25rem);justify-content:space-between;margin-bottom:0}.calendar-cell{position:relative;text-align:center;padding:0;display:flex;align-items:center;justify-content:center}.calendar-day{width:2.25rem;height:2.25rem;display:flex;align-items:center;justify-content:center;font-family:var(--font-time);font-size:1rem;font-weight:600;color:var(--text-primary);background:transparent;border:none;border-radius:50%;cursor:pointer;transition:all .2s ease;padding:0;margin:0}.calendar-day:hover:not(.calendar-day-selected):not(.calendar-day-outside){background:var(--bg-secondary)}.calendar-day-selected{background-color:#e1524d!important;color:#fff!important;font-weight:600}.calendar-day-selected:hover{background-color:#c94540!important;color:#fff!important}.calendar-day-selected:focus{background-color:#e1524d!important;color:#fff!important}.calendar-day-outside{color:var(--text-secondary)!important;font-weight:600;opacity:1}.calendar-day-selected.calendar-day-outside{color:#fff!important}.calendar-day-today{background-color:#303032;color:var(--text-primary)}.calendar-day-today:not(.calendar-day-selected){font-weight:600}.calendar-day-has-watch{position:relative}.calendar-day-has-watch:after{content:"";position:absolute;bottom:.25rem;left:50%;transform:translate(-50%);width:.375rem;height:.375rem;background-color:#fff;border-radius:50%;pointer-events:none}.calendar-watch-card{margin-top:1rem;width:100%;cursor:default;height:5rem}.calendar-watch-card:hover{background:var(--bg-tertiary)}@media (max-width: 479px){.calendar-caption-label{font-size:1.125rem}.calendar-head-cell{font-size:.8rem}.calendar-day{font-size:.9rem}}