html{font-size:16px}body{margin:0;font-family:Segoe UI,Apple SD Gothic Neo,sans-serif;background:#f5efe6}button,input{font:inherit}img{display:block;max-width:100%}:root{--bg: #f5efe6;--bg-strong: #efe4d4;--panel: rgba(255, 252, 247, .86);--panel-strong: #fffaf2;--text: #24170f;--muted: #6d5749;--line: rgba(62, 39, 25, .12);--accent: #c45c38;--accent-deep: #8e3318;--shadow: 0 28px 70px rgba(72, 42, 23, .16)}*{box-sizing:border-box}.stylist-app{min-height:100vh;padding:32px;background:radial-gradient(circle at top left,rgba(255,255,255,.75),transparent 28%),radial-gradient(circle at bottom right,rgba(196,92,56,.16),transparent 24%),linear-gradient(135deg,var(--bg) 0%,var(--bg-strong) 100%);color:var(--text)}.hero-panel{display:grid;grid-template-columns:1.05fr .95fr;gap:28px;align-items:stretch;max-width:1200px;margin:0 auto}.hero-copy,.intake-card{border:1px solid var(--line);border-radius:32px;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.hero-copy{position:relative;overflow:hidden;padding:56px;background:linear-gradient(180deg,#fffaf2eb,#fff5e9d1),var(--panel)}.hero-copy:after{content:"";position:absolute;right:-60px;bottom:-80px;width:220px;height:220px;border-radius:48px;background:linear-gradient(180deg,#c45c3833,#c45c3800);transform:rotate(24deg)}.eyebrow,.card-kicker{margin:0 0 16px;font-size:.8rem;letter-spacing:.28em;text-transform:uppercase;color:var(--accent-deep)}.hero-copy h1,.card-header h2{margin:0;font-family:Georgia,Times New Roman,serif;font-weight:600;letter-spacing:-.03em}.hero-copy h1{max-width:10ch;font-size:clamp(3rem,5vw,5.8rem);line-height:.94}.hero-description,.card-header p,.upload-copy span,.upload-placeholder small{color:var(--muted)}.hero-description{max-width:34rem;margin:28px 0 0;font-size:1.06rem;line-height:1.7}.hero-tags{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}.hero-tags span{padding:12px 16px;border:1px solid rgba(142,51,24,.14);border-radius:999px;background:#fffaf3b8;font-size:.95rem}.intake-card{padding:28px;background:linear-gradient(180deg,#fffcf7f5,#fcf5edeb),var(--panel-strong)}.card-header p{margin:12px 0 0;line-height:1.6}.intake-form{display:flex;flex-direction:column;gap:22px;margin-top:28px}.upload-field{display:block;cursor:pointer}.upload-field input{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0,0,0,0)}.upload-preview{display:flex;align-items:center;justify-content:center;min-height:320px;border:1px dashed rgba(142,51,24,.26);border-radius:28px;background:linear-gradient(145deg,#fffbf5f2,#f5e4d5bf);overflow:hidden}.upload-preview img{width:100%;height:320px;object-fit:cover}.upload-placeholder{display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center}.upload-icon{display:grid;place-items:center;width:72px;height:72px;border-radius:24px;background:#c45c381f;color:var(--accent-deep);font-size:2.4rem;line-height:1}.upload-copy{display:flex;flex-direction:column;gap:6px;padding:16px 6px 0}.metrics-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.metric-field{display:flex;flex-direction:column;gap:10px;font-weight:600}.metric-input{display:flex;align-items:center;gap:12px;padding:16px 18px;border:1px solid var(--line);border-radius:20px;background:#ffffffb8}.metric-input input{width:100%;border:0;outline:0;background:transparent;color:var(--text);font-size:1.05rem}.metric-input input::placeholder{color:#6d574980}.metric-input em{font-style:normal;color:var(--muted)}.primary-button{border:0;border-radius:999px;padding:18px 24px;background:linear-gradient(135deg,var(--accent) 0%,var(--accent-deep) 100%);color:#fffaf5;font-size:1rem;font-weight:700;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease;box-shadow:0 18px 30px #8e331838}.primary-button:hover{transform:translateY(-2px)}.primary-button:active{transform:translateY(0)}.error-message{color:#d32f2f;font-size:.9rem;margin:0;text-align:center}.report-container{margin-top:32px;padding:24px;border:1px solid var(--line);border-radius:20px;background:#ffffff80}.report-header h3{margin:0 0 16px;font-family:Georgia,Times New Roman,serif;color:var(--accent-deep)}.report-content p{margin:0 0 12px;line-height:1.6;white-space:pre-wrap}@media (max-width: 960px){.stylist-app{padding:20px}.hero-panel{grid-template-columns:1fr}.hero-copy,.intake-card{padding:28px}.hero-copy h1{max-width:none}}@media (max-width: 640px){.metrics-grid{grid-template-columns:1fr}.upload-preview,.upload-preview img{min-height:260px;height:260px}}