body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--bg: #e9eaec;--text: #111827;--muted: #6b7280;--card-bg: #ffffff;--card-text: #111827;--border: #e5e7eb;--shadow-1: 0 1px 2px rgba(0,0,0,.06);--shadow-2: 0 6px 16px rgba(0,0,0,.08);--chip-blue-bg: #eff6ff;--chip-blue-text: #1d4ed8;--chip-green-bg: #ecfdf5;--chip-green-text: #047857;--chip-red-bg: #DCA1A1;--chip-red-text: #FF0000;--surface: #f9fafb;--img-bg: #f9fafb;--backdrop: rgba(0,0,0,.5);--accent: #e3000b;--btn-primary: #1f2937;--panel-shadow: 0 2px 8px rgba(0,0,0,.06), 0 8px 32px rgba(0,0,0,.1)}.dark{--bg: #0b1220;--text: #e5e7eb;--muted: #9ca3af;--card-bg: #0f172a;--card-text: #e5e7eb;--border: #1f2937;--shadow-1: 0 1px 2px rgba(0,0,0,.5);--shadow-2: 0 8px 24px rgba(0,0,0,.6);--chip-blue-bg: #0b2547;--chip-blue-text: #93c5fd;--chip-green-bg: #082d26;--chip-green-text: #6ee7b7;--chip-red-bg: #DCA1A1;--chip-red-text: #FF0000;--surface: #111827;--backdrop: rgba(0,0,0,.65);--accent: #e3000b;--btn-primary: #374151;--panel-shadow: 0 2px 8px rgba(0,0,0,.3), 0 8px 40px rgba(0,0,0,.55)}select{-moz-appearance:none;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%236b7280' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center}.dark select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%239ca3af' d='M6 8L1 3h10z'/%3E%3C/svg%3E")}@keyframes spin{to{transform:rotate(360deg)}}html,body{height:100%;color:var(--text)}body{background-color:var(--bg);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='72' height='72'%3E%3Cline x1='0' y1='72' x2='72' y2='0' stroke='rgba(0,0,0,0.07)' stroke-width='1.5' stroke-dasharray='16 22'/%3E%3C/svg%3E");background-size:72px 72px}.dark body{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='72' height='72'%3E%3Cline x1='0' y1='72' x2='72' y2='0' stroke='rgba(255,255,255,0.06)' stroke-width='1.5' stroke-dasharray='16 22'/%3E%3C/svg%3E")}#root{height:100%;background:transparent}.time-input{display:inline-flex;align-items:center;gap:4px;background:var(--card-bg, #1e1e1e);border:2px solid var(--border, #333);border-radius:12px;padding:12px 20px}.time-segment{display:flex;flex-direction:column;align-items:center;gap:4px}.time-display{font-size:2.4rem;font-weight:700;font-variant-numeric:tabular-nums;min-width:60px;text-align:center;color:var(--text, #fff);line-height:1}.time-colon{font-size:2.4rem;font-weight:700;color:var(--text, #fff);line-height:1;transform:translateY(-4px)}.time-btn{background:none;border:none;cursor:pointer;font-size:1rem;color:#666;padding:2px 12px;border-radius:4px;line-height:1;transition:color .15s,background .15s}.time-btn:hover{background:var(--accent, #e3000b);color:#fff}.time-display.clickable{cursor:pointer}.time-display.clickable:hover{color:var(--accent, #e3000b)}.time-edit-input{width:60px;font-size:2.4rem;font-weight:700;font-variant-numeric:tabular-nums;text-align:center;background:transparent;border:none;border-bottom:2px solid var(--accent, #e3000b);color:var(--text, #fff);outline:none;padding:0;line-height:1}.time-edit-input::-webkit-inner-spin-button,.time-edit-input::-webkit-outer-spin-button{-webkit-appearance:none}.time-edit-input[type=number]{-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}.time-labels{display:none}