@import url(https://fonts.googleapis.com/css2?family=Syne:wght@400;600;700;800&family=DM+Mono:ital,wght@0,300;0,400;0,500;1,400&family=Lato:wght@300;400;700&display=swap);:root{--bg-base:#05090f;--bg-surface:#0b1220;--bg-card:#0e1929;--bg-card-hover:#121f33;--bg-overlay:#05090fd9;--border-subtle:#00d4b414;--border-default:#00d4b42e;--border-strong:#00d4b461;--accent:#00d4b4;--accent-dim:#00d4b41f;--accent-glow:0 0 24px #00d4b438;--amber:#f59e0b;--amber-dim:#f59e0b1f;--text-primary:#def;--text-secondary:#6b8faf;--text-muted:#3a5570;--text-inverse:#050910;--success:#22d97e;--danger:#f25f5c;--warning:#f59e0b;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:24px;--font-display:"Syne",sans-serif;--font-mono:"DM Mono",monospace;--font-body:"Lato",sans-serif;--ease-out:cubic-bezier(0.16,1,0.3,1);--ease-in:cubic-bezier(0.4,0,1,1);--t-fast:150ms;--t-med:280ms;--t-slow:480ms}*,:after,:before{box-sizing:border-box;margin:0;padding:0}#root,body,html{height:100%}body{-webkit-font-smoothing:antialiased;background-color:#05090f;background-color:var(--bg-base);color:#def;color:var(--text-primary);font-family:Lato,sans-serif;font-family:var(--font-body);line-height:1.6;overflow-x:hidden}body:before{background-image:linear-gradient(#00d4b414 1px,#0000 0),linear-gradient(90deg,#00d4b414 1px,#0000 0);background-image:linear-gradient(var(--border-subtle) 1px,#0000 1px),linear-gradient(90deg,var(--border-subtle) 1px,#0000 1px);background-size:40px 40px;content:"";inset:0;pointer-events:none;position:fixed;z-index:0}.App{display:flex;flex-direction:column;font-family:Lato,sans-serif;font-family:var(--font-body);min-height:100vh;position:relative;z-index:1}.navigation-header{align-items:center;backdrop-filter:blur(18px) saturate(1.4);-webkit-backdrop-filter:blur(18px) saturate(1.4);background:#0b1220e0;border-bottom:1px solid #00d4b42e;border-bottom:1px solid var(--border-default);box-shadow:0 1px 0 #00d4b414,0 8px 32px #0006;box-shadow:0 1px 0 var(--border-subtle),0 8px 32px #0006;display:flex;height:64px;justify-content:space-between;padding:0 32px;padding:0 var(--space-8);position:sticky;top:0;z-index:100}.header-wordmark{align-items:center;display:flex;gap:12px;gap:var(--space-3);text-decoration:none}.header-wordmark .wordmark-icon{align-items:center;background:#00d4b4;background:var(--accent);border-radius:6px;border-radius:var(--radius-sm);box-shadow:0 0 24px #00d4b438;box-shadow:var(--accent-glow);color:#050910;color:var(--text-inverse);display:flex;flex-shrink:0;font-family:Syne,sans-serif;font-family:var(--font-display);font-size:16px;font-weight:800;height:32px;justify-content:center;width:32px}.header-wordmark .wordmark-text{color:#def;color:var(--text-primary);font-family:Syne,sans-serif;font-family:var(--font-display);font-size:1.1rem;font-weight:700;letter-spacing:-.01em}.header-wordmark .wordmark-text span{color:#00d4b4;color:var(--accent)}.session-status{align-items:center;background:#00d4b41f;background:var(--accent-dim);border:1px solid #00d4b42e;border:1px solid var(--border-default);border-radius:999px;color:#6b8faf;color:var(--text-secondary);display:flex;font-family:DM Mono,monospace;font-family:var(--font-mono);font-size:.7rem;gap:8px;gap:var(--space-2);letter-spacing:.08em;padding:5px 12px;text-transform:uppercase}.session-status .status-dot{animation:pulse-dot 2s ease-in-out infinite;background:#22d97e;background:var(--success);border-radius:50%;height:6px;width:6px}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}.nav-buttons-group{display:flex;gap:8px;gap:var(--space-2)}.nav-button{background:#0000;border:1px solid #00d4b42e;border:1px solid var(--border-default);border-radius:6px;border-radius:var(--radius-sm);color:#6b8faf;color:var(--text-secondary);cursor:pointer;font-family:Syne,sans-serif;font-family:var(--font-display);font-size:.82rem;font-weight:600;letter-spacing:.04em;padding:7px 16px;text-transform:uppercase;transition:background .15s cubic-bezier(.16,1,.3,1),color .15s cubic-bezier(.16,1,.3,1),border-color .15s cubic-bezier(.16,1,.3,1);transition:background var(--t-fast) var(--ease-out),color var(--t-fast) var(--ease-out),border-color var(--t-fast) var(--ease-out)}.nav-button:hover{border-color:#00d4b461;border-color:var(--border-strong);color:#def;color:var(--text-primary)}.nav-button.active,.nav-button:hover{background:#00d4b41f;background:var(--accent-dim)}.nav-button.active{border-color:#00d4b4;border-color:var(--accent);box-shadow:0 0 24px #00d4b438;box-shadow:var(--accent-glow);color:#00d4b4;color:var(--accent)}.App-main{flex:1 1;padding:32px;padding:var(--space-8);position:relative;z-index:1}.dashboard-container{grid-gap:20px;grid-gap:var(--space-5);display:grid;gap:20px;gap:var(--space-5);grid-template-columns:1fr 1fr 1fr;grid-template-rows:auto auto;margin:0 auto;max-width:1440px}.card{background:#0e1929;background:var(--bg-card);border:1px solid #00d4b42e;border:1px solid var(--border-default);border-radius:16px;border-radius:var(--radius-lg);overflow:hidden;padding:24px;padding:var(--space-6);position:relative;transition:background .28s cubic-bezier(.16,1,.3,1),border-color .28s cubic-bezier(.16,1,.3,1),transform .28s cubic-bezier(.16,1,.3,1),box-shadow .28s cubic-bezier(.16,1,.3,1);transition:background var(--t-med) var(--ease-out),border-color var(--t-med) var(--ease-out),transform var(--t-med) var(--ease-out),box-shadow var(--t-med) var(--ease-out)}.card:before{background:linear-gradient(90deg,#0000,#00d4b4 30%,#00d4b4 70%,#0000);background:linear-gradient(90deg,#0000,var(--accent) 30%,var(--accent) 70%,#0000);content:"";height:1px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .28s cubic-bezier(.16,1,.3,1);transition:opacity var(--t-med) var(--ease-out)}.card:hover{background:#121f33;background:var(--bg-card-hover);border-color:#00d4b461;border-color:var(--border-strong);box-shadow:0 16px 48px #0006,0 0 24px #00d4b438;box-shadow:0 16px 48px #0006,var(--accent-glow);transform:translateY(-2px)}.card:hover:before{opacity:.5}.card-label{align-items:center;color:#3a5570;color:var(--text-muted);display:flex;font-family:DM Mono,monospace;font-family:var(--font-mono);font-size:.65rem;font-weight:500;gap:8px;gap:var(--space-2);letter-spacing:.14em;margin-bottom:16px;margin-bottom:var(--space-4);text-transform:uppercase}.card-label:before{background:#00d4b4;background:var(--accent);border-radius:2px;content:"";display:inline-block;height:10px;width:3px}.card h3{color:#def;color:var(--text-primary);font-family:Syne,sans-serif;font-family:var(--font-display);font-size:1.1rem;font-weight:700;letter-spacing:-.01em;margin-bottom:16px;margin-bottom:var(--space-4)}.camera-section{grid-column:1/2;grid-row:1/3}.camera{aspect-ratio:4/3;background:#0b1220;background:var(--bg-surface);border:1px solid #00d4b414;border:1px solid var(--border-subtle);border-radius:10px;border-radius:var(--radius-md);height:auto;overflow:hidden;position:relative;width:100%}.camera img,.camera video{border-radius:10px;border-radius:var(--radius-md);display:block;height:100%;object-fit:cover;width:100%}.camera-overlay{inset:0;pointer-events:none;position:absolute}.camera-overlay:after,.camera-overlay:before{border-color:#00d4b4;border-color:var(--accent);border-style:solid;content:"";height:20px;opacity:.8;position:absolute;width:20px}.camera-overlay:before{border-radius:2px 0 0 0;border-width:2px 0 0 2px;left:8px;top:8px}.camera-overlay:after{border-radius:0 0 2px 0;border-width:0 2px 2px 0;bottom:8px;right:8px}.camera-status-bar{align-items:center;background:#0b1220;background:var(--bg-surface);border:1px solid #00d4b414;border:1px solid var(--border-subtle);border-radius:6px;border-radius:var(--radius-sm);color:#6b8faf;color:var(--text-secondary);display:flex;font-family:DM Mono,monospace;font-family:var(--font-mono);font-size:.68rem;justify-content:space-between;margin-top:12px;margin-top:var(--space-3);padding:8px 12px;padding:var(--space-2) var(--space-3)}.graph-section{grid-column:2/3;grid-row:1/2}.task-timer-section{grid-column:3/4;grid-row:1/3}.analytics-row{grid-column:2/3;grid-row:2/3}.stat-grid{grid-gap:12px;grid-gap:var(--space-3);display:grid;gap:12px;gap:var(--space-3);grid-template-columns:1fr 1fr;margin-bottom:16px;margin-bottom:var(--space-4)}.stat-chip{background:#0b1220;background:var(--bg-surface);border:1px solid #00d4b414;border:1px solid var(--border-subtle);border-radius:10px;border-radius:var(--radius-md);padding:12px 16px;padding:var(--space-3) var(--space-4);transition:border-color .15s cubic-bezier(.16,1,.3,1);transition:border-color var(--t-fast) var(--ease-out)}.stat-chip:hover{border-color:#00d4b461;border-color:var(--border-strong)}.stat-chip .stat-value{color:#00d4b4;color:var(--accent);font-size:1.5rem;font-weight:500;line-height:1;margin-bottom:4px}.stat-chip .stat-label,.stat-chip .stat-value{font-family:DM Mono,monospace;font-family:var(--font-mono)}.stat-chip .stat-label{color:#3a5570;color:var(--text-muted);font-size:.62rem;font-weight:400;letter-spacing:.1em;text-transform:uppercase}.focus-score-container{align-items:center;display:flex;gap:20px;gap:var(--space-5);margin-bottom:20px;margin-bottom:var(--space-5)}.focus-ring{flex-shrink:0;height:80px;position:relative;width:80px}.focus-ring svg{transform:rotate(-90deg)}.focus-ring .ring-bg{fill:none;stroke:#0b1220;stroke:var(--bg-surface);stroke-width:5}.focus-ring .ring-progress{fill:none;stroke:#00d4b4;stroke:var(--accent);stroke-width:5;stroke-linecap:round;filter:drop-shadow(0 0 6px #00d4b4);filter:drop-shadow(0 0 6px var(--accent));transition:stroke-dashoffset 1s cubic-bezier(.16,1,.3,1);transition:stroke-dashoffset 1s var(--ease-out)}.focus-ring .ring-label{align-items:center;display:flex;flex-direction:column;font-family:DM Mono,monospace;font-family:var(--font-mono);inset:0;justify-content:center;position:absolute}.focus-ring .ring-label .ring-value{color:#00d4b4;color:var(--accent);font-size:1.1rem;font-weight:500;line-height:1}.focus-ring .ring-label .ring-unit{color:#3a5570;color:var(--text-muted);font-size:.55rem;letter-spacing:.1em;text-transform:uppercase}.focus-score-meta{flex:1 1}.focus-score-meta .score-title{color:#def;color:var(--text-primary);font-family:Syne,sans-serif;font-family:var(--font-display);font-size:1.2rem;font-weight:700;margin-bottom:4px}.focus-score-meta .score-subtitle{color:#3a5570;color:var(--text-muted);font-family:DM Mono,monospace;font-family:var(--font-mono);font-size:.7rem;letter-spacing:.08em;text-transform:uppercase}.timer-display{background:#0b1220;background:var(--bg-surface);border:1px solid #00d4b42e;border:1px solid var(--border-default);border-radius:10px;border-radius:var(--radius-md);margin-bottom:20px;margin-bottom:var(--space-5);overflow:hidden;padding:24px;padding:var(--space-6);position:relative;text-align:center}.timer-display:after{animation:timer-scan 4s linear infinite;background:#00d4b4;background:var(--accent);bottom:0;box-shadow:0 0 8px #00d4b4;box-shadow:0 0 8px var(--accent);content:"";height:2px;left:0;opacity:.5;position:absolute}@keyframes timer-scan{0%{left:0;width:0}50%{left:0;width:100%}to{left:100%;width:0}}.timer{color:#def;color:var(--text-primary);font-size:3rem;font-weight:300;letter-spacing:.08em;line-height:1}.timer,.timer-phase{font-family:DM Mono,monospace;font-family:var(--font-mono)}.timer-phase{color:#3a5570;color:var(--text-muted);font-size:.65rem;letter-spacing:.16em;margin-top:8px;margin-top:var(--space-2);text-transform:uppercase}.timer-buttons{grid-gap:8px;grid-gap:var(--space-2);display:grid;gap:8px;gap:var(--space-2);grid-template-columns:1fr 1fr 1fr;margin-bottom:20px;margin-bottom:var(--space-5)}.btn{align-items:center;border:1px solid;border-radius:6px;border-radius:var(--radius-sm);cursor:pointer;display:inline-flex;font-family:Syne,sans-serif;font-family:var(--font-display);font-size:.78rem;font-weight:700;gap:6px;justify-content:center;letter-spacing:.06em;padding:10px 16px;text-transform:uppercase;transition:background .15s cubic-bezier(.16,1,.3,1),color .15s cubic-bezier(.16,1,.3,1),border-color .15s cubic-bezier(.16,1,.3,1),box-shadow .15s cubic-bezier(.16,1,.3,1),transform .15s cubic-bezier(.16,1,.3,1);transition:background var(--t-fast) var(--ease-out),color var(--t-fast) var(--ease-out),border-color var(--t-fast) var(--ease-out),box-shadow var(--t-fast) var(--ease-out),transform var(--t-fast) var(--ease-out)}.btn:active{transform:scale(.97)}.btn-primary{background:#00d4b4;background:var(--accent);border-color:#00d4b4;border-color:var(--accent);color:#050910;color:var(--text-inverse);font-weight:800}.btn-primary:hover{background:#0000;box-shadow:0 0 24px #00d4b438;box-shadow:var(--accent-glow);color:#00d4b4;color:var(--accent)}.btn-ghost{background:#0000;border-color:#00d4b42e;border-color:var(--border-default);color:#6b8faf;color:var(--text-secondary)}.btn-ghost:hover{background:#00d4b41f;background:var(--accent-dim);border-color:#00d4b461;border-color:var(--border-strong);color:#def;color:var(--text-primary)}.btn-danger{background:#0000;border-color:#f25f5c;border-color:var(--danger);color:#f25f5c;color:var(--danger)}.btn-danger:hover{background:#f25f5c1f;box-shadow:0 0 16px #f25f5c33}.task-input{display:flex;gap:8px;gap:var(--space-2);margin-bottom:16px;margin-bottom:var(--space-4)}.task-input input{background:#0b1220;background:var(--bg-surface);border:1px solid #00d4b42e;border:1px solid var(--border-default);border-radius:6px;border-radius:var(--radius-sm);color:#def;color:var(--text-primary);flex:1 1;font-family:DM Mono,monospace;font-family:var(--font-mono);font-size:.82rem;outline:none;padding:10px 12px;padding:10px var(--space-3);transition:border-color .15s cubic-bezier(.16,1,.3,1),box-shadow .15s cubic-bezier(.16,1,.3,1);transition:border-color var(--t-fast) var(--ease-out),box-shadow var(--t-fast) var(--ease-out)}.task-input input::placeholder{color:#3a5570;color:var(--text-muted)}.task-input input:focus{border-color:#00d4b4;border-color:var(--accent);box-shadow:0 0 0 3px #00d4b41f;box-shadow:0 0 0 3px var(--accent-dim)}.add-task-btn{background:#00d4b4;background:var(--accent);border:1px solid #00d4b4;border:1px solid var(--accent);border-radius:6px;border-radius:var(--radius-sm);color:#050910;color:var(--text-inverse);cursor:pointer;font-family:Syne,sans-serif;font-family:var(--font-display);font-size:.75rem;font-weight:800;letter-spacing:.06em;padding:10px 16px;text-transform:uppercase;transition:background .15s cubic-bezier(.16,1,.3,1),color .15s cubic-bezier(.16,1,.3,1),box-shadow .15s cubic-bezier(.16,1,.3,1);transition:background var(--t-fast) var(--ease-out),color var(--t-fast) var(--ease-out),box-shadow var(--t-fast) var(--ease-out);white-space:nowrap}.add-task-btn:hover{background:#0000;box-shadow:0 0 24px #00d4b438;box-shadow:var(--accent-glow);color:#00d4b4;color:var(--accent)}.task-list{display:flex;flex-direction:column;gap:8px;gap:var(--space-2);list-style:none;max-height:340px;overflow-y:auto;padding-right:2px}.task-list::-webkit-scrollbar{width:3px}.task-list::-webkit-scrollbar-track{background:#0b1220;background:var(--bg-surface)}.task-list::-webkit-scrollbar-thumb{background:#00d4b461;background:var(--border-strong);border-radius:999px}.task-list li{align-items:center;animation:task-enter .28s cubic-bezier(.16,1,.3,1) both;animation:task-enter var(--t-med) var(--ease-out) both;background:#0b1220;background:var(--bg-surface);border:1px solid #00d4b414;border:1px solid var(--border-subtle);border-radius:6px;border-radius:var(--radius-sm);color:#def;color:var(--text-primary);display:flex;font-family:Lato,sans-serif;font-family:var(--font-body);font-size:.86rem;gap:12px;gap:var(--space-3);padding:12px 16px;padding:var(--space-3) var(--space-4);transition:background .15s cubic-bezier(.16,1,.3,1),border-color .15s cubic-bezier(.16,1,.3,1),opacity .15s cubic-bezier(.16,1,.3,1);transition:background var(--t-fast) var(--ease-out),border-color var(--t-fast) var(--ease-out),opacity var(--t-fast) var(--ease-out)}@keyframes task-enter{0%{opacity:0;transform:translateX(-8px)}to{opacity:1;transform:translateX(0)}}.task-list li:hover{background:#0e1929;background:var(--bg-card);border-color:#00d4b42e;border-color:var(--border-default)}.task-list li.completed{opacity:.45}.task-list li.completed span{color:#3a5570;color:var(--text-muted);text-decoration:line-through}.task-checkbox{align-items:center;border:1.5px solid #00d4b461;border:1.5px solid var(--border-strong);border-radius:4px;cursor:pointer;display:flex;flex-shrink:0;height:16px;justify-content:center;transition:border-color .15s cubic-bezier(.16,1,.3,1),background .15s cubic-bezier(.16,1,.3,1);transition:border-color var(--t-fast) var(--ease-out),background var(--t-fast) var(--ease-out);width:16px}.task-checkbox.checked{background:#00d4b4;background:var(--accent);border-color:#00d4b4;border-color:var(--accent)}.task-checkbox.checked:after{color:#050910;color:var(--text-inverse);content:"✓";font-size:10px;font-weight:700}.task-text{flex:1 1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.delete-btn{background:#0000;border:none;border-radius:6px;border-radius:var(--radius-sm);color:#3a5570;color:var(--text-muted);cursor:pointer;flex-shrink:0;font-family:DM Mono,monospace;font-family:var(--font-mono);font-size:.75rem;padding:2px 6px;transition:color .15s cubic-bezier(.16,1,.3,1);transition:color var(--t-fast) var(--ease-out)}.delete-btn:hover{color:#f25f5c;color:var(--danger)}.progress-bar{background:#0b1220;background:var(--bg-surface);border-radius:999px;height:3px;margin-top:8px;margin-top:var(--space-2);overflow:hidden}.progress-fill{background:linear-gradient(90deg,#00d4b4,#0fc);background:linear-gradient(90deg,var(--accent),#0fc);border-radius:999px;box-shadow:0 0 8px #00d4b4;box-shadow:0 0 8px var(--accent);height:100%;transition:width .6s cubic-bezier(.16,1,.3,1);transition:width .6s var(--ease-out)}.chart-wrapper{background:#0b1220;background:var(--bg-surface);border:1px solid #00d4b414;border:1px solid var(--border-subtle);border-radius:10px;border-radius:var(--radius-md);margin-bottom:12px;margin-bottom:var(--space-3);padding:16px;padding:var(--space-4)}.graph-button{background:#0000;border:1px solid #00d4b42e;border:1px solid var(--border-default);border-radius:6px;border-radius:var(--radius-sm);color:#6b8faf;color:var(--text-secondary);cursor:pointer;font-family:Syne,sans-serif;font-family:var(--font-display);font-size:.75rem;font-weight:700;letter-spacing:.06em;padding:8px 16px;text-transform:uppercase;transition:border-color .15s cubic-bezier(.16,1,.3,1),color .15s cubic-bezier(.16,1,.3,1);transition:border-color var(--t-fast) var(--ease-out),color var(--t-fast) var(--ease-out)}.graph-button:hover{border-color:#00d4b4;border-color:var(--accent);color:#00d4b4;color:var(--accent)}.about-page{animation:fade-up .5s cubic-bezier(.16,1,.3,1) both;animation:fade-up .5s var(--ease-out) both;margin:0 auto;max-width:800px}@keyframes fade-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.about-hero{margin-bottom:48px;margin-bottom:var(--space-12);padding:48px 0;padding:var(--space-12) 0;text-align:center}.about-hero .about-badge{color:#00d4b4;color:var(--accent);display:block;font-family:DM Mono,monospace;font-family:var(--font-mono);font-size:.65rem;letter-spacing:.2em;margin-bottom:16px;margin-bottom:var(--space-4);text-transform:uppercase}.about-hero h1{color:#def;color:var(--text-primary);font-family:Syne,sans-serif;font-family:var(--font-display);font-size:clamp(2.5rem,6vw,4rem);font-weight:800;letter-spacing:-.04em;line-height:1.1;margin-bottom:20px;margin-bottom:var(--space-5)}.about-hero h1 em{color:#00d4b4;color:var(--accent);font-style:normal}.about-hero p{color:#6b8faf;color:var(--text-secondary);font-size:1.05rem;line-height:1.7;margin:0 auto;max-width:500px}.feature-grid{grid-gap:16px;grid-gap:var(--space-4);display:grid;gap:16px;gap:var(--space-4);grid-template-columns:1fr 1fr}.feature-card{background:#0e1929;background:var(--bg-card);border:1px solid #00d4b42e;border:1px solid var(--border-default);border-radius:16px;border-radius:var(--radius-lg);padding:24px;padding:var(--space-6);transition:border-color .28s cubic-bezier(.16,1,.3,1),transform .28s cubic-bezier(.16,1,.3,1);transition:border-color var(--t-med) var(--ease-out),transform var(--t-med) var(--ease-out)}.feature-card:hover{border-color:#00d4b461;border-color:var(--border-strong);transform:translateY(-2px)}.feature-card .feature-icon{display:block;font-size:1.5rem;margin-bottom:12px;margin-bottom:var(--space-3)}.feature-card h3{color:#def;color:var(--text-primary);font-family:Syne,sans-serif;font-family:var(--font-display);font-size:1rem;font-weight:700;margin-bottom:8px;margin-bottom:var(--space-2)}.feature-card p{color:#6b8faf;color:var(--text-secondary);font-size:.88rem;line-height:1.6}.error-banner{align-items:center;background:#f25f5c12;border:1px solid #f25f5c38;border-radius:6px;border-radius:var(--radius-sm);color:#f25f5c;color:var(--danger);display:flex;font-size:.7rem;gap:8px;gap:var(--space-2);letter-spacing:.03em;margin-bottom:16px;margin-bottom:var(--space-4);padding:9px 14px}.empty-state,.error-banner{font-family:DM Mono,monospace;font-family:var(--font-mono)}.empty-state{background:#0b1220;background:var(--bg-surface);border:1px dashed #00d4b42e;border:1px dashed var(--border-default);border-radius:10px;border-radius:var(--radius-md);color:#3a5570;color:var(--text-muted);font-size:.75rem;letter-spacing:.06em;line-height:1.7;padding:32px 24px;padding:var(--space-8) var(--space-6);text-align:center}.btn:disabled,.btn[disabled]{pointer-events:none}.add-task-btn:disabled,.btn:disabled,.btn[disabled]{cursor:not-allowed;opacity:.35}.graph-image{border:1px solid #00d4b414;border:1px solid var(--border-subtle);border-radius:10px;border-radius:var(--radius-md);display:block;height:auto;margin-bottom:12px;margin-bottom:var(--space-3);width:100%}.section-divider{background:#00d4b414;background:var(--border-subtle);height:1px;margin:20px 0;margin:var(--space-5) 0}.camera-unavailable{align-items:center;aspect-ratio:16/9;background:#0b1220;background:var(--bg-surface);border:1px solid #00d4b414;border:1px solid var(--border-subtle);border-radius:10px;border-radius:var(--radius-md);color:#3a5570;color:var(--text-muted);display:flex;flex-direction:column;font-family:DM Mono,monospace;font-family:var(--font-mono);font-size:.72rem;gap:12px;gap:var(--space-3);justify-content:center;letter-spacing:.08em;width:100%}.camera-unavailable .cam-icon{font-size:1.8rem;opacity:.3}.live-badge{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;border:1px solid #00d4b42e;border:1px solid var(--border-default);border-radius:999px;bottom:12px;bottom:var(--space-3);color:#22d97e;color:var(--success);display:flex;font-family:DM Mono,monospace;font-family:var(--font-mono);font-size:.62rem;gap:5px;left:12px;left:var(--space-3);letter-spacing:.12em;padding:4px 10px;position:absolute;text-transform:uppercase}.live-badge .live-dot{animation:pulse-dot 1.5s ease-in-out infinite;background:#22d97e;background:var(--success);border-radius:50%;height:5px;width:5px}.timer-phase.running{color:#00d4b4;color:var(--accent)}.task-counter,.timer-phase.ready{color:#3a5570;color:var(--text-muted)}.task-counter{background:#0b1220;background:var(--bg-surface);border:1px solid #00d4b414;border:1px solid var(--border-subtle);border-radius:999px;font-family:DM Mono,monospace;font-family:var(--font-mono);font-size:.65rem;margin-left:8px;margin-left:var(--space-2);padding:2px 8px}.detected-yes{color:#22d97e;color:var(--success)}.detected-no{color:#f25f5c;color:var(--danger)}.dashboard-container>*{animation:card-reveal .5s cubic-bezier(.16,1,.3,1) both;animation:card-reveal .5s var(--ease-out) both}.dashboard-container>:first-child{animation-delay:.05s}.dashboard-container>:nth-child(2){animation-delay:.1s}.dashboard-container>:nth-child(3){animation-delay:.15s}.dashboard-container>:nth-child(4){animation-delay:.2s}.dashboard-container>:nth-child(5){animation-delay:.25s}@keyframes card-reveal{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1100px){.dashboard-container{grid-template-columns:1fr 1fr}.camera-section{grid-column:1/2;grid-row:1/2}.graph-section{grid-column:2/3;grid-row:1/2}.analytics-row{grid-column:1/2;grid-row:2/3}.task-timer-section{grid-column:2/3;grid-row:2/3}}@media (max-width:720px){.App-main{padding:16px;padding:var(--space-4)}.navigation-header{padding:0 16px;padding:0 var(--space-4)}.session-status{display:none}.dashboard-container{grid-template-columns:1fr}.analytics-row,.camera-section,.graph-section,.task-timer-section{grid-column:1/2;grid-row:auto}.timer{font-size:2.2rem}.feature-grid{grid-template-columns:1fr}}
/*# sourceMappingURL=main.54204a17.css.map*/