.stylist-container{padding:20px 0}.stylist-header{text-align:center;margin-bottom:40px}.stylist-header h1{letter-spacing:-.02em;margin-bottom:16px;font-size:40px}.stylist-header p{color:var(--text-secondary);max-width:400px;margin:0 auto;font-size:16px}.input-label{color:var(--text-secondary);margin-bottom:8px;font-size:14px;display:block}.stylist-slider{width:100%;accent-color:var(--primary);margin-bottom:16px}.toggle-group{flex-wrap:wrap;gap:8px;margin-bottom:24px;display:flex}.tag-btn{border:1px solid var(--border-color);color:var(--text-secondary);border-radius:var(--radius-sm);background:0 0;padding:8px 16px;font-size:14px;transition:all .2s}.tag-btn.active{background:var(--primary);color:#000;border-color:var(--primary);font-weight:600}.scanner-viewport{border-radius:var(--radius);border:2px solid var(--primary);position:relative;overflow:hidden}.scanner-image{width:100%;display:block}.scanline{background:var(--accent);width:100%;height:2px;box-shadow:0 0 10px var(--accent);animation:2s linear infinite scan;position:absolute;top:0;left:0}@keyframes scan{0%{top:0}to{top:100%}}.progress-track{background:var(--border-color);border-radius:3px;height:6px;margin-top:20px;overflow:hidden}.progress-fill{background:var(--primary);height:100%;transition:width .1s}.report-card{border-radius:var(--radius-sm);background:#ffffff08;margin-bottom:12px;padding:16px}.report-card h4{color:var(--primary);margin:0 0 8px;font-size:16px}.stylist-footer{border-top:1px solid var(--border-color);text-align:center;color:var(--text-secondary);margin-top:60px;padding:40px 20px;font-size:13px}.footer-links{flex-wrap:wrap;justify-content:center;gap:20px;margin-bottom:16px;display:flex}.footer-links button{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;padding:0;font-family:inherit;font-size:13px;transition:color .2s}.footer-links button:hover{color:var(--primary)}.footer-links a{color:var(--text-secondary);font-size:13px;text-decoration:none;transition:color .2s}.footer-links a:hover{color:var(--primary)}.copyright{font-family:var(--font-display);opacity:.7;font-size:12px}.modal-overlay{z-index:1000;background:#000c;justify-content:center;align-items:center;width:100%;height:100%;padding:20px;display:flex;position:fixed;top:0;left:0}.modal-content{background:var(--card-bg);border-radius:var(--radius-lg);border:1px solid var(--border-color);width:100%;max-width:500px;padding:30px;position:relative}.close-btn{color:#fff;cursor:pointer;background:0 0;border:none;font-size:24px;position:absolute;top:15px;right:15px}.modal-content h3{color:var(--primary);margin-top:0}.modal-content p{color:var(--text-secondary);line-height:1.6}:root{--bg-color:#0f0f11;--card-bg:#1a1a1d;--text-primary:#f4f4f5;--text-secondary:#a1a1aa;--primary:#a78bfa;--accent:#f472b6;--border-color:#27272a;--radius-sm:8px;--radius:16px;--radius-lg:24px;--font-display:"Playfair Display", serif;--font-body:"Plus Jakarta Sans", sans-serif}body{background-color:var(--bg-color);color:var(--text-primary);font-family:var(--font-body);-webkit-font-smoothing:antialiased;margin:0;padding:0;font-size:16px;line-height:1.5}main{box-sizing:border-box;width:100%;max-width:600px;margin:0 auto;padding:20px}h1,h2,h3,h4{font-family:var(--font-display);color:#fff}.stylist-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:24px;transition:transform .3s,border-color .3s;box-shadow:0 10px 30px -5px #0000004d}.stylist-card:hover{border-color:var(--primary)}.submit-btn{background:linear-gradient(135deg, var(--primary), var(--accent));color:#fff;border-radius:var(--radius);cursor:pointer;border:none;width:100%;padding:16px;font-size:16px;font-weight:700;transition:opacity .2s}.submit-btn:hover{opacity:.9}