*{box-sizing:border-box;margin:0}body{background:#BE185D;font-family:Inter,system-ui,sans-serif;color:#4A1942;padding:10px;min-height:100vh}
a{color:inherit;text-decoration:none}.main{background:#FDEFF4;border-radius:18px;max-width:440px;margin:0 auto;padding:14px 12px 20px;box-shadow:0 8px 28px rgba(74,25,66,.28)}
.start-chrome{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 6px}.start-chrome__logo{display:block;flex:1;min-width:0}.start-chrome__logo img{display:block;width:100%;max-width:200px;height:auto}.start-chrome__home{flex:none;display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:8px 14px;border-radius:999px;font-weight:800;font-size:13px;letter-spacing:.04em;border:2px solid #DB2777;background:#DB2777;color:#fff;box-shadow:0 2px 8px rgba(219,39,119,.2)}
.logo{display:block;width:100%;max-width:200px;margin:0 auto}h1{font-size:26px;font-weight:900;text-align:center;margin:10px 0 14px;line-height:1.15}
.grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.tile,.card{background:#fff;border:1.5px solid #FBCFE8;border-radius:14px;overflow:hidden;box-shadow:0 3px 10px rgba(157,23,77,.1);display:flex;flex-direction:column}
.tile{min-height:118px;transition:transform .15s}.tile:active,.tile:hover{transform:scale(1.02);border-color:#DB2777}
.bar{background:#FBCFE8;color:#BE185D;font-weight:600;font-size:15px;text-align:center;padding:6px}.bar.done{background:#BBF7D0;color:#15803D;font-weight:800}
.body{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:10px 8px}
.body b{font-size:17px;font-weight:800;line-height:1.2}.body span{font-size:13px;color:#9D174D;margin-top:4px}.bubble{width:70px;height:58px}
.card .body{padding:14px 12px 16px;align-items:stretch;text-align:left}.card h2{font-size:24px;font-weight:900;text-align:center;margin-bottom:12px}
.video{position:relative;width:100%;max-width:340px;margin:0 auto 22px;aspect-ratio:9/16;border-radius:20px;overflow:hidden;background:linear-gradient(160deg,#FCE7F3,#FBCFE8);border:2px dashed #EC4899}
.video iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.video .ph{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#BE185D;font-weight:700;font-size:20px;gap:10px}
.play{width:64px;height:64px;border-radius:50%;background:#DB2777;display:flex;align-items:center;justify-content:center;color:#fff;font-size:26px}
.steps{background:#FDF2F8;border:2px solid #FBCFE8;border-radius:18px;padding:16px 18px;margin-bottom:18px}.steps h3{font-size:20px;margin-bottom:8px;color:#9D174D}
.steps ol{padding-left:22px;font-size:18px;line-height:1.5}.steps li{margin:6px 0}.shot{height:220px;border:2px dashed #F9A8D4;border-radius:16px;background:#FFF7F9;display:flex;align-items:center;justify-content:center;color:#A78B9A;font-weight:600;margin-bottom:12px}
.nav{display:flex;justify-content:space-between;gap:12px;margin-top:20px}.btn{flex:1;text-align:center;padding:14px;border-radius:999px;font-weight:700;font-size:17px;border:2px solid #DB2777;color:#DB2777;background:#fff}.btn.p{background:#DB2777;color:#fff}
.cstep{background:#fff;border:1.5px solid #FBCFE8;border-radius:14px;padding:12px 12px 6px;margin:0 0 18px}.cstep-h{display:flex;align-items:center;gap:10px;font-size:18px;font-weight:800;color:#9D174D;margin:0 0 8px}.cstep-h .num{flex:none;width:30px;height:30px;border-radius:50%;background:#DB2777;color:#fff;font-size:15px;display:flex;align-items:center;justify-content:center}.cstep-t{font-size:16px;line-height:1.45;margin:0 0 12px}.shotimg{margin:0 0 18px;text-align:center}.shotimg img{display:block;width:100%;max-width:300px;height:auto;margin:0 auto;border-radius:16px;border:2px solid #FBCFE8;box-shadow:0 4px 14px rgba(157,23,77,.12)}.shotimg a{display:inline-block;cursor:zoom-in}.shotimg figcaption{font-size:15px;color:#9D174D;font-weight:600;margin-top:8px}
.video.live{border:0;background:#000}
.snav{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:10px 0 14px}.snav--bottom{margin:16px 0 2px}.snav-btn{flex:1 1 0;min-width:84px;min-height:44px;display:inline-flex;align-items:center;justify-content:center;text-align:center;padding:12px 16px;border-radius:999px;font-weight:700;font-size:16px;line-height:1.2;border:2px solid #DB2777;color:#DB2777;background:#fff;box-shadow:0 3px 10px rgba(219,39,119,.15);-webkit-tap-highlight-color:transparent;transition:transform .08s,background .15s}.snav-btn:hover{background:#FDF2F8}.snav-btn:active{transform:scale(.97)}.snav-start{flex:0 0 auto;background:#FCE7F3;border-color:#F9A8D4;color:#9D174D}.snav-next{background:#DB2777;color:#fff}.snav-next:hover{background:#BE185D}
.yt-link{text-align:center;margin:-12px 0 22px;font-size:15px;font-weight:700}.yt-link a{color:#DB2777;text-decoration:underline;text-underline-offset:3px}
@media (max-width:440px){.snav{gap:8px}.snav-btn{min-width:0;padding:10px 10px;font-size:14px;white-space:nowrap}.snav-start{padding:10px 14px}}

.session-profile-chip{flex:none;display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:8px 14px;border-radius:999px;font-weight:800;font-size:13px;letter-spacing:.04em;border:2px solid #9D174D;background:#9D174D;color:#fff;box-shadow:0 2px 8px rgba(157,23,77,.2)}
.start-chrome{flex-wrap:wrap}