:root{--md-primary:#4A90D9;--md-on-primary:#FFFFFF;--md-primary-container:#D6E3FF;--md-on-primary-container:#001B3E;--md-surface:#FEFBFF;--md-surface-variant:#E7E0EC;--md-on-surface:#1C1B1F;--md-on-surface-variant:#49454F;--md-outline:#79747E;--md-outline-variant:#CAC4D0;--md-orange:#FF8C00;--md-gold:#D4A017;--md-green:#2E7D32;--md-red:#B00020;--md-error-container:#F9DEDC;--md-on-error-container:#410E0B;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-full:50%;--shadow-1:0 1px 2px rgba(0,0,0,0.12);--shadow-2:0 2px 8px rgba(0,0,0,0.14);--shadow-3:0 4px 16px rgba(0,0,0,0.18);--font:'Segoe UI','PingFang SC','Microsoft YaHei',system-ui,-apple-system,sans-serif;--font-mono:'Cascadia Code','JetBrains Mono','Fira Code','Consolas',monospace;--ease:cubic-bezier(0.4, 0, 0.2, 1);--transition-fast:150ms var(--ease);--transition-normal:250ms var(--ease)}*,::after,::before{box-sizing:border-box;margin:0;padding:0}body,html{height:100%;font-family:var(--font);font-size:16px;color:var(--md-on-surface);background:var(--md-surface);-webkit-font-smoothing:antialiased}button{font-family:var(--font);cursor:pointer;border:none;outline:0;transition:all var(--transition-fast)}button:active{transform:scale(.96)}input,select{font-family:var(--font);font-size:14px}#app{display:flex;flex-direction:column;height:100%;width:100%;max-width:480px;margin:0 auto;position:relative}@media (min-width:768px){#app{max-width:720px}.video-container video{max-height:55vh}.home-cards{flex-direction:row!important;max-width:680px!important}.home-card{flex:1}.settings-panel{display:grid;grid-template-columns:1fr 1fr;gap:12px}.settings-panel .settings-row:last-child{grid-column:1/-1}.result-metrics{grid-template-columns:repeat(4,1fr)!important}.rsi-metrics-grid{grid-template-columns:repeat(3,1fr)!important}.rsi-metrics-grid .rsi-metric-card:last-child{grid-column:auto!important}}@media (min-width:1024px){#app{max-width:none;width:100%;padding:0 32px}.controls-section,.history-content,.home-content,.results-content,.rsi-controls{max-width:800px;margin-left:auto;margin-right:auto;width:100%}.video-container{max-width:1200px;margin-left:auto;margin-right:auto;width:100%}.video-container video{max-height:55vh;min-height:360px}.top-bar{max-width:1200px;margin-left:auto;margin-right:auto;width:100%;padding-left:0;padding-right:0}.btn-calculate,.btn-primary{font-size:17px;padding:16px 36px}.btn-mark,.rsi-marker-btn{font-size:15px;padding:14px 20px}.settings-panel{display:grid;grid-template-columns:auto 1fr;gap:12px 16px;align-items:center;font-size:15px}.fps-preset-btn,.rsi-fps-btn{font-size:14px;padding:8px 16px}.landing-demo-cards{flex-direction:row!important;max-width:900px!important}.landing-demo-card{flex:1}}@media (min-width:1600px){#app{padding:0 48px}.controls-section,.rsi-controls{gap:48px}.video-container video{max-height:60vh;min-height:420px}}.top-bar{display:flex;align-items:center;justify-content:space-between;padding:var(--space-sm) var(--space-md);background:var(--md-surface);border-bottom:1px solid var(--md-outline-variant);z-index:10;min-height:56px}.top-bar-title{font-size:20px;font-weight:700;letter-spacing:-.3px}.top-bar-btn{width:40px;height:40px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;background:0 0;color:var(--md-on-surface-variant);font-size:22px}.top-bar-btn:hover{background:var(--md-surface-variant)}.screen{display:none;flex-direction:column;flex:1;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}.screen.active{display:flex}.screen.anim-in{display:flex;animation:350ms cubic-bezier(.22,.61,.36,1) forwards scrIn}.screen.anim-out{display:flex;animation:.2s forwards scrOut;pointer-events:none}@keyframes scrIn{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes scrOut{from{opacity:1}to{opacity:0}}.full-width{width:100vw;margin-left:calc(-50vw + 50%)}.landing-hero{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden}.landing-bg{position:absolute;inset:0;background:linear-gradient(160deg,#0f172a 0,#1e3a5f 40%,#1a1a2e 70%,#16213e 100%);z-index:0}.landing-bg::before{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(ellipse at 30% 20%,rgba(74,144,217,.15) 0,transparent 50%),radial-gradient(ellipse at 70% 80%,rgba(255,107,53,.1) 0,transparent 50%);animation:8s ease-in-out infinite alternate landingBgFloat}@keyframes landingBgFloat{from{transform:translate(0,0) scale(1)}to{transform:translate(-2%,-1%) scale(1.05)}}.landing-content{position:relative;z-index:1;text-align:center;padding:48px 24px;max-width:400px}@media (min-width:1024px){.landing-content{max-width:700px}}.landing-logo{margin-bottom:24px}.landing-logo-img{width:100%;max-width:280px;height:auto;border-radius:24px;object-fit:contain;display:block;margin:0 auto;box-shadow:0 8px 32px rgba(74,144,217,.15);animation:3s ease-in-out infinite landingIconPulse}@keyframes landingIconPulse{0%,100%{box-shadow:0 8px 32px rgba(74,144,217,.12)}50%{box-shadow:0 8px 48px rgba(74,144,217,.25)}}.landing-title{font-size:36px;font-weight:800;letter-spacing:-1px;background:linear-gradient(135deg,#fff 0,#a8c8ff 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:12px}.landing-tagline{font-size:15px;line-height:1.7;color:rgba(255,255,255,.6);margin-bottom:36px}.landing-features{display:flex;gap:16px;justify-content:center;margin-bottom:40px;flex-wrap:wrap}.landing-feat{display:flex;flex-direction:column;align-items:center;gap:8px;font-size:12px;color:rgba(255,255,255,.55);line-height:1.5;text-align:center}.landing-feat-icon{font-size:28px}.landing-feat-img{width:100px;height:100px;object-fit:contain}@media (min-width:1024px){.landing-logo-img{max-width:640px}.landing-feat-img{width:140px;height:140px}}.landing-cta{display:inline-flex;align-items:center;gap:8px;padding:16px 48px;border-radius:50px;background:linear-gradient(135deg,#4a90d9,#6366f1);color:#fff;font-size:17px;font-weight:700;border:none;cursor:pointer;box-shadow:0 4px 20px rgba(74,144,217,.35);transition:.3s}.landing-cta:hover{transform:translateY(-2px);box-shadow:0 8px 32px rgba(74,144,217,.5)}.landing-hint{font-size:12px;color:rgba(255,255,255,.3);margin-top:16px}.landing-demo{background:var(--md-surface);padding:48px 24px;text-align:center}.landing-section-title{font-size:22px;font-weight:700;color:var(--md-on-surface);margin-bottom:32px}.landing-demo-cards{display:flex;flex-direction:column;gap:16px;max-width:420px;margin:0 auto}.landing-demo-card{text-align:left;padding:24px;background:var(--md-surface-variant);border-radius:var(--radius-lg);transition:transform .2s}.landing-demo-card:hover{transform:translateY(-2px)}.landing-demo-icon{width:48px;height:48px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:24px;margin-bottom:12px}.landing-demo-card h3{font-size:17px;font-weight:700;color:var(--md-on-surface);margin-bottom:8px}.landing-demo-card p{font-size:13px;color:var(--md-on-surface-variant);line-height:1.6;margin-bottom:12px}.landing-demo-tags{display:flex;gap:6px;flex-wrap:wrap}.landing-demo-tags span{padding:3px 10px;border-radius:20px;background:var(--md-surface);color:var(--md-on-surface-variant);font-size:11px;font-weight:500}.landing-screenshot{width:100%;max-width:900px;border-radius:16px;box-shadow:0 8px 40px rgba(0,0,0,.15);display:block;margin:0 auto}@media (min-width:1024px){.landing-screenshot{max-width:1000px}}.landing-footer{background:var(--md-surface-variant);padding:32px 24px;text-align:center}.landing-footer p{font-size:11px;color:var(--md-on-surface-variant);opacity:.6;line-height:1.8}.home-content{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-xl)}.home-cards{display:flex;flex-direction:column;gap:16px;width:100%;max-width:380px}.home-card{display:flex;flex-direction:column;align-items:flex-start;padding:24px;border-radius:var(--radius-lg);background:var(--md-surface-variant);border:1.5px solid var(--md-outline-variant);cursor:pointer;transition:.2s;text-align:left;font-family:var(--font);color:var(--md-on-surface);width:100%}.home-card:hover{border-color:var(--md-primary);box-shadow:var(--shadow-2);transform:translateY(-1px)}.home-card:active{transform:scale(.98)}.home-card-icon{width:52px;height:52px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:28px;margin-bottom:12px}.home-card-img{width:80px;height:80px;object-fit:contain;margin-bottom:8px}@media (min-width:1024px){.home-card-img{width:100px;height:100px}}.top-bar-img{width:28px;height:28px;object-fit:contain;vertical-align:middle}.home-card-title{font-size:18px;font-weight:700;margin-bottom:4px}.home-card-desc{font-size:13px;color:var(--md-on-surface-variant);line-height:1.5;margin-bottom:12px}.home-card-tags{display:flex;gap:6px;flex-wrap:wrap}.home-card-tags span{padding:3px 10px;border-radius:20px;background:var(--md-surface);color:var(--md-on-surface-variant);font-size:11px;font-weight:500}.btn-primary{padding:14px 32px;border-radius:var(--radius-full);background:var(--md-primary);color:var(--md-on-primary);font-size:16px;font-weight:600;letter-spacing:.2px;box-shadow:var(--shadow-1);display:inline-flex;align-items:center;gap:var(--space-sm)}.btn-primary:hover{box-shadow:var(--shadow-2)}.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-secondary{padding:10px 20px;border-radius:var(--radius-full);background:0 0;color:var(--md-primary);font-size:14px;font-weight:600;border:1.5px solid var(--md-outline-variant)}.btn-secondary:hover{background:var(--md-primary-container);border-color:var(--md-primary)}.btn-danger{padding:8px 16px;border-radius:var(--radius-full);background:0 0;color:var(--md-red);font-size:13px;border:1px solid var(--md-red)}.btn-danger:hover{background:var(--md-error-container)}.video-container{position:relative;width:100%;flex:0 0 auto;background:#000;overflow:hidden;cursor:grab;display:flex;align-items:center;justify-content:center;min-height:240px;max-height:55vh}.video-container:active{cursor:grabbing}.video-container.zoomed{cursor:grab}.video-container.zoomed:active{cursor:grabbing}.video-container video{display:block;width:100%;height:100%;max-height:55vh;object-fit:contain;transform-origin:center center;pointer-events:none}.frame-overlay{position:absolute;top:8px;left:8px;padding:4px 10px;border-radius:var(--radius-sm);background:rgba(0,0,0,.65);color:#fff;font-size:12px;font-family:var(--font-mono);pointer-events:none;z-index:5}.zoom-hint{position:absolute;bottom:8px;right:8px;padding:2px 8px;border-radius:var(--radius-sm);background:rgba(0,0,0,.5);color:rgba(255,255,255,.7);font-size:11px;pointer-events:none;z-index:5}.controls-section{padding:var(--space-md);display:flex;flex-direction:column;gap:var(--space-md)}.playback-bar{display:flex;align-items:center;gap:var(--space-sm)}.time-display{font-family:var(--font-mono);font-size:13px;color:var(--md-on-surface-variant);min-width:80px;text-align:center}.seek-slider{flex:1;-webkit-appearance:none;appearance:none;height:4px;border-radius:2px;background:var(--md-outline-variant);outline:0}.seek-slider::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;border-radius:50%;background:var(--md-primary);cursor:pointer;box-shadow:var(--shadow-1)}.frame-nav{display:flex;align-items:center;justify-content:center;gap:var(--space-xs)}.frame-nav button{width:36px;height:36px;border-radius:var(--radius-full);background:var(--md-surface-variant);color:var(--md-on-surface-variant);font-size:16px;display:flex;align-items:center;justify-content:center}.frame-nav button:hover{background:var(--md-primary-container)}.frame-nav button.primary-nav{width:48px;height:48px;background:var(--md-primary);color:var(--md-on-primary);font-size:20px}.speed-selector{display:flex;gap:4px;justify-content:center}.speed-btn{padding:4px 12px;border-radius:var(--radius-sm);background:0 0;color:var(--md-on-surface-variant);font-size:13px;font-weight:500;border:1px solid var(--md-outline-variant)}.speed-btn.active{background:var(--md-primary-container);color:var(--md-on-primary-container);border-color:var(--md-primary);font-weight:700}.settings-panel{background:var(--md-surface-variant);border-radius:var(--radius-md);padding:var(--space-md);display:flex;flex-direction:column;gap:var(--space-sm)}.settings-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm)}.settings-label{font-size:13px;font-weight:600;color:var(--md-on-surface-variant);white-space:nowrap}.fps-presets{display:flex;gap:4px}.fps-preset-btn{padding:4px 10px;border-radius:var(--radius-sm);background:0 0;color:var(--md-on-surface-variant);font-size:12px;font-weight:600;border:1px solid var(--md-outline-variant)}.fps-preset-btn.active{background:var(--md-primary);color:var(--md-on-primary);border-color:var(--md-primary)}.fps-input{width:70px;padding:6px 8px;border-radius:var(--radius-sm);border:1px solid var(--md-outline-variant);background:var(--md-surface);color:var(--md-on-surface);text-align:center;font-weight:600}.container-fps-preset-btn{padding:4px 10px;border-radius:var(--radius-sm);background:0 0;color:var(--md-on-surface-variant);font-size:12px;font-weight:600;border:1px solid var(--md-outline-variant);cursor:pointer;transition:all var(--transition-fast)}.container-fps-preset-btn.active{background:var(--md-green);color:#fff;border-color:var(--md-green)}.container-fps-preset-btn:hover{background:var(--md-surface-variant)}.container-fps-preset-btn.active:hover{background:var(--md-green)}.detected-fps{font-size:11px;color:var(--md-green);font-weight:600;white-space:nowrap;margin-left:4px}.weight-input{width:90px;padding:6px 8px;border-radius:var(--radius-sm);border:1px solid var(--md-outline-variant);background:var(--md-surface);color:var(--md-on-surface);text-align:center}.analysis-section{display:flex;flex-direction:column;gap:var(--space-sm)}.analysis-progress{display:flex;align-items:center;gap:var(--space-sm)}.progress-bar-track{flex:1;height:6px;border-radius:3px;background:var(--md-surface-variant);overflow:hidden}.progress-bar-fill{height:100%;border-radius:3px;background:var(--md-primary);transition:width .2s var(--ease)}.progress-text{font-size:12px;color:var(--md-on-surface-variant);min-width:70px;text-align:right}.analysis-success{display:flex;align-items:center;justify-content:space-between;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);background:#e8f5e9;color:#1b5e20;gap:var(--space-sm)}@media (prefers-color-scheme:dark){:root{--md-primary:#A8C8FF;--md-on-primary:#00315C;--md-primary-container:#004A7C;--md-on-primary-container:#D6E3FF;--md-surface:#1C1B1F;--md-surface-variant:#2B2930;--md-on-surface:#E6E1E5;--md-on-surface-variant:#CAC4D0;--md-outline:#938F99;--md-outline-variant:#49454F;--md-error-container:#93000A;--md-on-error-container:#F9DEDC;--shadow-1:0 1px 2px rgba(0,0,0,0.3);--shadow-2:0 2px 8px rgba(0,0,0,0.4);--shadow-3:0 4px 16px rgba(0,0,0,0.5)}.analysis-success{background:#0d3b0f;color:#a5d6a7}}.analysis-success .marker-times{display:flex;gap:var(--space-md)}.analysis-success .marker-time{font-family:var(--font-mono);font-size:13px;font-weight:600;cursor:pointer;padding:2px 8px;border-radius:var(--radius-sm);transition:background var(--transition-fast)}.analysis-success .marker-time:hover{background:rgba(0,0,0,.08)}.analysis-error{padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);background:var(--md-error-container);color:var(--md-on-error-container);font-size:13px}.manual-marks{display:flex;gap:var(--space-sm)}.btn-mark{flex:1;padding:12px;border-radius:var(--radius-md);font-size:14px;font-weight:600;color:#fff}.btn-mark.takeoff{background:var(--md-orange)}.btn-mark.landing{background:var(--md-green)}.btn-mark:disabled{opacity:.4;cursor:not-allowed;transform:none}.btn-mark.marked{box-shadow:0 0 0 3px var(--md-surface),0 0 0 5px currentColor}.calculate-row{display:flex;justify-content:center}.btn-calculate{padding:14px 40px;border-radius:var(--radius-full);background:linear-gradient(135deg,var(--md-primary),#6366f1);color:#fff;font-size:16px;font-weight:700;box-shadow:var(--shadow-2)}.btn-calculate:hover{box-shadow:var(--shadow-3)}.btn-calculate:disabled{opacity:.4;cursor:not-allowed;transform:none;box-shadow:none}.result-card{background:var(--md-surface-variant);border-radius:var(--radius-lg);padding:var(--space-lg);display:flex;flex-direction:column;gap:var(--space-md);box-shadow:var(--shadow-2)}.result-height-value{letter-spacing:-1px;color:var(--md-on-surface)}.result-height-unit{color:var(--md-on-surface-variant)}.result-height-label{color:var(--md-on-surface-variant)}.level-badge{display:inline-block;padding:4px 14px;border-radius:var(--radius-full);font-size:14px;font-weight:700;letter-spacing:.5px}.level-badge.LOW{background:var(--md-surface-variant);color:var(--md-on-surface-variant)}.level-badge.MID{background:var(--md-primary-container);color:var(--md-on-primary-container)}.level-badge.HIGH{background:#ffe0b2;color:#e65100}.level-badge.ELITE{background:#fff8e1;color:#f9a825}.analogy-text{font-size:13px;color:var(--md-on-surface-variant);margin-top:4px}.analogy-text em{font-style:normal;color:var(--md-orange);font-weight:600}.metric-card{background:var(--md-surface);border-radius:var(--radius-md);padding:var(--space-md)}.metric-value{color:var(--md-on-surface)}.metric-unit{color:var(--md-on-surface-variant)}.metric-label{color:var(--md-on-surface-variant)}.slowmo-info{font-size:11px;color:var(--md-on-surface-variant);text-align:center;padding:var(--space-xs);background:var(--md-surface);border-radius:var(--radius-sm)}.slowmo-info span{font-family:var(--font-mono);font-weight:600;color:var(--md-on-surface)}.result-disclaimer{font-size:11px;color:var(--md-on-surface-variant);opacity:.6;text-align:center;font-style:italic}.save-row{display:flex;justify-content:center;gap:var(--space-sm)}.bottom-actions{display:flex;gap:var(--space-sm);padding:var(--space-md);padding-top:0}.bottom-actions button{flex:1}.results-content{flex:1;overflow-y:auto;padding:var(--space-md);display:flex;flex-direction:column;gap:var(--space-md);-webkit-overflow-scrolling:touch}.result-hero{text-align:center;padding:var(--space-lg) var(--space-md);background:var(--md-surface-variant);border-radius:var(--radius-lg)}.result-height-value{font-size:64px;font-weight:800;letter-spacing:-1.5px;color:var(--md-on-surface);line-height:1}.result-height-unit{font-size:24px;font-weight:500;color:var(--md-on-surface-variant);margin-left:4px}.result-height-label{font-size:14px;color:var(--md-on-surface-variant);margin-top:4px}.result-metrics{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-sm)}.metric-card{background:var(--md-surface-variant);border-radius:var(--radius-md);padding:var(--space-lg) var(--space-md);text-align:center}.metric-value{font-size:32px;font-weight:700;color:var(--md-on-surface);line-height:1.1}.metric-unit{font-size:13px;color:var(--md-on-surface-variant);margin-top:2px}.metric-label{font-size:12px;color:var(--md-on-surface-variant);margin-top:4px}.metric-level{margin-top:8px}.flight-detail{background:var(--md-surface-variant);border-radius:var(--radius-md);padding:var(--space-md);font-size:13px;color:var(--md-on-surface-variant);display:grid;grid-template-columns:1fr 1fr;gap:6px 16px}.flight-detail .detail-label{opacity:.7}.flight-detail .detail-value{font-family:var(--font-mono);font-weight:600;color:var(--md-on-surface);text-align:right}.results-actions{display:flex;flex-direction:column;gap:var(--space-sm);padding-bottom:var(--space-lg)}.results-actions button{width:100%}.rsi-controls{flex:1;padding:var(--space-md);display:flex;flex-direction:column;gap:var(--space-md)}.rsi-fps-note{font-size:11px;color:var(--md-on-surface-variant);text-align:center;padding:4px;background:var(--md-surface-variant);border-radius:var(--radius-sm)}.rsi-fps-presets{display:flex;gap:4px}.rsi-fps-btn{padding:6px 14px;border-radius:var(--radius-sm);background:0 0;color:var(--md-on-surface-variant);font-size:13px;font-weight:600;border:1px solid var(--md-outline-variant);cursor:pointer;transition:all var(--transition-fast)}.rsi-fps-btn.active{background:var(--md-primary);color:var(--md-on-primary);border-color:var(--md-primary)}.rsi-frame-info{display:flex;align-items:center;justify-content:space-between;padding:var(--space-md);background:var(--md-surface-variant);border-radius:var(--radius-md)}.rsi-frame-big{display:flex;flex-direction:column;align-items:center}.rsi-frame-num{font-size:42px;font-weight:800;line-height:1;color:var(--md-primary);font-family:var(--font-mono)}.rsi-frame-label{font-size:12px;color:var(--md-on-surface-variant);margin-top:2px}.rsi-time-info{font-family:var(--font-mono);font-size:14px;color:var(--md-on-surface-variant);text-align:right}.rsi-time-sep{margin:0 4px;opacity:.4}.rsi-nav-buttons{display:flex;align-items:center;justify-content:center;gap:var(--space-xs)}.rsi-nav-btn{padding:8px 14px;border-radius:var(--radius-sm);background:var(--md-surface-variant);color:var(--md-on-surface-variant);font-size:13px;font-weight:600;border:1px solid var(--md-outline-variant);cursor:pointer;transition:all var(--transition-fast);display:inline-flex;align-items:center;gap:4px;min-width:48px;justify-content:center}.rsi-nav-btn:hover{background:var(--md-primary-container)}.rsi-nav-btn.primary{background:var(--md-primary);color:var(--md-on-primary);font-size:18px;min-width:56px;padding:10px 16px}.rsi-nav-btn:active{transform:scale(.95)}.rsi-markers{display:flex;flex-direction:column;gap:var(--space-sm)}.rsi-marker-btn{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md);border-radius:var(--radius-md);border:2px solid var(--md-outline-variant);background:var(--md-surface-variant);cursor:pointer;transition:all var(--transition-fast);text-align:left;font-family:var(--font);font-size:14px;color:var(--md-on-surface)}.rsi-marker-btn:hover{border-color:var(--md-primary);box-shadow:var(--shadow-1)}.rsi-marker-btn.marked{border-color:transparent;color:#fff}.rsi-marker-btn.marker-contact.marked{background:#e65100}.rsi-marker-btn.marker-takeoff.marked{background:#ff8c00}.rsi-marker-btn.marker-landing.marked{background:#2e7d32}.marker-num{width:32px;height:32px;border-radius:var(--radius-full);background:var(--md-primary);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:16px;flex-shrink:0}.rsi-marker-btn.marked .marker-num{background:rgba(255,255,255,.3)}.marker-label{flex:1;font-weight:600}.marker-frame{font-family:var(--font-mono);font-size:13px;opacity:.7;min-width:80px;text-align:right}.rsi-instructions{background:var(--md-surface-variant);border-radius:var(--radius-md);padding:var(--space-md);font-size:13px;line-height:1.7}.rsi-instruction-title{font-weight:700;font-size:14px;margin-bottom:var(--space-sm);color:var(--md-on-surface)}.rsi-instruction-steps{display:flex;flex-direction:column;gap:var(--space-sm)}.rsi-step{display:flex;gap:var(--space-sm);align-items:flex-start;color:var(--md-on-surface-variant)}.rsi-step-num{width:22px;height:22px;border-radius:var(--radius-full);background:var(--md-primary);color:#fff;font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:1px}.rsi-step strong{color:var(--md-on-surface)}.rsi-step em{font-style:normal;color:var(--md-orange);font-weight:600}.rsi-progress{display:flex;align-items:center;justify-content:space-between;padding:var(--space-sm) var(--space-md);background:var(--md-surface-variant);border-radius:var(--radius-md)}.rsi-progress-text{font-size:14px;font-weight:700;color:var(--md-on-surface)}.rsi-progress-track{width:120px;height:6px;border-radius:3px;background:var(--md-outline-variant);overflow:hidden}.rsi-progress-fill{height:100%;border-radius:3px;background:linear-gradient(90deg,var(--md-orange),var(--md-primary));transition:width 250ms var(--ease)}.rsi-results{display:flex;flex-direction:column;gap:var(--space-md)}.rsi-hero{text-align:center;padding:var(--space-xl) var(--space-md);background:var(--md-surface-variant);border-radius:var(--radius-lg)}.rsi-hero-value{font-size:72px;font-weight:900;letter-spacing:-2px;line-height:1;background:linear-gradient(135deg,#ff6b35,#d4a017);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.rsi-hero-label{font-size:14px;color:var(--md-on-surface-variant);margin-top:4px;letter-spacing:1px}.rsi-hero-tier{margin-top:var(--space-sm);display:inline-block;padding:6px 20px;border-radius:var(--radius-full);font-size:16px;font-weight:700}.rsi-hero-tier.LOW{background:var(--md-surface-variant);color:var(--md-on-surface-variant)}.rsi-hero-tier.MID{background:var(--md-primary-container);color:var(--md-on-primary-container)}.rsi-hero-tier.HIGH{background:#ffe0b2;color:#e65100}.rsi-hero-tier.ELITE{background:#fff8e1;color:#f9a825}.rsi-metrics-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-sm)}.rsi-metric-card{background:var(--md-surface-variant);border-radius:var(--radius-md);padding:var(--space-lg) var(--space-md);text-align:center}.rsi-metric-value{font-size:32px;font-weight:700;color:var(--md-on-surface);line-height:1.1;font-family:var(--font-mono)}.rsi-metric-unit{font-size:13px;color:var(--md-on-surface-variant);margin-top:2px}.rsi-metric-label{font-size:12px;color:var(--md-on-surface-variant);margin-top:4px}.rsi-ssc-badge{margin-top:6px;padding:2px 12px;border-radius:var(--radius-full);font-size:12px;font-weight:600;display:inline-block}.rsi-evaluation{background:var(--md-surface-variant);border-radius:var(--radius-md);padding:var(--space-md);font-size:13px;color:var(--md-on-surface-variant);line-height:1.6}.rsi-evaluation strong{color:var(--md-on-surface)}.rsi-save-row{display:flex;justify-content:center;padding-bottom:var(--space-md)}.nickname-bar{display:flex;align-items:center;gap:8px;padding:10px 16px;background:var(--md-surface-variant);border-bottom:1px solid var(--md-outline-variant);font-size:13px}.nickname-label{color:var(--md-on-surface-variant)}.nickname-value{font-weight:700;color:var(--md-primary)}.nickname-edit-btn{margin-left:auto;font-size:12px;padding:4px 12px;border-radius:20px;border:1px solid var(--md-outline-variant);background:var(--md-surface);color:var(--md-on-surface-variant);cursor:pointer}.nickname-modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:100}.nickname-modal{background:var(--md-surface);border-radius:var(--radius-lg);padding:24px;width:90%;max-width:360px;box-shadow:var(--shadow-3)}.nickname-modal h3{margin-bottom:12px;font-size:16px}.nickname-modal p{font-size:13px;color:var(--md-on-surface-variant);margin-bottom:16px}.nickname-modal input{width:100%;padding:10px 12px;border-radius:var(--radius-sm);border:1px solid var(--md-outline);font-size:15px;background:var(--md-surface);color:var(--md-on-surface);margin-bottom:16px}.nickname-modal-btns{display:flex;gap:8px;justify-content:flex-end}.timing-flow{display:flex;flex-direction:column;gap:10px;background:var(--md-surface-variant);border-radius:var(--radius-lg);padding:16px}.timing-flow-title{font-size:15px;font-weight:700;text-align:center;margin-bottom:4px;color:var(--md-on-surface)}.timing-flow-note{font-size:11px;color:var(--md-on-surface-variant);text-align:center;margin-top:4px;line-height:1.5}.timing-step{display:flex;align-items:flex-start;gap:10px;padding:10px 12px;background:var(--md-surface);border-radius:var(--radius-md);border:1px solid var(--md-outline-variant)}.timing-step.marked-step{border-color:var(--md-primary)}.timing-step-num{width:28px;height:28px;border-radius:50%;background:var(--md-primary);color:#fff;font-size:14px;font-weight:800;display:flex;align-items:center;justify-content:center;flex-shrink:0}.timing-step.marked-step .timing-step-num{background:#2e7d32}.timing-step-body{flex:1;min-width:0}.timing-step-header{display:flex;align-items:center;gap:8px;margin-bottom:4px}.timing-step-header strong{font-size:14px}.timing-step-status{font-size:11px;font-family:var(--font-mono);color:var(--md-on-surface-variant);background:var(--md-surface-variant);padding:1px 8px;border-radius:10px}.timing-step.marked-step .timing-step-status{color:#2e7d32;background:#e8f5e9}.timing-step-hint{font-size:11px;color:var(--md-on-surface-variant);line-height:1.5;margin:0}.timing-step-btn{flex-shrink:0;padding:6px 14px;border-radius:var(--radius-sm);border:1px solid var(--md-outline-variant);background:var(--md-surface-variant);font-size:12px;font-weight:600;cursor:pointer;color:var(--md-on-surface-variant);white-space:nowrap}.timing-step-btn:hover{border-color:var(--md-primary);color:var(--md-primary)}.timing-step-btn.takeoff{color:var(--md-orange);border-color:var(--md-orange)}.timing-step-btn.takeoff:hover{background:var(--md-orange);color:#fff}.timing-step-btn.landing{color:var(--md-green);border-color:var(--md-green)}.timing-step-btn.landing:hover{background:var(--md-green);color:#fff}.rsi-mod-title{font-size:16px;font-weight:700;text-align:center;margin-bottom:12px}.rsi-mod-hero{text-align:center;padding:12px;background:var(--md-surface);border-radius:var(--radius-md);margin-bottom:12px}.rsi-mod-value{font-size:42px;font-weight:800;color:var(--md-primary);line-height:1}.rsi-mod-unit{font-size:16px;color:var(--md-on-surface-variant)}.rsi-mod-label{font-size:12px;color:var(--md-on-surface-variant);margin-top:2px}.rsi-mod-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.rsi-mod-item{padding:10px;background:var(--md-surface);border-radius:var(--radius-sm);text-align:center}.rsi-mod-num{font-size:22px;font-weight:700;font-family:var(--font-mono);color:var(--md-on-surface)}.rsi-mod-sub{font-size:11px;color:var(--md-on-surface-variant);display:block;margin-top:2px}.rsi-mod-strategy{display:flex;align-items:center;gap:10px;padding:10px 14px;background:var(--md-surface);border-radius:var(--radius-md);margin-top:8px}.rsi-mod-badge{padding:4px 14px;border-radius:20px;font-size:13px;font-weight:700;background:var(--md-primary-container);color:var(--md-on-primary-container);white-space:nowrap}.rsi-mod-desc{font-size:12px;color:var(--md-on-surface-variant);line-height:1.5}.rsi-mod-note{font-size:11px;color:var(--md-on-surface-variant);opacity:.6;margin-top:8px;line-height:1.5}.rsi-mod-success-row{display:flex;gap:12px;justify-content:center;margin-bottom:8px}.rsi-mod-success-row .marker-time{font-family:var(--font-mono);font-size:12px;font-weight:600;padding:3px 10px;border-radius:var(--radius-sm);background:var(--md-surface);cursor:default}.rsi-mod-ref-row{display:flex;align-items:center;gap:8px;justify-content:center;margin-bottom:12px}.rsi-mod-ref-label{font-size:12px;color:var(--md-on-surface-variant)}.rsi-mod-ref-select{font-size:12px;padding:4px 8px;border-radius:var(--radius-sm);border:1px solid var(--md-outline-variant);background:var(--md-surface);color:var(--md-on-surface)}.rsi-mod-protocol-hint{font-size:11px;text-align:center;color:var(--md-on-surface-variant);margin:0}.rsi-mod-level{margin-top:6px;font-size:13px;font-weight:700;padding:3px 14px;border-radius:12px;display:inline-block}.rsi-mod-item-tag{display:block;font-size:10px;font-weight:600;margin-top:3px;color:var(--md-on-surface-variant)}.rsi-mod-anomalies{padding:10px 14px;background:#fff3e0;border-radius:var(--radius-sm);margin-top:8px}.rsi-mod-anomalies .anomaly-item{font-size:12px;color:#e65100;line-height:1.8}@media (prefers-color-scheme:dark){.rsi-mod-anomalies{background:#3e2000}.rsi-mod-anomalies .anomaly-item{color:#ffb74d}}.rsi-mod-ref-table{margin-top:8px;font-size:12px}.rsi-mod-ref-table summary{cursor:pointer;color:var(--md-primary);font-weight:600;font-size:13px}.rsi-mod-ref-content{padding:8px 0;color:var(--md-on-surface-variant)}.rsi-mod-ref-content p{margin:8px 0 4px;font-weight:600}.rsi-mod-table{width:100%;border-collapse:collapse;font-size:11px;margin-bottom:8px}.rsi-mod-table td{padding:3px 8px;border-bottom:1px solid var(--md-outline-variant)}.rsi-mod-table td:last-child{text-align:right;font-family:var(--font-mono);opacity:.7}.history-content{flex:1;overflow-y:auto;padding:var(--space-md);display:flex;flex-direction:column;gap:var(--space-md)}.chart-container{background:var(--md-surface-variant);border-radius:var(--radius-md);padding:var(--space-md);position:relative;height:200px}.chart-container canvas{width:100%!important;height:100%!important}.empty-state{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-md);color:var(--md-on-surface-variant)}.empty-state-icon{font-size:56px;opacity:.4}.empty-state-text{font-size:15px;text-align:center;line-height:1.5}.history-list{display:flex;flex-direction:column;gap:var(--space-sm)}.history-card{background:var(--md-surface-variant);border-radius:var(--radius-md);padding:var(--space-md);display:flex;align-items:center;gap:var(--space-md)}.history-card-date{font-size:12px;color:var(--md-on-surface-variant)}.history-card-height{font-size:32px;font-weight:800;color:var(--md-on-surface);line-height:1;min-width:70px}.history-card-unit{font-size:14px;font-weight:500;color:var(--md-on-surface-variant)}.history-card-meta{flex:1;display:flex;flex-direction:column;gap:2px}.history-card-meta-item{font-size:12px;color:var(--md-on-surface-variant)}.history-card-delete{width:32px;height:32px;border-radius:var(--radius-full);background:0 0;color:var(--md-red);font-size:16px;display:flex;align-items:center;justify-content:center}.history-card-delete:hover{background:var(--md-error-container)}.warning-banner{padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);background:#fff3e0;color:#e65100;font-size:13px;display:flex;align-items:flex-start;gap:var(--space-sm)}@media (prefers-color-scheme:dark){.warning-banner{background:#3e2000;color:#ffb74d}}.hidden{display:none!important}.text-center{text-align:center}.mt-sm{margin-top:var(--space-sm)}.mt-md{margin-top:var(--space-md)}.flex-center{display:flex;align-items:center;justify-content:center}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--md-outline-variant);border-radius:2px}.spinner{width:24px;height:24px;border:3px solid var(--md-surface-variant);border-top-color:var(--md-primary);border-radius:50%;animation:.8s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);padding:10px 24px;border-radius:var(--radius-full);background:var(--md-on-surface);color:var(--md-surface);font-size:14px;font-weight:500;box-shadow:var(--shadow-3);z-index:100;animation:toastIn .3s var(--ease);pointer-events:none}@keyframes toastIn{from{opacity:0;transform:translateX(-50%) translateY(10px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}@media (min-width:600px){#app{border-left:1px solid var(--md-outline-variant);border-right:1px solid var(--md-outline-variant)}}