:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;min-width:320px}#root{width:100%}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;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}}.container{font-family:sans-serif;max-width:1200px}.content{padding:0 2rem 3rem}.hero-section{display:flex;align-items:center;gap:3rem;margin-bottom:4rem;padding:2rem 0}.hero-text{flex:1}.hero-text h2{font-size:2.5rem;color:#1a1a2e;margin:0 0 1rem;line-height:1.2}.hero-text p{font-size:1.1rem;color:#555;line-height:1.7;margin:0 0 2rem}.cta-button{display:inline-block;background:linear-gradient(135deg,#e94560,#1a1a2e);color:#fff;padding:1rem 2rem;border-radius:8px;text-decoration:none;font-weight:600;font-size:1.1rem;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 15px #e945604d}.cta-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #e9456066}.hero-image{flex:0 0 250px;display:flex;justify-content:center;align-items:center}.karate-silhouette{width:100%;height:auto;max-height:300px;object-fit:contain;filter:drop-shadow(2px 4px 6px rgba(0,0,0,.1))}.features-section{margin-bottom:4rem}.section-title{text-align:center;font-size:1.8rem;color:#1a1a2e;margin:0 0 2rem;position:relative}.section-title:after{content:"";display:block;width:60px;height:3px;background:#e94560;margin:.75rem auto 0;border-radius:2px}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.feature-card{background:#fff;border:1px solid #eee;border-radius:12px;padding:1.75rem;text-decoration:none;transition:transform .2s,box-shadow .2s,border-color .2s;display:flex;flex-direction:column}.feature-card:hover{transform:translateY(-4px);box-shadow:0 8px 25px #0000001a;border-color:#e94560}.feature-icon{width:48px;height:48px;background:linear-gradient(135deg,#1a1a2e,#16213e);border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:1rem}.feature-icon svg{width:24px;height:24px;color:#e94560}.feature-title{font-size:1.2rem;color:#1a1a2e;margin:0 0 .5rem}.feature-description{font-size:.95rem;color:#666;line-height:1.6;margin:0 0 1rem;flex-grow:1}.feature-link{font-size:.9rem;color:#e94560;font-weight:500}.feature-card:hover .feature-link{text-decoration:underline}.quote-section{text-align:center;padding:3rem 2rem;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:12px;margin-bottom:2rem}.quote-section blockquote{font-size:1.3rem;font-style:italic;color:#333;margin:0 0 1rem;line-height:1.6;max-width:700px;margin-left:auto;margin-right:auto}.quote-section cite{font-size:1rem;color:#666;font-style:normal}@media(prefers-color-scheme:dark){.hero-text h2{color:#fff}.hero-text p{color:#aaa}.section-title{color:#fff}.feature-card{background:#2a2a3e;border-color:#3a3a4e}.feature-card:hover{box-shadow:0 8px 25px #0000004d}.feature-title{color:#fff}.feature-description{color:#aaa}.quote-section{background:linear-gradient(135deg,#2a2a3e,#1a1a2e)}.quote-section blockquote{color:#ddd}.quote-section cite{color:#aaa}.karate-silhouette{filter:drop-shadow(2px 4px 6px rgba(0,0,0,.3)) brightness(1.1)}}@media(max-width:768px){.banner{padding:1rem;gap:.5rem}.banner-icon{width:40px;height:40px}.banner-icon.hide-mobile{display:none}.banner-title{font-size:1.2rem}.banner-subtitle{font-size:.65rem;letter-spacing:1px}.content{padding:0 1rem 2rem}.hero-section{flex-direction:column;gap:2rem;text-align:center}.hero-text h2{font-size:1.8rem}.hero-text p{font-size:1rem}.hero-image{flex:0 0 auto;width:180px;order:-1}.section-title{font-size:1.5rem}.features-grid{grid-template-columns:1fr}.quote-section{padding:2rem 1rem}.quote-section blockquote{font-size:1.1rem}}.principles-container{font-family:sans-serif;max-width:1200px;margin:0 auto}.principles-content{padding:0 2rem 3rem;max-width:800px;margin:0 auto}.principles-heading{text-align:center;color:#1a1a2e;font-size:1.8rem;margin-bottom:2.5rem;border-bottom:2px solid #e94560;padding-bottom:1rem}.principle{margin-bottom:2.5rem;padding:1.5rem;background:linear-gradient(135deg,#fafafa,#f0f0f5);border-radius:8px;border-left:4px solid #e94560}.principle h3{color:#1a1a2e;margin:0 0 1rem;font-size:1.2rem}.principle p{margin:.5rem 0;line-height:1.6;color:#333}.principle-lead{font-style:italic;color:#16213e!important;font-weight:500}.principle-conclusion{margin-top:1rem!important;font-weight:600;color:#1a1a2e!important}.principle ul{margin:.5rem 0 .5rem 1.5rem;padding:0;color:#333}.principle li{margin:.4rem 0;line-height:1.5}.maxim{margin:3rem 0;padding:2rem;background:linear-gradient(135deg,#1a1a2e,#16213e);border-radius:8px;text-align:center}.maxim h3{color:#ff6b6b;margin:0 0 1.5rem;font-size:1.4rem;letter-spacing:2px}.maxim p{color:#ffffffe6;margin:.5rem 0;font-size:1.1rem;line-height:1.8}.maxim-final{margin-top:1rem!important;font-weight:600;font-size:1.2rem!important;color:#fff!important}.closing-enso{width:80px;height:80px;margin-bottom:1rem}.closing-text{font-style:italic;color:#666;font-size:1.1rem}@media(max-width:768px){.principles-content{padding:0 1rem 2rem}.principles-heading{font-size:1.4rem}.principle{padding:1rem}.principle h3{font-size:1.1rem}.maxim{padding:1.5rem}.maxim h3{font-size:1.2rem}.maxim p{font-size:1rem}}.about-container{font-family:sans-serif;max-width:1200px;margin:0 auto}.about-content{padding:0 2rem 3rem;max-width:700px;margin:0 auto}.about-section{margin-bottom:2.5rem}.about-section h2{color:#1a1a2e;font-size:1.4rem;margin-bottom:1rem;border-bottom:2px solid #e94560;padding-bottom:.5rem}.about-section p{line-height:1.7;color:#333;margin-bottom:1rem}.location{display:flex;align-items:center;gap:.5rem;font-size:1.1rem;font-weight:500;color:#1a1a2e!important}.location-icon{width:24px;height:24px;color:#e94560}.email-container{margin-top:1rem;padding:1rem;background:#fafafa;border-radius:8px;display:inline-block}.email-image{height:24px;display:block}.closing{text-align:center;margin-top:3rem}.closing-enso{width:60px;height:60px}@media(max-width:768px){.about-content{padding:0 1rem 2rem}.about-section h2{font-size:1.2rem}}.imu-container{font-family:sans-serif;max-width:1200px;margin:0 auto}.imu-content{padding:0 2rem 3rem;max-width:900px;margin:0 auto}.mode-selector{display:flex;gap:.5rem;margin-bottom:1.5rem;flex-wrap:wrap}.mode-btn{padding:.6rem 1.2rem;border:2px solid #ccc;background:#fff;border-radius:6px;cursor:pointer;font-size:.9rem;transition:all .2s}.mode-btn:hover{border-color:#e94560}.mode-btn.active{background:#e94560;color:#fff;border-color:#e94560}.settings-form{background:#fafafa;padding:1.5rem;border-radius:8px;border:1px solid #eee}.form-row{display:flex;gap:2rem;margin-bottom:1.5rem;flex-wrap:wrap}.form-row label{display:flex;flex-direction:column;gap:.4rem;font-weight:500;color:#333}.form-row input,.form-row select{padding:.5rem;border:1px solid #ccc;border-radius:4px;font-size:1rem;min-width:120px}.upload-section{background:#fafafa;padding:1.5rem;border-radius:8px;border:2px dashed #ccc;text-align:center}.upload-section p{color:#666;margin-bottom:1rem}.success-box{background:#e0ffe0;color:#060;padding:1rem;border-radius:6px;margin:0}.download-box{background:#e0f0ff;padding:1rem;border-radius:6px;margin-top:1rem;margin-bottom:0;text-align:center}.download-link{color:#036;font-weight:600;text-decoration:none;padding:.5rem 1rem;background:#fff;border-radius:4px;display:inline-block}.download-link:hover{text-decoration:underline}.results-section{margin-top:0}.results-section h2{color:#1a1a2e;border-bottom:2px solid #e94560;padding-bottom:.5rem;margin-bottom:1rem}.results-section h3{color:#333;margin:1.5rem 0 1rem}.summary-box{background:#f5f5f5;padding:1rem 1.5rem;border-radius:8px;margin-bottom:1.5rem}.summary-box p{margin:.4rem 0}.generation-info{color:#666;font-size:.9rem;font-style:italic}.kicks-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}.kick-card{background:#fff;border:1px solid #ddd;border-radius:8px;padding:1rem;box-shadow:0 2px 4px #0000000d}.kick-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.kick-num{font-weight:600;color:#1a1a2e}.kick-score{font-size:1.1rem;margin-bottom:.75rem;color:#333}.kick-metrics{font-size:.85rem;color:#555;line-height:1.6}.kick-notes{margin-top:.75rem;padding-top:.75rem;border-top:1px solid #eee;font-size:.85rem}.kick-notes strong{color:#e94560}.kick-notes ul{margin:.4rem 0 0 1.2rem;padding:0}.kick-notes li{margin:.3rem 0;color:#666}.chart-toggle{margin:1.5rem 0}.toggle-btn{background:#fff;border:2px solid #e94560;color:#e94560;padding:.6rem 1.5rem;border-radius:6px;cursor:pointer;font-size:.95rem;font-weight:500;transition:all .2s}.toggle-btn:hover{background:#fef2f4}.toggle-btn.active{background:#e94560;color:#fff}.charts-section{margin-bottom:2rem}.charts-section h3{color:#333;margin:0 0 1rem}.charts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem}.velocity-chart{background:#fff;border:1px solid #ddd;border-radius:8px;padding:1rem;box-shadow:0 2px 4px #0000000d}.chart-title{font-weight:600;color:#1a1a2e;margin-bottom:.75rem;font-size:.9rem}.chart-svg{width:100%;height:auto;background:#fafafa;border-radius:4px}.chart-legend{display:flex;gap:1.5rem;margin-top:.75rem;justify-content:center}.legend-item{display:flex;align-items:center;gap:.4rem;font-size:.8rem;color:#555}.legend-dot{width:10px;height:10px;border-radius:50%}.legend-dot.peak{background:#22c55e}.legend-line{width:16px;height:2px;background:#3b82f6}.legend-line.impact{background:repeating-linear-gradient(90deg,#3b82f6 0px,#3b82f6 4px,transparent 4px,transparent 6px)}.metric-label{font-weight:500}.image-analysis-section{background:#fafafa;padding:1.5rem;border-radius:8px;border:1px solid #eee}.image-analysis-section>p{color:#555;margin:0 0 1.5rem}.analysis-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:2px solid #e94560}@media(max-width:768px){.imu-content{padding:0 1rem 2rem}.mode-selector{flex-direction:column}.mode-btn{width:100%;text-align:center}.form-row{flex-direction:column;gap:1rem}.kicks-grid,.charts-grid{grid-template-columns:1fr}.toggle-btn{width:100%}.guide-content{padding:1rem}.guide-section{margin-bottom:1rem;padding-bottom:1rem}.guide-tips{padding:.75rem 1rem}.tooltip-content{width:200px;left:0;transform:translate(0)}.tooltip-content:after{left:20px;transform:none}.image-paste-area{min-height:150px;padding:1.5rem}.pasted-kick-image{max-height:200px}.analysis-grid{grid-template-columns:1fr}.analysis-header{flex-direction:column;gap:.5rem;align-items:flex-start}}.scripts-container{font-family:sans-serif;max-width:1200px}.scripts-content{padding:0 2rem 2rem}.main-layout{display:flex;gap:2rem}.left-panel,.right-panel{flex:1;min-width:0}.upload-box{margin-bottom:2rem;padding:2rem;border:2px dashed #ccc;border-radius:8px;background:#fafafa;text-align:center;transition:all .2s}.upload-box.drag-over{border-color:#007bff;background:#e7f1ff}.output-box{padding:2rem;border:2px solid #ccc;border-radius:8px;background:#fafafa;min-height:150px}.script-item{margin-bottom:.5rem;display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}.script-name{word-break:break-all;margin-right:.5rem}.btn-run{margin-right:.5rem}.btn-delete{background:#dc3545;color:#fff;border:none;padding:4px 8px;border-radius:4px;cursor:pointer}.output-error{background:#ffe0e0;padding:1rem;overflow:auto;color:#c00;border-radius:4px;margin:0}.output-success{background:#e0ffe0;padding:1rem;overflow:auto;color:#060;border-radius:4px;white-space:pre-wrap;margin:0;word-break:break-word}.output-warning{background:#fff3e0;padding:1rem;overflow:auto;color:#a50;border-radius:4px;margin-top:.5rem}.output-message{background:#e0f0ff;padding:1rem;border-radius:4px;color:#036;margin:0}.image-upload-section{margin-bottom:2rem}.paste-area{border:2px dashed #ccc;border-radius:8px;padding:2rem;text-align:center;background:#fafafa;cursor:pointer;transition:all .2s;min-height:150px;display:flex;align-items:center;justify-content:center}.paste-area:focus{outline:none;border-color:#e94560;background:#fff5f7}.paste-area:hover{border-color:#999}.paste-area p{color:#666;margin:0;line-height:1.6}.paste-area.has-image{padding:1rem;border-style:solid;border-color:#e94560}.pasted-image{max-width:100%;max-height:200px;border-radius:4px}.clear-image{position:absolute;top:-10px;right:-10px;width:24px;height:24px;border-radius:50%;background:#dc3545;color:#fff;border:none;cursor:pointer;font-size:16px;line-height:1;display:flex;align-items:center;justify-content:center}.image-save-controls{display:flex;gap:.5rem;margin-top:1rem;flex-wrap:wrap}.filename-input{flex:1;min-width:200px;padding:.5rem;border:1px solid #ccc;border-radius:4px;font-size:.9rem}.btn-save-image{background:#28a745;color:#fff;border:none;padding:.5rem 1rem;border-radius:4px;cursor:pointer;font-weight:500}.btn-save-image:hover:not(:disabled){background:#218838}.btn-save-image:disabled{background:#ccc;cursor:not-allowed}.repo-section{margin-top:2rem;padding-top:2rem;border-top:2px solid #e94560}.repo-description{color:#666;margin-bottom:1rem;font-size:.9rem}.repo-description code{background:#f0f0f0;padding:2px 6px;border-radius:3px;font-size:.85rem;color:#333}.repo-upload{padding:1.5rem}.repo-file-item{display:flex;align-items:center;gap:.75rem}.file-size{color:#888;font-size:.85rem;min-width:70px}@media(max-width:768px){.banner{padding:1rem;gap:.5rem}.banner-icon{width:40px;height:40px}.banner-icon.hide-mobile{display:none}.banner-title{font-size:1.2rem}.banner-subtitle{font-size:.65rem;letter-spacing:1px}.scripts-content{padding:0 1rem 1rem}.main-layout{flex-direction:column}.upload-box,.output-box{padding:1rem}.upload-box p{font-size:.9rem}}.video-container{font-family:sans-serif;max-width:1200px;margin:0 auto}.video-content{padding:0 2rem 3rem;max-width:900px;margin:0 auto}.video-upload-section{background:#fafafa;padding:1.5rem;border-radius:8px;border:1px solid #eee}.video-upload-area{border:2px dashed #ccc;border-radius:8px;padding:2rem;text-align:center;background:#fff;min-height:200px;display:flex;align-items:center;justify-content:center;transition:all .2s}.video-upload-area:hover{border-color:#999}.video-upload-area.has-video{padding:1rem;border-style:solid;border-color:#e94560}.upload-prompt p{color:#666;margin:.5rem 0}.upload-hint{font-size:.85rem;color:#999!important}.video-input{margin-top:1rem}.video-preview-container{position:relative;width:100%;max-width:500px}.video-preview{width:100%;max-height:300px;border-radius:4px;background:#000}.clear-video{position:absolute;top:-10px;right:-10px;width:28px;height:28px;border-radius:50%;background:#dc3545;color:#fff;border:none;cursor:pointer;font-size:18px;line-height:1;display:flex;align-items:center;justify-content:center}.clear-video:hover{background:#c82333}.analyze-video-btn{margin-top:1.5rem;width:100%}.video-tips{margin-top:1.5rem;padding:1rem 1.5rem;background:#fff8e6;border:1px solid #ffe0a0;border-radius:8px}.video-tips h4{color:#960;margin:0 0 .75rem}.video-tips ul{margin:0;padding-left:1.2rem}.video-tips li{margin:.5rem 0;color:#666}.error-box{background:#ffe0e0;color:#c00;padding:1rem;border-radius:6px;margin-top:1rem;margin-bottom:0}.video-analysis-result{margin-top:0;background:#fff;border:1px solid #ddd;border-radius:8px;padding:1.5rem}.temporal-section{background:#f0f7ff;padding:1rem;border-radius:8px;margin-bottom:1.5rem}.temporal-section h4{color:#06c}.temporal-item{border-left-color:#06c!important}.speed-estimate{font-size:1.1rem;font-weight:600;color:#06c;margin-bottom:.5rem}@media(max-width:768px){.banner{padding:1rem;gap:.5rem}.banner-icon{width:40px;height:40px}.banner-icon.hide-mobile{display:none}.banner-title{font-size:1.2rem}.banner-subtitle{font-size:.65rem;letter-spacing:1px}.video-content{padding:0 1rem 2rem}.video-upload-area{min-height:150px;padding:1.5rem}.video-preview{max-height:200px}.analysis-grid{grid-template-columns:1fr}.analysis-header{flex-direction:column;gap:.5rem}.tooltip-content{width:200px;left:0;transform:translate(0)}.tooltip-content:after{left:20px;transform:none}.guide-content{padding:1rem}.guide-section{padding-bottom:1rem;margin-bottom:1rem}.guide-tips{padding:.75rem 1rem}}.sensors-container{font-family:sans-serif;max-width:1200px;margin:0 auto}.sensors-content{padding:0 2rem 3rem;max-width:1000px;margin:0 auto}.intro-section{text-align:center;margin-bottom:2.5rem}.intro-section h2{color:#1a1a2e;margin:0 0 1rem}.intro-section p{color:#555;max-width:600px;margin:0 auto;line-height:1.6}.analysis-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-bottom:3rem}.analysis-card{background:#fff;border:2px solid #eee;border-radius:12px;padding:1.5rem;text-decoration:none;color:inherit;transition:all .2s;display:flex;flex-direction:column}.analysis-card:hover{border-color:#e94560;transform:translateY(-4px);box-shadow:0 8px 24px #0000001a}.analysis-card-icon{width:48px;height:48px;background:linear-gradient(135deg,#e94560,#ff6b6b);border-radius:10px;display:flex;align-items:center;justify-content:center;margin-bottom:1rem}.analysis-card-icon svg{width:24px;height:24px;color:#fff}.analysis-card-title{color:#1a1a2e;margin:0 0 .5rem;font-size:1.2rem}.analysis-card-description{color:#666;font-size:.9rem;line-height:1.5;margin:0 0 1rem}.analysis-card-features{list-style:none;padding:0;margin:0 0 1rem;flex-grow:1}.analysis-card-features li{color:#555;font-size:.85rem;padding:.3rem 0 .3rem 1.2rem;position:relative}.analysis-card-features li:before{content:"✓";position:absolute;left:0;color:#059669;font-weight:700}.analysis-card-link{color:#e94560;font-weight:600;font-size:.9rem;margin-top:auto}.analysis-card:hover .analysis-card-link{text-decoration:underline}.comparison-section{background:#f8f9fa;padding:2rem;border-radius:12px}.comparison-section h3{color:#1a1a2e;margin:0 0 1.5rem;text-align:center}.comparison-table{width:100%;border-collapse:collapse;font-size:.9rem}.comparison-table th,.comparison-table td{padding:.75rem 1rem;text-align:center;border-bottom:1px solid #ddd}.comparison-table th{background:#1a1a2e;color:#fff;font-weight:600}.comparison-table th:first-child{border-radius:6px 0 0;text-align:left}.comparison-table th:last-child{border-radius:0 6px 0 0}.comparison-table td:first-child{text-align:left;font-weight:500;color:#333}.comparison-table tbody tr:hover{background:#fff}.comparison-table tbody tr:last-child td{border-bottom:none}@media(prefers-color-scheme:dark){.intro-section h2{color:#fff}.intro-section p{color:#aaa}.analysis-card{background:#2a2a3e;border-color:#3a3a4e}.analysis-card:hover{box-shadow:0 8px 24px #0000004d}.analysis-card-title{color:#fff}.analysis-card-description{color:#aaa}.analysis-card-features li{color:#bbb}.comparison-section{background:#2a2a3e}.comparison-section h3{color:#fff}.comparison-table th,.comparison-table td{border-bottom-color:#444}.comparison-table td{color:#ddd}.comparison-table td:first-child{color:#eee}.comparison-table tbody tr:hover{background:#3a3a4e}}@media(max-width:768px){.banner{padding:1rem;gap:.5rem}.banner-icon{width:40px;height:40px}.banner-icon.hide-mobile{display:none}.banner-title{font-size:1.2rem}.banner-subtitle{font-size:.65rem;letter-spacing:1px}.sensors-content{padding:0 1rem 2rem}.analysis-options{grid-template-columns:1fr}.comparison-section{padding:1rem;overflow-x:auto}.comparison-table{font-size:.8rem;min-width:400px}.comparison-table th,.comparison-table td{padding:.5rem}}.image-container{font-family:sans-serif;max-width:1200px;margin:0 auto}.banner{background:linear-gradient(135deg,#1a1a2e,#16213e,#e94560);padding:2rem;border-radius:0 0 8px 8px;margin-bottom:2rem;display:flex;align-items:center;justify-content:center;gap:2rem;position:relative;overflow:hidden;text-decoration:none;cursor:pointer;transition:filter .2s}.banner:hover{filter:brightness(1.05)}.banner-icon{width:80px;height:80px;flex-shrink:0}.banner-icon.hide-mobile{display:block}.banner-title{margin:0;color:#fff;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.banner-subtitle{margin:.5rem 0 0;color:#fffc;font-size:.9rem;letter-spacing:2px}.image-content{padding:0 2rem 3rem;max-width:900px;margin:0 auto}.back-link{display:inline-block;color:#e94560;text-decoration:none;margin-bottom:2rem;font-weight:500}.back-link:hover{text-decoration:underline}.tool-section{margin-bottom:2rem}.tool-section h2{color:#1a1a2e;border-bottom:2px solid #e94560;padding-bottom:.5rem;margin-bottom:1rem}.tool-section>p{color:#555;margin-bottom:1.5rem}.image-upload-section{background:#fafafa;padding:1.5rem;border-radius:8px;border:1px solid #eee}.image-paste-area{border:2px dashed #ccc;border-radius:8px;padding:2rem;text-align:center;background:#fff;cursor:pointer;transition:all .2s;min-height:200px;display:flex;align-items:center;justify-content:center}.image-paste-area:focus{outline:none;border-color:#e94560;background:#fff5f7}.image-paste-area:hover{border-color:#999}.image-paste-area p{color:#666;margin:0;line-height:1.8}.image-paste-area.has-image{padding:1rem;border-style:solid;border-color:#e94560;cursor:default}.pasted-image-container{position:relative;display:inline-block}.pasted-kick-image{max-width:100%;max-height:300px;border-radius:4px}.clear-image{position:absolute;top:-10px;right:-10px;width:28px;height:28px;border-radius:50%;background:#dc3545;color:#fff;border:none;cursor:pointer;font-size:18px;line-height:1;display:flex;align-items:center;justify-content:center}.clear-image:hover{background:#c82333}.analyze-image-btn{margin-top:1.5rem;width:100%}.action-btn{background:#e94560;color:#fff;border:none;padding:.8rem 2rem;border-radius:6px;font-size:1rem;cursor:pointer;transition:background .2s}.action-btn:hover:not(:disabled){background:#d63050}.action-btn:disabled{background:#ccc;cursor:not-allowed}.results-container{margin-top:1.5rem;position:relative}.results-container.results-new{animation:highlightNew .5s ease-out}@keyframes highlightNew{0%{box-shadow:0 0 0 4px #e9456099;transform:scale(1.01)}to{box-shadow:0 0 #e9456000;transform:scale(1)}}.results-badge{display:inline-block;background:linear-gradient(135deg,#059669,#10b981);color:#fff;padding:.4rem 1rem;border-radius:20px;font-size:.85rem;font-weight:600;margin-bottom:.75rem;animation:badgePulse .5s ease-out}@keyframes badgePulse{0%{transform:scale(.8);opacity:0}50%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}.image-tips{margin-top:1.5rem;padding:1rem 1.5rem;background:#fff8e6;border:1px solid #ffe0a0;border-radius:8px}.image-tips h4{color:#960;margin:0 0 .75rem}.image-tips ul{margin:0;padding-left:1.2rem}.image-tips li{margin:.5rem 0;color:#666}.error-box{background:#ffe0e0;color:#c00;padding:1rem;border-radius:6px;margin-bottom:1.5rem}.image-analysis-result{margin-top:2rem;background:#fff;border:1px solid #ddd;border-radius:8px;padding:1.5rem}.analysis-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:2px solid #e94560;flex-wrap:wrap;gap:.5rem}.analysis-header h3{margin:0;color:#1a1a2e}.kick-type-header{display:flex;align-items:baseline;gap:.75rem;flex-wrap:wrap}.type-confidence{font-size:.8rem;color:#059669;font-weight:500}.type-confidence.low{color:#d97706}.header-badges{display:flex;gap:.5rem;align-items:center}.phase-badge{background:#e0e7ff;color:#3730a3;padding:.25rem .6rem;border-radius:4px;font-size:.75rem;font-weight:600;text-transform:capitalize}.kick-grade{padding:.2rem .6rem;border-radius:4px;font-size:.75rem;font-weight:600}.grade-excellent{background:#d4edda;color:#155724}.grade-good{background:#cce5ff;color:#004085}.grade-ok{background:#fff3cd;color:#856404}.grade-needs-work{background:#f8d7da;color:#721c24}.overall-score{font-size:1.2rem;margin-bottom:1rem;padding:.75rem 1rem;background:#f8f9fa;border-radius:6px}.score-value{font-weight:600;color:#1a1a2e}.analysis-summary{margin-bottom:1.5rem;color:#444;line-height:1.6}.analysis-summary p{margin:0}.analysis-breakdown h4{color:#1a1a2e;margin:0 0 1rem;font-size:1rem}.analysis-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem}.analysis-item{background:#f8f9fa;padding:1rem;border-radius:6px;border-left:3px solid #e94560}.analysis-item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem;font-weight:600;color:#1a1a2e}.score-confidence{display:flex;align-items:center;gap:.4rem}.analysis-item-score{color:#e94560;font-size:.9rem}.confidence-badge{background:#f0f0f0;color:#666;padding:.15rem .4rem;border-radius:3px;font-size:.7rem;font-weight:500}.analysis-item p{margin:0;font-size:.85rem;color:#555;line-height:1.5}.improvements-section{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid #eee}.improvements-section h4{color:#e94560;margin:0 0 .75rem}.improvements-section ul{margin:0;padding-left:1.2rem}.improvements-section li{margin:.5rem 0;color:#444;line-height:1.5}.raw-analysis{white-space:pre-wrap;background:#f8f9fa;padding:1rem;border-radius:6px;color:#333;line-height:1.6}.tooltip-wrapper{position:relative;display:inline-flex;align-items:center;cursor:help}.tooltip-icon{display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;margin-left:4px;background:#ddd;color:#666;border-radius:50%;font-size:10px;font-weight:700}.tooltip-wrapper:hover .tooltip-icon{background:#e94560;color:#fff}.tooltip-content{position:absolute;bottom:100%;left:50%;transform:translate(-50%);padding:.6rem .8rem;background:#1a1a2e;color:#fff;font-size:.8rem;line-height:1.4;border-radius:6px;white-space:normal;width:250px;text-align:left;opacity:0;visibility:hidden;transition:opacity .2s,visibility .2s;z-index:100;pointer-events:none;box-shadow:0 4px 12px #0003;margin-bottom:8px}.tooltip-content:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:6px solid transparent;border-top-color:#1a1a2e}.tooltip-wrapper:hover .tooltip-content{opacity:1;visibility:visible}.user-guide{margin:1.5rem 0;border:1px solid #ddd;border-radius:8px;overflow:hidden}.guide-toggle{width:100%;padding:1rem 1.5rem;background:#f8f9fa;border:none;cursor:pointer;font-size:1rem;font-weight:500;color:#1a1a2e;display:flex;justify-content:space-between;align-items:center;transition:background .2s}.guide-toggle:hover{background:#e9ecef}.guide-arrow{transition:transform .3s;font-size:.8rem}.guide-arrow.open{transform:rotate(180deg)}.guide-content{padding:1.5rem;background:#fff;border-top:1px solid #eee}.guide-content h3{color:#1a1a2e;margin:0 0 1rem;border-bottom:2px solid #e94560;padding-bottom:.5rem}.guide-intro{color:#555;margin-bottom:1.5rem;line-height:1.6}.guide-section{margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid #eee}.guide-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.guide-section h4{color:#e94560;margin:0 0 .75rem;font-size:1.05rem}.guide-section p{color:#444;line-height:1.7;margin:0 0 .75rem}.guide-benchmarks{background:#f8f9fa;padding:.75rem 1rem;border-radius:6px;margin-top:.5rem}.guide-benchmarks strong{color:#333;display:block;margin-bottom:.5rem}.guide-benchmarks ul{margin:0;padding-left:1.5rem}.guide-benchmarks li{color:#555;margin:.3rem 0}.guide-tips{background:#fff8e6;padding:1rem 1.5rem;border-radius:8px;border:1px solid #ffe0a0}.guide-tips h4{color:#960}.guide-tips ul{margin:0;padding-left:1.2rem}.guide-tips li{margin:.75rem 0;color:#555;line-height:1.6}.guide-tips li strong{color:#960}@media(max-width:768px){.banner{padding:1rem;gap:.5rem}.banner-icon{width:40px;height:40px}.banner-icon.hide-mobile{display:none}.banner-title{font-size:1.2rem}.banner-subtitle{font-size:.65rem;letter-spacing:1px}.image-content{padding:0 1rem 2rem}.image-paste-area{min-height:150px;padding:1.5rem}.pasted-kick-image{max-height:200px}.analysis-grid{grid-template-columns:1fr}.analysis-header{flex-direction:column;gap:.5rem}.tooltip-content{width:200px;left:0;transform:translate(0)}.tooltip-content:after{left:20px;transform:none}.guide-content{padding:1rem}.guide-section{padding-bottom:1rem;margin-bottom:1rem}.guide-tips{padding:.75rem 1rem}}