@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;600;800&display=swap";:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:#ffffffde;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#242424;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}*,:before,:after{box-sizing:border-box}a{color:#646cff;-webkit-text-decoration:inherit;text-decoration:inherit;font-weight:500}a:hover{color:#535bf2}body{background-color:#1a1a2e;min-width:100vw;min-height:100vh;margin:0;padding:0}#root{width:100%;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{cursor:pointer;background-color:#1a1a1a;border:1px solid #0000;border-radius:8px;padding:.6em 1.2em;font-family:inherit;font-size:1em;font-weight:500;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.app-layout{width:100%;min-height:100vh}.app-main{width:100%}.bottom-nav{-webkit-backdrop-filter:blur(12px);z-index:100;background:#16213ecc;border:1px solid #ffffff1a;border-radius:32px;justify-content:space-around;align-items:center;width:90%;max-width:400px;height:64px;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 8px 32px #0006}.nav-item{color:#a0a0a0;cursor:pointer;background:0 0;border:none;flex-direction:column;align-items:center;gap:4px;font-size:10px;transition:color .2s;display:flex}.nav-item.active{color:#f0c}.nav-item:hover{color:#fff}.dashboard-container{color:#fff;background:linear-gradient(#1a1a2e 0%,#16213e 100%);min-height:100vh;padding:20px 20px 0;font-family:Inter,sans-serif}.dashboard-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.dashboard-header h1{background:linear-gradient(90deg,#f0c,#339);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin:0;font-size:24px;font-weight:700}.dashboard-header p{color:#a0a0a0;margin:0;font-size:14px}.profile-btn{color:#fff;cursor:pointer;background:#ffffff1a;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.stats-overview{gap:12px;margin-bottom:32px;display:flex}.stat-card{background:#ffffff0d;border-radius:16px;flex-direction:column;flex:1;align-items:flex-start;padding:16px;display:flex}.stat-icon{margin-bottom:8px;font-size:20px}.stat-label{color:#a0a0a0;font-size:12px}.section-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.section-header h2{margin:0;font-size:18px;font-weight:600}.add-btn{color:#a0a0a0;cursor:pointer;background:0 0;border:none;font-size:14px}.exercise-list{flex-direction:column;gap:12px;display:flex}.exercise-card{cursor:pointer;background:#ffffff0d;border-radius:16px;align-items:center;gap:16px;padding:16px;transition:transform .2s,background .2s;display:flex}.exercise-card:active{background:#ffffff1a;transform:scale(.98)}.exercise-icon-container{border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.exercise-info{flex:1}.exercise-info h3{margin:0;font-size:16px;font-weight:600}.exercise-info p{color:#a0a0a0;margin:4px 0 0;font-size:13px}.exercise-status{flex-direction:column;align-items:flex-end;gap:4px;display:flex}.status-ready{color:#10b981;font-size:12px}.status-soon{color:#f59e0b;font-size:12px}.arrow-icon{color:#a0a0a0}.session-detail-container{color:#fff;box-sizing:border-box;background:linear-gradient(#1a1a2e 0%,#16213e 100%) fixed;width:100%;height:auto;min-height:100vh;padding:20px 20px 100px;font-family:Inter,sans-serif;overflow-x:hidden}.back-btn{color:#a0a0a0;cursor:pointer;background:0 0;border:none;margin-bottom:20px;padding:8px 0;font-family:Inter,sans-serif;font-size:14px;transition:color .2s}.back-btn:hover{color:#00f0ff}.session-header{margin-bottom:24px}.session-header h1{-webkit-text-fill-color:transparent;background:linear-gradient(90deg,#00f0ff,#b026ff);-webkit-background-clip:text;background-clip:text;margin:0 0 8px;font-size:28px;font-weight:700}.session-date{color:#a0a0a0;text-transform:capitalize;margin:0;font-size:14px}.summary-grid{grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:24px;display:grid}.summary-card{text-align:center;background:#ffffff0d;border-radius:16px;padding:16px;transition:background .2s}.summary-card:hover{background:#ffffff14}.summary-value{color:#b026ff;margin-bottom:4px;font-size:28px;font-weight:700}.summary-value-success{color:#10b981}.summary-value-info{color:#00f0ff}.summary-label{color:#a0a0a0;text-transform:uppercase;letter-spacing:.5px;font-size:11px}.insights-card{background:linear-gradient(135deg,#b026ff1a,#ff00801a);border:1px solid #b026ff4d;border-radius:16px;margin-bottom:24px;padding:20px}.insights-list{flex-direction:column;gap:12px;display:flex}.insight-item{background:#ffffff0d;border-radius:12px;align-items:flex-start;gap:12px;padding:12px;font-size:14px;line-height:1.5;display:flex}.insight-icon{flex-shrink:0;margin-top:2px;font-size:18px}.charts-grid{grid-template-columns:1fr;gap:16px;display:grid}.chart-card{background:#ffffff0d;border-radius:16px;padding:20px}.chart-card-full{grid-column:1/-1}.chart-title{color:#fff;align-items:center;gap:8px;margin:0 0 16px;font-size:16px;font-weight:600;display:flex}.chart-title svg{color:#00f0ff}.chart-container{touch-action:auto;-webkit-user-select:none;user-select:none;width:100%;height:250px}.chart-container-small{height:220px}.chart-note{color:#a0a0a0;text-align:center;margin:12px 0 0;font-size:12px}@media (min-width:768px){.session-detail-container{max-width:960px;margin:0 auto;padding:32px}.charts-grid{grid-template-columns:repeat(2,1fr)}.summary-grid{gap:16px}.chart-container{height:280px}.chart-container-small{height:240px}}.analytics-container{color:#fff;box-sizing:border-box;background:linear-gradient(#1a1a2e 0%,#16213e 100%);width:100%;min-height:100vh;padding:20px 20px 100px;font-family:Inter,sans-serif;overflow-x:hidden}.analytics-header{margin-bottom:24px}.analytics-header h1{-webkit-text-fill-color:transparent;background:linear-gradient(90deg,#00f0ff,#b026ff);-webkit-background-clip:text;background-clip:text;margin:0 0 8px;font-size:28px;font-weight:700}.analytics-header p{color:#a0a0a0;margin:0;font-size:15px}.stats-grid{grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:32px;display:grid}.stat-card{background:#ffffff0d;border-radius:16px;flex-direction:column;gap:8px;padding:16px;display:flex}.stat-icon{color:#00f0ff;justify-content:flex-start;align-items:center;display:flex}.stat-icon-success{color:#10b981}.stat-label{color:#a0a0a0;text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:500}.stat-value{color:#fff;font-size:24px;font-weight:700}.section-title{color:#a0a0a0;align-items:center;gap:8px;margin-bottom:16px;display:flex}.section-title h2{color:#fff;margin:0;font-size:18px;font-weight:600}.empty-state{text-align:center;color:#a0a0a0;background:#ffffff0d;border-radius:16px;padding:48px 24px}.empty-state p{color:#fff;margin:0 0 8px;font-size:16px}.empty-state span{font-size:14px}.sessions-list{flex-direction:column;gap:12px;display:flex}.session-card{cursor:pointer;text-align:left;color:#fff;background:#ffffff0d;border:none;border-radius:16px;align-items:center;gap:16px;width:100%;padding:16px;font-family:Inter,sans-serif;transition:all .2s;display:flex}.session-card:hover{background:#ffffff1a;transform:translate(2px)}.session-card:active{transform:scale(.98)}.session-score{color:#fff;background:linear-gradient(135deg,#00f0ff,#b026ff);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;font-size:18px;font-weight:700;display:flex}.session-info{flex:1}.session-info h3{text-transform:capitalize;margin:0 0 4px;font-size:17px;font-weight:600}.session-info p{color:#a0a0a0;margin:0;font-size:13px}.session-arrow{color:#666;flex-shrink:0;transition:color .2s,transform .2s}.session-card:hover .session-arrow{color:#00f0ff;transform:translate(4px)}.delete-session-btn{color:#666;cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:4px;transition:all .2s;display:flex}.delete-session-btn:hover{color:#ef4444;background:#ef44441a}.delete-session-btn:active{transform:scale(.95)}@media (min-width:768px){.analytics-container{max-width:960px;margin:0 auto;padding:32px}.stats-grid{grid-template-columns:repeat(4,1fr)}}:root{--primary-color:#646cff;--success-color:#0f8;--warning-color:#fc0;--error-color:#f44;--bg-dark:#0a0a0a;--glass-bg:#0a0a0a99;--glass-border:#ffffff14;--glass-blur:16px;--font-main:"Inter",sans-serif;--font-mono:"Courier New",monospace}body{background-color:var(--bg-dark);color:#fff;font-family:var(--font-main);margin:0}.app-container{background:#000;justify-content:center;align-items:center;width:100vw;height:100dvh;display:flex;position:relative;overflow:hidden}.app-container:after{content:"";pointer-events:none;z-index:5;background:radial-gradient(circle,#0000 50%,#0009 100%);position:absolute;inset:0}.loading-overlay{z-index:50;color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000c;border-radius:16px;padding:20px 40px;font-size:1.5rem;font-weight:600;position:absolute}.error{z-index:50;color:var(--error-color);border:1px solid var(--error-color);background:#320000cc;border-radius:12px;padding:20px;position:absolute}.video-feed{object-fit:cover;z-index:1;will-change:transform;width:100%;height:100%;position:absolute;top:0;left:0;transform:translateZ(0)}.overlay-canvas{z-index:2;pointer-events:none;position:absolute;top:0;left:0}.top-bar{top:env(safe-area-inset-top,20px);z-index:10;justify-content:space-between;display:flex;position:absolute;left:20px;right:20px}.fps-badge{-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);font-size:.75rem;font-family:var(--font-mono);color:#fff9;letter-spacing:1px;background:#00000080;border-radius:6px;padding:4px 10px}.feedback-container{z-index:10;text-align:center;pointer-events:none;width:90%;position:absolute;top:25%;left:50%;transform:translate(-50%,-50%)}.feedback-text{text-transform:uppercase;text-shadow:0 4px 12px #000c;opacity:0;font-size:2.5rem;font-weight:800;transition:all .3s cubic-bezier(.34,1.56,.64,1);transform:scale(.9)}.feedback-text.visible{opacity:1;transform:scale(1)}.feedback-success{color:var(--success-color)}.feedback-warning{color:var(--warning-color)}.feedback-error{color:var(--error-color);text-shadow:0 0 20px var(--error-color);animation:1s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.feedback-info{color:#fff}.control-deck{width:100%;height:calc(160px + env(safe-area-inset-bottom));z-index:20;padding-bottom:calc(env(safe-area-inset-bottom) + 50px);background:linear-gradient(#0000 0%,#000000e6 100%);justify-content:center;align-items:center;display:flex;position:absolute;bottom:0;left:0}.deck-content{background:var(--glass-bg);width:90%;max-width:600px;-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:24px;justify-content:space-between;align-items:center;padding:12px 24px;display:flex;box-shadow:0 10px 40px #00000080}.stat-group{flex-direction:column;display:flex}.stat-label{text-transform:uppercase;letter-spacing:1.5px;color:#ffffff80;margin-bottom:2px;font-size:.7rem;font-weight:600}.stat-value-large{font-size:2.5rem;font-weight:700;font-family:var(--font-mono);color:#fff;line-height:1}.status-pill{color:#ffffffe6;background:#ffffff0d;border-radius:12px;align-items:center;gap:8px;padding:6px 12px;font-size:1rem;font-weight:600;display:flex}.status-dot{background-color:#fff3;border-radius:50%;width:8px;height:8px;transition:background-color .3s,box-shadow .3s}.status-dot.active{background-color:var(--success-color);box-shadow:0 0 10px var(--success-color)}.btn-camera{color:#fff;cursor:pointer;background:#ffffff1a;border:2px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;transition:all .2s;display:flex}.btn-camera:active{background:#fff3;transform:scale(.95)}.btn-camera:disabled{opacity:.5;cursor:not-allowed}.start-overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:100;cursor:pointer;background:#000000d9;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.start-content{text-align:center;color:#fff}.start-content h1{background:linear-gradient(90deg,#fff,#646cff);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:1rem;font-size:3rem}.btn-primary{background:var(--primary-color);color:#fff;border:none;border-radius:50px;margin-top:20px;padding:16px 32px;font-size:1.2rem;font-weight:700;transition:transform .2s;box-shadow:0 0 20px #646cff66}.btn-primary:active{transform:scale(.95)}@media (orientation:landscape){.control-deck{width:120px;height:100%;padding-bottom:0;padding-right:env(safe-area-inset-right);background:linear-gradient(270deg,#000000e6 0%,#0000 100%);flex-direction:column;bottom:0;left:auto;right:0}.deck-content{flex-direction:column;gap:20px;width:auto;height:80%;padding:24px 12px}.feedback-container{top:50%;left:40%}}.loading-overlay{z-index:50;color:var(--text-secondary);background:#000;justify-content:center;align-items:center;font-size:24px;font-weight:300;display:flex;position:absolute;inset:0}