:root{--bg-primary: #080810;--bg-surface: #111119;--bg-surface-2: #1A1A24;--bg-surface-3: #24243A;--accent: #00E5A0;--accent-dim: #00B37D;--accent-glow: rgba(0, 229, 160, .12);--blue: #3B82F6;--blue-dim: #2563EB;--danger: #EF4444;--danger-dim: #DC2626;--warning: #F59E0B;--text-primary: #F2F2F8;--text-secondary: #8888A0;--text-tertiary: #50506A;--border: #1E1E30;--border-focus: #3A3A55;--s1: 4px;--s2: 8px;--s3: 12px;--s4: 16px;--s5: 20px;--s6: 24px;--s7: 32px;--s8: 40px;--s9: 48px;--s10: 64px;--r-sm: 10px;--r-md: 14px;--r-lg: 18px;--r-xl: 22px;--r-full: 9999px;--font-body: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", system-ui, sans-serif;--font-display: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Segoe UI", system-ui, sans-serif;--font-mono: "SF Mono", "Fira Code", "Cascadia Code", monospace;--fs-xs: 11px;--fs-sm: 13px;--fs-base: 15px;--fs-lg: 17px;--fs-xl: 21px;--fs-2xl: 26px;--fs-3xl: 32px;--lh-tight: 1.2;--lh-normal: 1.5;--shadow-card: 0 1px 3px rgba(0,0,0,.2), 0 4px 12px rgba(0,0,0,.15);--shadow-lg: 0 8px 32px rgba(0,0,0,.4);--ease: cubic-bezier(.16, 1, .3, 1);--t-fast: .15s;--t-normal: .25s;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--nav-height: 60px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-body);background:var(--bg-primary);color:var(--text-primary);line-height:var(--lh-normal);min-height:100dvh;overflow-x:hidden;-webkit-tap-highlight-color:transparent}#root{min-height:100dvh;display:flex;flex-direction:column}h1,.h1{font-size:var(--fs-3xl);font-weight:700;line-height:var(--lh-tight);letter-spacing:-.02em}h2,.h2{font-size:var(--fs-2xl);font-weight:700;line-height:var(--lh-tight);letter-spacing:-.01em}h3,.h3{font-size:var(--fs-xl);font-weight:600;line-height:var(--lh-tight)}h4,.h4{font-size:var(--fs-lg);font-weight:600}.mono{font-family:var(--font-mono)}.text-sm{font-size:var(--fs-sm)}.text-xs{font-size:var(--fs-xs)}.text-secondary{color:var(--text-secondary)}.text-tertiary{color:var(--text-tertiary)}.text-accent{color:var(--accent)}.text-danger{color:var(--danger)}.text-warning{color:var(--warning)}.screen{flex:1;padding:var(--s6);padding-top:calc(var(--safe-top) + var(--s6));padding-bottom:calc(var(--nav-height) + var(--safe-bottom) + var(--s6));max-width:480px;margin:0 auto;width:100%}.screen-header{margin-bottom:var(--s6)}.screen-header h1{margin-bottom:var(--s2)}.card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--r-md);padding:var(--s4);margin-bottom:var(--s3);transition:border-color var(--t-fast) var(--ease);box-shadow:var(--shadow-card)}.card:hover{border-color:var(--border-focus)}.card-accent{border-left:3px solid var(--accent)}.card-title{font-size:var(--fs-base);font-weight:600;margin-bottom:var(--s2)}.card-subtitle{font-size:var(--fs-sm);color:var(--text-secondary)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--s2);padding:var(--s3) var(--s5);border-radius:var(--r-sm);font-size:var(--fs-base);font-weight:600;font-family:var(--font-body);border:none;cursor:pointer;transition:all var(--t-fast) var(--ease);min-height:48px;min-width:48px;user-select:none;-webkit-user-select:none}.btn:active{transform:scale(.97)}.btn-primary{background:var(--accent);color:var(--bg-primary)}.btn-primary:hover{background:var(--accent-dim)}.btn-primary:disabled{background:var(--bg-surface-3);color:var(--text-tertiary);cursor:not-allowed;transform:none}.btn-secondary{background:var(--bg-surface-2);color:var(--text-primary);border:1px solid var(--border)}.btn-secondary:hover{border-color:var(--border-focus);background:var(--bg-surface-3)}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover{background:var(--danger-dim)}.btn-ghost{background:transparent;color:var(--text-secondary);padding:var(--s2) var(--s3)}.btn-ghost:hover{color:var(--text-primary)}.btn-block{width:100%}.btn-lg{padding:var(--s4) var(--s6);font-size:var(--fs-lg);min-height:56px;border-radius:var(--r-md)}.input-group{margin-bottom:var(--s5)}.input-label{display:block;font-size:var(--fs-sm);font-weight:500;color:var(--text-secondary);margin-bottom:var(--s2);text-transform:uppercase;letter-spacing:.05em}.input{width:100%;padding:var(--s3) var(--s4);background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--r-sm);color:var(--text-primary);font-size:var(--fs-base);font-family:var(--font-body);min-height:48px;transition:border-color var(--t-fast) var(--ease)}.input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.input::placeholder{color:var(--text-tertiary)}textarea.input{resize:vertical;min-height:80px}.chip-grid{display:flex;flex-wrap:wrap;gap:var(--s2)}.chip{display:inline-flex;align-items:center;padding:var(--s2) var(--s4);background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--r-full);font-size:var(--fs-sm);font-weight:500;color:var(--text-secondary);cursor:pointer;transition:all var(--t-fast) var(--ease);min-height:40px;user-select:none;-webkit-user-select:none}.chip:active{transform:scale(.95)}.chip.selected{background:var(--accent-glow);border-color:var(--accent);color:var(--accent)}.chip.selected-danger{background:#ef444426;border-color:var(--danger);color:var(--danger)}.toggle-row{display:flex;align-items:center;justify-content:space-between;padding:var(--s3) 0;border-bottom:1px solid var(--border);min-height:48px}.toggle-row:last-child{border-bottom:none}.toggle-label{font-size:var(--fs-base);font-weight:500}.toggle-sublabel{font-size:var(--fs-xs);color:var(--text-tertiary)}.toggle{position:relative;width:52px;height:32px;background:var(--bg-surface-3);border-radius:var(--r-full);cursor:pointer;transition:background var(--t-fast) var(--ease);flex-shrink:0}.toggle.active{background:var(--accent)}.toggle:after{content:"";position:absolute;top:4px;left:4px;width:24px;height:24px;background:#fff;border-radius:50%;transition:transform var(--t-fast) var(--ease)}.toggle.active:after{transform:translate(20px)}.step-indicator{display:flex;gap:var(--s2);margin-bottom:var(--s7)}.step-dot{flex:1;height:4px;background:var(--bg-surface-3);border-radius:var(--r-full);transition:background var(--t-normal) var(--ease)}.step-dot.active{background:var(--accent)}.step-dot.complete{background:var(--accent-dim)}.badge{display:inline-flex;align-items:center;padding:3px var(--s3);border-radius:var(--r-full);font-size:10px;font-weight:600;letter-spacing:.03em;white-space:nowrap;max-width:160px;overflow:hidden;text-overflow:ellipsis}.badge-green{background:#00e5a026;color:var(--accent)}.badge-yellow{background:#f59e0b26;color:var(--warning)}.badge-red{background:#ef444426;color:var(--danger)}.badge-blue{background:#3b82f626;color:var(--blue)}.badge-gray{background:var(--bg-surface-3);color:var(--text-secondary)}.bottom-nav{position:fixed;bottom:0;left:0;right:0;height:calc(var(--nav-height) + var(--safe-bottom));padding-bottom:var(--safe-bottom);background:var(--bg-surface);border-top:1px solid var(--border);display:flex;align-items:center;justify-content:space-around;z-index:100}.nav-item{display:flex;flex-direction:column;align-items:center;gap:2px;padding:var(--s2) var(--s3);color:var(--text-tertiary);text-decoration:none;font-size:var(--fs-xs);font-weight:500;transition:color var(--t-fast) var(--ease);min-width:64px;cursor:pointer;border:none;background:none;font-family:var(--font-body)}.nav-item.active{color:var(--accent)}.nav-icon{font-size:22px;line-height:1;margin-bottom:1px}.flex{display:flex}.flex-col{flex-direction:column}.flex-1{flex:1}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:var(--s2)}.gap-3{gap:var(--s3)}.gap-4{gap:var(--s4)}.mt-2{margin-top:var(--s2)}.mt-4{margin-top:var(--s4)}.mt-6{margin-top:var(--s6)}.mb-2{margin-bottom:var(--s2)}.mb-4{margin-bottom:var(--s4)}.mb-6{margin-bottom:var(--s6)}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .3s var(--ease) both}.slide-up{animation:slideUp .4s var(--ease) both}.stagger>*:nth-child(1){animation-delay:0ms}.stagger>*:nth-child(2){animation-delay:50ms}.stagger>*:nth-child(3){animation-delay:.1s}.stagger>*:nth-child(4){animation-delay:.15s}.stagger>*:nth-child(5){animation-delay:.2s}.stagger>*:nth-child(6){animation-delay:.25s}@keyframes spin{to{transform:rotate(360deg)}}.spinner{display:inline-block;width:18px;height:18px;border:2px solid transparent;border-top-color:currentColor;border-radius:50%;animation:spin .6s linear infinite}.progress-ring-container{display:flex;flex-direction:column;align-items:center;gap:var(--s2)}.progress-ring{position:relative;width:120px;height:120px}.progress-ring svg{transform:rotate(-90deg)}.progress-ring-text{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.progress-ring-number{font-size:var(--fs-2xl);font-weight:800;font-family:var(--font-display);color:var(--text-primary);line-height:1}.progress-ring-label{font-size:var(--fs-xs);color:var(--text-tertiary);margin-top:2px}.stat-row{display:flex;gap:var(--s2)}.stat-card{flex:1;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--r-md);padding:var(--s3) var(--s4);text-align:center}.stat-value{font-size:var(--fs-xl);font-weight:800;font-family:var(--font-display);color:var(--text-primary);line-height:1}.stat-label{font-size:var(--fs-xs);color:var(--text-tertiary);margin-top:4px}.quick-action{display:flex;align-items:center;gap:var(--s3);width:100%;padding:var(--s4);background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--r-md);cursor:pointer;font-family:var(--font-body);color:var(--text-primary);text-align:left;transition:all var(--t-fast) var(--ease)}.quick-action:active{transform:scale(.98);background:var(--bg-surface-2)}.quick-action-icon{width:42px;height:42px;border-radius:var(--r-sm);display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0}.quick-action-text{flex:1}.quick-action-title{font-weight:600;font-size:var(--fs-base)}.quick-action-sub{font-size:var(--fs-xs);color:var(--text-secondary);margin-top:1px}.quick-action-arrow{color:var(--text-tertiary);font-size:var(--fs-lg)}.empty-state{text-align:center;padding:var(--s10) var(--s6);color:var(--text-secondary)}.empty-state-icon{font-size:48px;margin-bottom:var(--s4);opacity:.5}.empty-state h3{margin-bottom:var(--s2);color:var(--text-primary)}.day-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--s2)}.day-chip{display:flex;flex-direction:column;align-items:center;padding:var(--s3) var(--s2);background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--r-sm);font-size:var(--fs-sm);font-weight:500;color:var(--text-secondary);cursor:pointer;transition:all var(--t-fast) var(--ease);min-height:56px;-webkit-user-select:none;user-select:none}.day-chip:active{transform:scale(.95)}.day-chip.selected{background:var(--accent-glow);border-color:var(--accent);color:var(--accent)}.day-chip.blocked{opacity:.3;cursor:not-allowed;text-decoration:line-through}.day-chip-abbrev{font-size:var(--fs-xs);color:var(--text-tertiary);margin-top:2px}.day-chip.selected .day-chip-abbrev{color:var(--accent-dim)}.time-slots{display:flex;flex-wrap:wrap;gap:var(--s2);margin-top:var(--s2);padding-left:var(--s2)}