*{box-sizing:border-box}body{margin:0;background:#f5f5f5;color:#181818;font-family:system-ui,-apple-system,sans-serif}main{max-width:540px;margin:auto;padding:24px 20px 100px}.hero{text-align:center;padding:18px 0 25px}.logo{width:85px;height:100px;object-fit:contain}.eyebrow{color:#c20b26;font-weight:750;font-size:12px;letter-spacing:2px;text-transform:uppercase}h1{font-size:30px;line-height:1.12;margin:10px 0}h2{font-size:24px;margin:10px 0 22px}.muted{color:#777;font-size:14px;line-height:1.5}.card{display:flex;align-items:center;gap:15px;width:100%;text-align:left;border:1px solid #e8e8e8;border-radius:18px;background:white;padding:19px 17px;margin:10px 0;cursor:pointer;color:#191919;font-size:17px;font-weight:700;box-shadow:0 2px 10px #00000005}.icon{width:44px;height:44px;display:grid;place-items:center;border-radius:12px;background:#fff0f2;color:#c20b26;font-size:23px;flex:none}.arrow{margin-left:auto;color:#aaa}.back{border:0;background:transparent;color:#777;font-size:15px;padding:0;margin:4px 0 24px;cursor:pointer}.pill{display:inline-block;color:#b00021;background:#ffeaee;padding:6px 12px;border-radius:100px;font-size:12px;font-weight:750}.player{width:100%;max-height:55vh;aspect-ratio:9/16;object-fit:contain;background:#111;border-radius:20px;display:block;margin:20px auto}.detail{background:white;border-radius:20px;padding:20px;margin-top:18px}.detail p{line-height:1.6}.done{width:100%;background:#c20b26;color:white;border:0;border-radius:14px;padding:17px;font-weight:750;font-size:16px;cursor:pointer}.done.active{background:#1b6d47}nav{position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:center;gap:15px;background:#fff;border-top:1px solid #eee;padding:12px 10px max(14px,env(safe-area-inset-bottom))}nav button{border:0;background:#f7f7f7;padding:12px 22px;border-radius:24px;font-weight:650;cursor:pointer}.tip{background:#fff;border:1px solid #eee;border-radius:16px;padding:20px;margin:12px 0}.tip h3{margin:0 0 10px}.empty{color:#888;text-align:center;padding:50px 10px}