:root{--font-sans:"Plus Jakarta Sans", "Noto Sans KR", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--bg-dark:#090d16;--bg-card:#111928a6;--bg-card-hover:#172135cc;--border-color:#ffffff14;--border-glow:#06b6d433;--primary:#06b6d4;--primary-glow:#06b6d466;--secondary:#6366f1;--secondary-glow:#6366f166;--accent:#d946ef;--success:#10b981;--warning:#f59e0b;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#64748b}*{box-sizing:border-box;font-family:var(--font-sans);margin:0;padding:0}body{background-color:var(--bg-dark);color:var(--text-primary);-webkit-font-smoothing:antialiased;min-height:100vh;position:relative;overflow-x:hidden}body:before{content:"";z-index:-2;background:radial-gradient(circle at 10% 20%, #6366f126 0%, transparent 40%), radial-gradient(circle at 90% 80%, #06b6d41f 0%, transparent 45%), radial-gradient(circle at 50% 50%, #d946ef14 0%, transparent 50%), var(--bg-dark);background-attachment:fixed;width:100vw;height:100vh;position:fixed;top:0;left:0}body:after{content:"";z-index:-1;pointer-events:none;background:radial-gradient(#ffffff04 1px,#0000 0) 0 0/24px 24px;width:100vw;height:100vh;position:fixed;top:0;left:0}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-dark)}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--primary-glow)}::selection{background:var(--primary-glow);color:#fff}.glass-panel{background:var(--bg-card);-webkit-backdrop-filter:blur(16px)saturate(190%);border:1px solid var(--border-color);border-radius:20px;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 8px 32px #0000005e}.glass-panel:hover{border-color:#06b6d440;box-shadow:0 12px 40px #06b6d41a}h1,h2,h3,h4{letter-spacing:-.02em;font-weight:700}.gradient-text{background:linear-gradient(135deg,#fff 30%,#a5f3fc 70%,#22d3ee 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.accent-gradient-text{background:linear-gradient(135deg,#06b6d4 0%,#6366f1 50%,#d946ef 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}@keyframes pulseGlow{0%,to{box-shadow:0 0 15px var(--primary-glow)}50%{box-shadow:0 0 25px #06b6d4b3,0 0 40px #6366f166}}@keyframes scanline{0%{transform:translateY(-100%)}to{transform:translateY(100%)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes progress-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.float-animation{animation:4s ease-in-out infinite float}.app-container{flex-direction:column;max-width:1200px;min-height:100vh;margin:0 auto;padding:40px 20px;display:flex}.app-header{text-align:center;margin-bottom:48px}.logo-badge{color:var(--primary);text-transform:uppercase;letter-spacing:.1em;background:#06b6d41a;border:1px solid #06b6d433;border-radius:99px;align-items:center;gap:8px;margin-bottom:16px;padding:6px 14px;font-size:.85rem;font-weight:600;display:inline-flex}.logo-dot{background-color:var(--primary);width:6px;height:6px;box-shadow:0 0 8px var(--primary);border-radius:50%}.app-title{margin-bottom:12px;font-size:2.75rem;font-weight:800;line-height:1.2}.app-subtitle{color:var(--text-secondary);max-width:600px;margin:0 auto;font-size:1.1rem;line-height:1.6}.analyzer-grid{grid-template-columns:1fr 1fr;align-items:stretch;gap:32px;margin-bottom:40px;display:grid}@media (width<=868px){.analyzer-grid{grid-template-columns:1fr}}.form-card{flex-direction:column;height:100%;padding:36px;display:flex}.card-title{border-bottom:1px solid #ffffff0d;align-items:center;gap:10px;margin-bottom:24px;padding-bottom:14px;font-size:1.4rem;display:flex}.card-title svg{color:var(--primary)}.upload-container{flex-direction:column;flex-grow:1;display:flex}.dropzone{text-align:center;cursor:pointer;background:#ffffff03;border:2px dashed #ffffff26;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;height:100%;min-height:280px;padding:40px 20px;transition:all .25s;display:flex;position:relative;overflow:hidden}.dropzone.active{border-color:var(--primary);background:#06b6d40a}.dropzone:hover{border-color:var(--primary-glow);background:#ffffff05}.upload-icon{width:56px;height:56px;color:var(--text-secondary);background:#ffffff0a;border-radius:50%;justify-content:center;align-items:center;margin-bottom:16px;transition:all .3s;display:flex}.dropzone:hover .upload-icon{color:var(--primary);background:#06b6d41a;transform:translateY(-4px);box-shadow:0 0 15px #06b6d433}.upload-text{color:var(--text-primary);margin-bottom:8px;font-weight:500}.upload-hint{color:var(--text-muted);font-size:.8rem}.image-preview-wrapper{border-radius:14px;width:100%;height:100%;min-height:280px;position:relative;overflow:hidden;box-shadow:0 4px 20px #0003}.preview-image{object-fit:cover;width:100%;height:100%;display:block}.image-overlay{background:linear-gradient(#0000001a 0%,#000000b3 100%);justify-content:center;align-items:flex-end;padding:20px;display:flex;position:absolute;inset:0}.change-image-btn{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172ad9;border:1px solid #fff3;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-size:.85rem;font-weight:600;transition:all .2s;display:flex}.change-image-btn:hover{color:var(--bg-dark);background:#fff}.file-input{display:none}.input-group{margin-bottom:30px}.input-label-container{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.input-label{color:var(--text-secondary);font-size:.95rem;font-weight:600}.input-value-badge{color:var(--primary);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;padding:4px 10px;font-size:.9rem;font-weight:700}.slider-input-wrapper{align-items:center;gap:16px;display:flex}.range-slider{appearance:none;background:#ffffff1a;border-radius:3px;outline:none;flex-grow:1;height:6px;transition:background .3s}.range-slider::-webkit-slider-thumb{appearance:none;background:var(--primary);cursor:pointer;width:20px;height:20px;box-shadow:0 0 10px var(--primary-glow);border-radius:50%;transition:all .15s}.range-slider::-webkit-slider-thumb:hover{box-shadow:0 0 15px var(--primary);transform:scale(1.25)}.number-input{color:#fff;text-align:center;background:#ffffff08;border:1px solid #ffffff1a;border-radius:10px;outline:none;width:90px;padding:8px 12px;font-size:1rem;font-weight:700;transition:all .2s}.number-input:focus{border-color:var(--primary);background:#06b6d40d;box-shadow:0 0 10px #06b6d440}.number-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.number-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.gender-select{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:24px;display:grid}.gender-btn{color:var(--text-secondary);cursor:pointer;background:#ffffff05;border:1px solid #ffffff14;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:14px;font-weight:600;transition:all .25s;display:flex}.gender-btn:hover{color:var(--text-primary);background:#ffffff0d;border-color:#ffffff26}.gender-btn.active.male{border-color:var(--primary);color:var(--primary);background:#06b6d41a;box-shadow:0 0 15px #06b6d426}.gender-btn.active.female{border-color:var(--accent);color:var(--accent);background:#d946ef26;box-shadow:0 0 15px #d946ef26}.action-container{text-align:center;margin-top:12px}.analyze-submit-btn{background:linear-gradient(135deg, var(--primary) 0%, var(--secondary) 100%);color:#fff;cursor:pointer;border:none;border-radius:14px;justify-content:center;align-items:center;gap:12px;width:100%;padding:18px;font-size:1.15rem;font-weight:700;transition:all .3s cubic-bezier(.175,.885,.32,1.275);animation:3s infinite pulseGlow;display:flex}.analyze-submit-btn:hover{filter:brightness(1.1);box-shadow:0 0 25px var(--primary-glow), 0 0 40px var(--secondary-glow);animation:none;transform:translateY(-3px)}.analyze-submit-btn:active{transform:translateY(-1px)}.analyze-submit-btn:disabled{color:var(--text-muted);cursor:not-allowed;box-shadow:none;background:#ffffff0d;border:1px solid #ffffff0d;animation:none;transform:none}.scanning-card{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:500px;padding:60px 40px;display:flex;position:relative;overflow:hidden}.scanning-visual{border:2px solid #06b6d41a;border-radius:50%;justify-content:center;align-items:center;width:220px;height:220px;margin-bottom:40px;display:flex;position:relative}.pulse-ring{border:2px solid var(--primary-glow);border-radius:50%;width:100%;height:100%;animation:2s ease-in-out infinite pulseGlow;position:absolute}.scan-image-preview{object-fit:cover;border:3px solid var(--primary);z-index:2;border-radius:50%;width:170px;height:170px;position:relative;box-shadow:0 0 20px #06b6d44d}.scanline{background:linear-gradient(90deg, transparent, var(--primary), transparent);width:100%;height:4px;box-shadow:0 0 12px var(--primary);z-index:3;animation:2.5s linear infinite scanline;position:absolute;top:50%;left:0}.scanner-loader{border:2px solid #0000;border-top-color:var(--accent);z-index:1;border-radius:50%;width:200px;height:200px;animation:3s linear infinite spin;position:absolute}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.scanning-progress-label{color:#fff;margin-bottom:12px;font-size:1.5rem;font-weight:700}.scanning-subtext{color:var(--text-secondary);max-width:400px;height:24px;margin-bottom:30px;font-size:1rem}.scanning-bar-container{background:#ffffff0d;border-radius:99px;width:320px;height:6px;position:relative;overflow:hidden}.scanning-bar{background:linear-gradient(90deg, var(--primary), var(--secondary), var(--accent));border-radius:99px;height:100%;transition:width .3s}.results-container{flex-direction:column;gap:32px;display:flex}.results-header-card{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;padding:32px;display:flex}.results-user-info{align-items:center;gap:20px;display:flex}.results-avatar{object-fit:cover;border:2px solid var(--primary);width:70px;height:70px;box-shadow:0 0 10px var(--primary-glow);border-radius:50%}.results-header-titles h2{margin-bottom:6px;font-size:1.6rem}.results-header-metadata{color:var(--text-secondary);gap:16px;font-size:.9rem;display:flex}.results-metadata-item{background:#ffffff0a;border-radius:6px;align-items:center;gap:6px;padding:4px 10px;display:flex}.score-panel{text-align:right}.score-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:4px;font-size:.8rem}.score-number{font-size:2.5rem;font-weight:800;line-height:1}@media (width<=640px){.results-header-card{flex-direction:column;align-items:flex-start}.score-panel{text-align:left;border-top:1px solid #ffffff0d;width:100%;padding-top:16px}}.results-dashboard-grid{grid-template-columns:1.2fr 1fr;gap:32px;display:grid}@media (width<=968px){.results-dashboard-grid{grid-template-columns:1fr}}.metrics-section{grid-template-columns:1fr 1fr;gap:20px;display:grid}@media (width<=500px){.metrics-section{grid-template-columns:1fr}}.metric-box{flex-direction:column;padding:24px;display:flex}.metric-title{color:var(--text-secondary);align-items:center;gap:8px;margin-bottom:12px;font-size:.9rem;font-weight:600;display:flex}.metric-value-container{align-items:baseline;gap:6px;margin-bottom:16px;display:flex}.metric-value{color:#fff;font-size:2rem;font-weight:800}.metric-unit{color:var(--text-secondary);font-size:1rem;font-weight:500}.metric-progress-track{background:#ffffff0d;border-radius:99px;width:100%;height:8px;margin-bottom:12px;overflow:hidden}.metric-progress-bar{border-radius:99px;height:100%}.metric-status-text{font-size:.85rem;font-weight:600}.posture-panel{flex-direction:column;padding:30px;display:flex}.hologram-visual-container{background:#0003;border:1px solid #ffffff0d;border-radius:16px;justify-content:center;align-items:center;margin-bottom:24px;padding:20px;display:flex;position:relative;overflow:hidden}.hologram-img{opacity:.85;border-radius:12px;width:100%;max-width:280px;height:auto}.posture-markers{pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.posture-list{flex-direction:column;gap:16px;display:flex}.posture-item{background:#ffffff05;border:1px solid #ffffff0a;border-radius:10px;justify-content:space-between;align-items:center;padding:10px 14px;display:flex}.posture-item-label{color:var(--text-secondary);align-items:center;gap:8px;font-size:.9rem;display:flex}.posture-item-value{font-size:.95rem;font-weight:700}.rec-card{padding:32px}.rec-grid{grid-template-columns:1fr 1fr;gap:24px;margin-bottom:32px;display:grid}@media (width<=640px){.rec-grid{grid-template-columns:1fr}}.rec-box{background:#ffffff05;border:1px solid #ffffff0d;border-radius:14px;padding:20px}.rec-title-row{color:#fff;align-items:center;gap:10px;margin-bottom:14px;font-size:1rem;font-weight:700;display:flex}.rec-list{flex-direction:column;gap:10px;list-style:none;display:flex}.rec-list li{color:var(--text-secondary);align-items:flex-start;gap:8px;font-size:.88rem;line-height:1.5;display:flex}.rec-list li:before{content:"•";color:var(--primary);font-weight:700}.results-footer{justify-content:center;gap:16px;margin-top:10px;display:flex}.reset-btn{color:#fff;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;padding:16px 36px;font-size:1rem;font-weight:600;transition:all .25s}.reset-btn:hover{background:#ffffff14;border-color:#fff3}.share-btn{background:var(--primary);color:var(--bg-dark);cursor:pointer;border:none;border-radius:12px;padding:16px 36px;font-size:1rem;font-weight:700;transition:all .25s}.share-btn:hover{box-shadow:0 4px 15px var(--primary-glow);background:#22d3ee;transform:translateY(-2px)}.flex-grow{flex-grow:1}.bold{font-weight:700}