*{margin:0;padding:0;box-sizing:border-box}:root{--pink: #FF6B9D;--pink-light: #FFE0EC;--pink-dark: #E54E80;--pink-gradient: linear-gradient(135deg, #FF6B9D 0%, #FF8FB1 50%, #FFB6C1 100%);--white: #FFFFFF;--gray-50: #F9FAFB;--gray-100: #F3F4F6;--gray-200: #E5E7EB;--gray-300: #D1D5DB;--gray-500: #6B7280;--gray-700: #374151;--gray-900: #111827;--green: #10B981;--yellow: #F59E0B;--red: #EF4444;--blue: #3B82F6;--radius: 14px;--radius-sm: 10px;--radius-lg: 20px;--shadow-sm: 0 1px 2px rgba(0,0,0,.04);--shadow: 0 2px 8px rgba(0,0,0,.06);--shadow-md: 0 4px 16px rgba(0,0,0,.08);--shadow-lg: 0 8px 30px rgba(0,0,0,.1)}body{font-family:-apple-system,BlinkMacSystemFont,Hiragino Sans,Noto Sans JP,sans-serif;background:var(--gray-50);color:var(--gray-900);-webkit-font-smoothing:antialiased;max-width:480px;margin:0 auto;min-height:100vh}.page{padding:16px 16px 90px}.card{background:var(--white);border-radius:var(--radius);padding:16px;margin-bottom:12px;box-shadow:var(--shadow);transition:transform .2s,box-shadow .2s}.card:active{transform:scale(.98)}.card-elevated{box-shadow:var(--shadow-md)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 24px;border-radius:var(--radius-sm);font-size:15px;font-weight:600;border:none;cursor:pointer;width:100%;transition:all .2s;position:relative;overflow:hidden}.btn:active{transform:scale(.97);opacity:.9}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-primary{background:var(--pink-gradient);color:var(--white);box-shadow:0 4px 14px #ff6b9d59}.btn-outline{background:transparent;border:1.5px solid var(--gray-200);color:var(--gray-700)}.btn-outline.active,.btn-outline:hover{border-color:var(--pink);color:var(--pink);background:var(--pink-light)}.btn-sm{padding:8px 16px;font-size:13px;width:auto}.btn-lg{padding:16px 28px;font-size:16px;border-radius:var(--radius)}.tab-bar{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:480px;background:#fffffff2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);display:flex;border-top:1px solid rgba(0,0,0,.06);padding:6px 0 2px;padding-bottom:env(safe-area-inset-bottom,8px);z-index:100}.tab-item{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;font-size:10px;font-weight:500;color:var(--gray-500);text-decoration:none;padding:4px 0;transition:color .2s}.tab-item.active{color:var(--pink)}.tab-item svg{width:24px;height:24px}.badge{display:inline-flex;align-items:center;padding:3px 10px;border-radius:20px;font-size:12px;font-weight:600}.badge-green{background:#d1fae5;color:#065f46}.badge-yellow{background:#fef3c7;color:#92400e}.badge-red{background:#fee2e2;color:#991b1b}.badge-blue{background:#dbeafe;color:#1e40af}.badge-gray{background:var(--gray-100);color:var(--gray-500)}.badge-pink{background:var(--pink-light);color:var(--pink-dark)}.service-card{background:var(--white);border:2px solid var(--gray-100);border-radius:var(--radius);padding:18px;margin-bottom:12px;cursor:pointer;transition:all .25s;box-shadow:var(--shadow-sm)}.service-card:active{transform:scale(.98)}.service-card.selected{border-color:var(--pink);background:linear-gradient(135deg,#ff6b9d0d,#ffb6c114);box-shadow:0 4px 16px #ff6b9d26}.service-card h3{font-size:16px;margin-bottom:4px}.service-card .price{font-size:22px;font-weight:800;color:var(--pink)}.service-card .desc{font-size:13px;color:var(--gray-500);margin-top:4px;line-height:1.5}.input-group{margin-bottom:16px}.input-group label{display:block;font-size:13px;font-weight:600;color:var(--gray-700);margin-bottom:6px}.input-group input,.input-group select,.input-group textarea{width:100%;padding:12px 14px;border:1.5px solid var(--gray-200);border-radius:var(--radius-sm);font-size:15px;outline:none;background:var(--white);transition:border-color .2s,box-shadow .2s}.input-group input:focus,.input-group select:focus,.input-group textarea:focus{border-color:var(--pink);box-shadow:0 0 0 3px #ff6b9d1a}.header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:var(--white);border-bottom:1px solid var(--gray-200)}.header h1{font-size:18px}.status-timeline{display:flex;flex-direction:column;gap:0;padding:16px 0}.status-step{display:flex;align-items:flex-start;gap:14px;position:relative;padding-bottom:20px}.status-step:last-child{padding-bottom:0}.status-step:before{content:"";position:absolute;left:6px;top:16px;bottom:0;width:2px;background:var(--gray-200)}.status-step:last-child:before{display:none}.status-dot{width:14px;height:14px;border-radius:50%;background:var(--gray-300);flex-shrink:0;position:relative;z-index:1;transition:all .3s}.status-dot.active{background:var(--pink);box-shadow:0 0 0 4px #ff6b9d33}.status-dot.completed{background:var(--green)}.hero{background:var(--pink-gradient);border-radius:var(--radius-lg);padding:28px 22px;margin-bottom:20px;color:#fff;position:relative;overflow:hidden}.hero:after{content:"";position:absolute;right:-20px;bottom:-20px;width:140px;height:140px;border-radius:50%;background:#ffffff1a}.hero-title{font-size:22px;font-weight:800;margin-bottom:6px;letter-spacing:-.3px}.hero-subtitle{font-size:13px;opacity:.9;line-height:1.5}.section-title{font-size:16px;font-weight:700;margin:22px 0 12px;color:var(--gray-900)}.steps{display:flex;gap:10px;margin-bottom:20px}.step-item{flex:1;text-align:center;padding:14px 8px;background:var(--white);border-radius:var(--radius);box-shadow:var(--shadow-sm)}.step-icon{width:44px;height:44px;border-radius:50%;background:var(--pink-light);display:flex;align-items:center;justify-content:center;margin:0 auto 8px;font-size:20px}.step-label{font-size:11px;font-weight:600;color:var(--gray-700);line-height:1.4}.asset-row{display:flex;gap:10px;margin-bottom:16px}.asset-card{flex:1;background:var(--white);border-radius:var(--radius);padding:16px 12px;text-align:center;box-shadow:var(--shadow);cursor:pointer;transition:transform .2s}.asset-card:active{transform:scale(.97)}.asset-label{font-size:11px;color:var(--gray-500);font-weight:500}.asset-value{font-size:24px;font-weight:800;color:var(--pink);margin-top:4px}.asset-value small{font-size:14px;font-weight:400;color:var(--gray-500)}.pills{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px;-webkit-overflow-scrolling:touch;scrollbar-width:none}.pills::-webkit-scrollbar{display:none}.pill{flex-shrink:0;padding:10px 16px;border-radius:25px;font-size:13px;font-weight:600;border:1.5px solid var(--gray-200);background:var(--white);color:var(--gray-700);cursor:pointer;transition:all .2s;white-space:nowrap}.pill.active{background:var(--pink);border-color:var(--pink);color:#fff;box-shadow:0 2px 8px #ff6b9d4d}.payment-option{display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:var(--radius-sm);cursor:pointer;transition:background .2s;border:1.5px solid transparent}.payment-option.selected{background:var(--pink-light);border-color:var(--pink)}.payment-option:not(.selected){background:var(--gray-50)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeInUp .3s ease forwards}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.pulse{animation:pulse 2s infinite}.feature-tag{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:20px;font-size:11px;font-weight:600;background:var(--pink-light);color:var(--pink-dark)}.rating{display:inline-flex;align-items:center;gap:3px;color:var(--yellow);font-weight:600;font-size:13px}.divider{height:1px;background:var(--gray-100);margin:12px 0}