@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600&family=JetBrains+Mono:wght@300;400;500&display=swap";:root{--c-cyan: #08D9D6;--c-charcoal: #252A34;--c-pink: #FF2E63;--c-gray: #EAEAEA;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-mono: "JetBrains Mono", "Roboto Mono", monospace;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 32px;--space-xl: 64px;--space-2xl: 128px}:root,[data-theme=light]{--bg-base: var(--c-gray);--bg-surface: var(--c-gray);--bg-hover: rgba(37, 42, 52, .04);--bg-active: rgba(37, 42, 52, .08);--text-primary: var(--c-charcoal);--text-secondary: rgba(37, 42, 52, .6);--text-tertiary: rgba(37, 42, 52, .4);--border-subtle: rgba(37, 42, 52, .12);--border-focus: var(--text-primary);--accent-main: var(--c-cyan);--accent-alt: var(--c-pink)}[data-theme=dark]{--bg-base: var(--c-charcoal);--bg-surface: var(--c-charcoal);--bg-hover: rgba(234, 234, 234, .04);--bg-active: rgba(234, 234, 234, .08);--text-primary: var(--c-gray);--text-secondary: rgba(234, 234, 234, .6);--text-tertiary: rgba(234, 234, 234, .4);--border-subtle: rgba(234, 234, 234, .12);--border-focus: var(--text-primary)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{font-family:var(--font-sans);background-color:var(--bg-base);color:var(--text-primary);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color .3s ease,color .3s ease}.app-container{display:flex;flex-direction:column;min-height:100vh}.main-content{flex:1;width:100%;max-width:720px;margin:0 auto;padding:var(--space-xl) var(--space-md);display:flex;flex-direction:column}h1,h2,h3,h4{font-weight:500;letter-spacing:-.02em;color:var(--text-primary)}.text-mono{font-family:var(--font-mono);letter-spacing:-.05em}.nav-header{padding:var(--space-md) var(--space-lg);display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border-subtle)}.nav-brand{font-weight:600;font-size:14px;text-decoration:none;color:var(--text-primary);letter-spacing:.05em;text-transform:uppercase}.nav-links{display:flex;gap:var(--space-lg)}.nav-link{text-decoration:none;font-size:14px;font-weight:400;color:var(--text-secondary);transition:color .2s;padding-bottom:4px;border-bottom:1px solid transparent}.nav-link:hover{color:var(--text-primary)}.nav-link.active{color:var(--text-primary);border-bottom-color:var(--text-primary)}.timer-hero{display:flex;flex-direction:column;align-items:center;justify-content:center;margin:var(--space-2xl) 0}.timer-display{font-family:var(--font-mono);font-size:clamp(64px,10vw,120px);font-weight:300;line-height:1;letter-spacing:-.05em;color:var(--text-primary);font-variant-numeric:tabular-nums;position:relative;margin-bottom:var(--space-lg)}.timer-display.running{color:var(--accent-main)}.btn{font-family:var(--font-sans);background:transparent;border:1px solid var(--border-subtle);color:var(--text-primary);padding:10px 24px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;justify-content:center;gap:8px;outline:none}.btn:hover{border-color:var(--border-focus);background:var(--bg-hover)}.btn:focus-visible{border-color:var(--accent-main)}.btn-primary{background:var(--text-primary);color:var(--bg-base);border-color:var(--text-primary)}.btn-primary:hover{background:var(--text-primary);opacity:.9;border-color:var(--text-primary)}.btn-danger{color:var(--accent-alt);border-color:#ff2e634d}.btn-danger:hover{border-color:var(--accent-alt);background:#ff2e630d}.input-minimal{background:transparent;border:none;border-bottom:1px solid var(--border-subtle);color:var(--text-primary);font-family:var(--font-sans);font-size:16px;padding:8px 0;width:100%;transition:border-color .2s;outline:none}.input-minimal:focus{border-bottom-color:var(--text-primary)}.input-minimal::placeholder{color:var(--text-tertiary)}.input-hero{text-align:center;font-size:20px;max-width:300px;margin:0 auto}.flat-list{list-style:none;width:100%}.list-item{display:flex;align-items:center;justify-content:space-between;padding:var(--space-md) 0;border-bottom:1px solid var(--border-subtle);transition:background-color .2s;cursor:pointer}.list-item:hover{background:var(--bg-hover)}.item-title{font-size:15px;font-weight:500;color:var(--text-primary)}.item-meta{font-size:13px;color:var(--text-secondary);font-family:var(--font-mono)}.status-dot{width:6px;height:6px;border-radius:50%;display:inline-block}.status-dot.prod{background-color:var(--accent-main)}.status-dot.rest{background-color:var(--text-tertiary)}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-lg);margin-bottom:var(--space-xl)}.stat-block{display:flex;flex-direction:column;gap:var(--space-xs)}.stat-block .label{font-size:12px;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);font-weight:500}.stat-block .value{font-size:32px;font-family:var(--font-mono);font-weight:300;color:var(--text-primary)}.auth-wrapper{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;max-width:320px;margin:0 auto;width:100%}.auth-header{font-size:24px;font-weight:500;margin-bottom:var(--space-xl);text-align:center}.form-group{margin-bottom:var(--space-lg);width:100%}.form-label{display:block;font-size:12px;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);margin-bottom:var(--space-sm)}.error-message{color:var(--accent-alt);font-size:13px;margin-bottom:var(--space-md);text-align:center}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--bg-base);display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{width:100%;max-width:400px;padding:var(--space-xl);border:1px solid var(--border-subtle);background:var(--bg-base)}.modal-header{font-size:18px;font-weight:500;margin-bottom:var(--space-lg);padding-bottom:var(--space-md);border-bottom:1px solid var(--border-subtle)}