*{box-sizing:border-box}html,body,#root{margin:0;padding:0;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Hiragino Sans,Yu Gothic UI,Meiryo,sans-serif;background:#f5f6f7;color:#1f2937}.app{max-width:480px;margin:0 auto;padding:16px;min-height:100vh}.header{display:flex;align-items:center;gap:12px;padding:16px 4px 24px}.header img{width:40px;height:40px;border-radius:50%;object-fit:cover;background:#e5e7eb}.header .name{font-size:14px;color:#6b7280}.title{font-size:22px;font-weight:700;margin:0 0 8px}.subtitle{font-size:14px;color:#6b7280;margin:0 0 24px;line-height:1.6}.field{margin-bottom:18px}.label{display:block;font-size:14px;font-weight:600;margin-bottom:6px;color:#374151}.required{color:#ef4444;margin-left:4px}.input,.textarea{width:100%;padding:12px 14px;border:1px solid #d1d5db;border-radius:10px;font-size:16px;font-family:inherit;background:#fff;color:#111827}.input:focus,.textarea:focus{outline:none;border-color:#06c755;box-shadow:0 0 0 3px #06c75526}.textarea{resize:vertical;min-height:88px;line-height:1.5}.style-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.style-chip{display:flex;align-items:center;gap:8px;padding:12px 14px;background:#fff;border:1.5px solid #d1d5db;border-radius:10px;font-size:14px;font-family:inherit;cursor:pointer;text-align:left;color:#374151;transition:border-color .15s,background .15s}.style-chip:hover{border-color:#9ca3af}.style-chip.active{border-color:#06c755;background:#ecfdf5;color:#047857}.photo-picker{border:2px dashed #d1d5db;border-radius:12px;padding:24px 16px;text-align:center;cursor:pointer;background:#fff;transition:border-color .15s}.photo-picker:hover{border-color:#06c755}.photo-picker input[type=file]{display:none}.photo-preview{width:100%;max-width:280px;aspect-ratio:1;margin:0 auto;border-radius:12px;object-fit:cover;background:#e5e7eb}.photo-hint{font-size:13px;color:#6b7280;margin-top:8px}.button{width:100%;padding:14px;background:#06c755;color:#fff;font-size:16px;font-weight:600;border:none;border-radius:12px;cursor:pointer;margin-top:8px}.button:disabled{background:#9ca3af;cursor:not-allowed}.button:active:not(:disabled){transform:scale(.98)}.error{color:#ef4444;font-size:13px;margin-top:6px}.banner{padding:12px 14px;background:#fef3c7;border:1px solid #fde68a;border-radius:10px;font-size:13px;margin-bottom:16px;color:#92400e}.success{text-align:center;padding:60px 20px}.success-icon{width:80px;height:80px;background:#06c755;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 24px;font-size:40px}.success-title{font-size:20px;font-weight:700;margin-bottom:12px}.success-message{font-size:14px;color:#6b7280;line-height:1.7}.spinner{display:inline-block;width:16px;height:16px;border:2px solid rgba(255,255,255,.4);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite;vertical-align:middle;margin-right:8px}@keyframes spin{to{transform:rotate(360deg)}}